Placeholder is a very useful attribute of the <input> tag that is specified in the HTML5 spec. It provides a text that goes into the field, by default, and is used as a kind of a quick tip for the user about what they should type into the field, such as “type to search”, or …
Category Archives: Web Design
HTML5 Video and Audio Experiment
Gizmodo had a post on an HTML5 experimental page from 9Elements design studio. If you have Firefox 3.5, Safari 4 or latest Chrome build you can check it out yourself here.
It’s really an amazing piece of work – beautiful animations coupled with sound and neat interactivity (clicking the lights displays tweets about the page). All …
Reflections and Accordion using CSS only, in Safari and Firefox
Using combination of CSS transforms, transitions, gradients and :target it’s possible to create things that usually require JavaScript – such as accordion and reflections (in Firefox). Unfortunately, this only works 100% in Safari and Chrome (and I guess any other webkit using browser). In Firefox these elements behave properly, they just don’t have animations or …
Using CSS3 @font-face to “fake” multiple font weights
CSS2 specifies additional font weights, beyond Normal and Bold. In particularly there are 9 font weights in total – 100, 200, 300, 400 (normal), 500, 600 (bold), 700, 800 and 900. Unfortunately browsers still somewhat lack support for this feature, but more importantly fonts lack support for this. Many fonts however, still come with only …