HTML5 and CSS3 have very quickly moved from being tentative new standards to the base standards for every major desktop and mobile browser. HTML5 is now just HTML, a modular, living standard that no longer needs a version number.
Now that we are no longer fighting over platforms, it’s time to put the specs aside and revisit the construction of user interface: how do we raise the bar for stellar user interface on the web?
Meta Refresh is a follow-up to DocType HTML5 from 2010-11 and is a conference on web UI engineering.
Visual design for non-designers
You’ll take home a simple set of rules and tools on visual design that you can’t go wrong applying.
There are some simple, non-intuitive principles of design that most non-designers are unaware of, around choice of colours, using white space, typography, alignment, etc.
Some examples of questions we’ll address are:
What’s a good line height? (Hint: it’s proportional to the square root of the line width.)
How do I pick an uniformly distributed colour palette for my site?
What heading font would contrast best with a body font
Where do I place the images? And what should the image dimensions be?
This will be a tutorial + workshop where we’ll take live examples and see the impact of applying these rules to a website.
Anand is a data scientist at Gramener, a data visualisation company.