New looks for web sites

Good web design is changing again. Is it the influence of the growth of mobile devices? It’s certainly influenced my adoption of Nulis on the blog. They are picture rich, with lots of white space, borderless and short columns (often implementing lists) and strong rows! (They also tend to go to the second page by racking down, thus saving the delay of a page refresh.)

http://www.threatmatch.com/ is one example and http://guardtime.com/ is another. I have used a picture from Guardtime as my featured picture on this post. Both these sites are offering IT Security solutions, but they are both  an inspiration. At least to me. Continue reading “New looks for web sites”

Triptrop

Travelling in NYC

See http://www.triptropnyc.com/

nycmetro cc by-sa 2.0

They say “extraordinarily pretty subway maps from anywhere to everywhere in new york city”.

The author documents his technology. I wonder how hard it’d be to build a house price database

The author says

As for the programming bits, it was a rag-tag team of scripts consisting of Ruby, Python (NumPy, SciPy, matplotlib), PHP, and ImageMagick all popped onto a couple hundred EC2 instances, running computations on a few gigs of MySQL tables. Distances and image overlays were precomputed for about 128k points in NYC and then moved over to S3 for safekeeping. Web stuff is all Sinatra and (of course) Google Maps. Datawise, station-to-station commute time is from the Metropolitan Transit Authority, and walking calculations are via Manhattan distance at 3mph.

Links

Keywords: Visualisation, Geography, NYC, travel, HTML, Technology

Small screen HTML runes

Optimising HTML for small screens

I have been interested in optimising HTML for small screens and/or using CSS as the vehicle. This has been driven by my personal publication properties and started at Sun with the then Sun Blog.

Meta and WPTOUCH

This page was originally written in 2009.  The snip was originally called HTML. Obviously small screen devices have exploded in quantity since then. It’s a bigger problem and opportunity today. The bulk of this page was written in 2009, based on fact finding undertaken in 2008. As this wiki and its companion blog become the major platforms for my web presence, I have been reviewing how to deliver the content over small screens. I installed wptouch  fairly quickly after I moved to self managed wordpress and at the end of 2013, wptouch was upgraded with a magnificent look and feel.I tweeted,

vvv Code embed 1 vvv

I suspect the arrival of WPtouch 2013 will slow down my research,  but I had been storing URLs in delicious with the tags, mobile+webdesign

ooOOOoo

I also have a bunch of bookmarks tagged HTML at http://del.icio.us/DaveLevy.

Media

Obviously step one is to hid the sidebars on print. I have found some resources which I hope will help.

Is there a media type for the ipod or other PDAs.

finds

it also points IETF and CSS2 resources. The @@media print” CSS code mentioned on the w3 css2 page looks like what we might need for snipsnap as it may not require an explicit assignment as print rule in the <STYLE> or <LINK> statements.