CSS crib sheet
CSS crib sheet: There’s lot of CSS talking around the web but it’s not always easy for a newcomer to find out about all the CSS tricks. Dave Shea brings us the CSS crib sheet with tips, tricks, advices and lots more.
Elastic Lawn
css Zen Garden: Elastic Lawn: From HTMLDog’s PTG comes this nice CSS Zen Garden design.
Using EM instead of pixels or percentages to define the layout makes the design grow/decrease has you change the font size.
I also like the transparency effect a lot.
This ‘elastic’ approach is one that I have used for some time. The argument that text-sizes should be relative (ie. ems rather than pixels) for increased accessibility can be said to extend to the dimensions of the area in which the text is contained. It does kind of make sense to me that there are benefits to layouts that grow proportionally with the text - I mean, if a visually impaired user finds it easier to view larger text, won’t they also find that text more manageable if the space between content blocks is also larger? It also avoids increased text sizes pushing out and possibly breaking an intended design (try enlarging the text in some of the other Zen Garden designs for example). The elastic issue is one I will go into in more detail at a later date.
