I have been following the For a Beautiful Web blog for the last few weeks. For a Beautiful Web is a promo for Andy Clarke and his web design and development training courses [CSS included] and the blog has highlighted some new [in terms of usage] CSS techniques in two articles that I found really interesting.
In Are CSS Tables ready for prime time?, there is a discussion about the use of CSS Tables. Actually, ‘CSS Tables’ is a bit of a misnomer in my opinion because this method uses the CSS display property to style elements so that they display and behave like a table whereas some people seem to have assumed that ‘CSS Tables’ means that all the old table layout HTML that we know and love would be making a comeback. No! That aside, this is a great article that highlights the use of display:table properties for web page layout.
Secondly, in Is CSS3 RGBa ready to rock?, Andy’s screencast describes the use of RGBa Transparency, which is a CSS3 module, and its application in a new, beautifully designed and styled, website that Andy is designing for a client. RGBa Transparency allows you to specific transparency values for a particular color and style an element accordingly. I think this will become a much used technique if browser support increases.
Note: Browser support for display:table is more widespread than support for RGBa transparency. IE8 and other modern browsers will support display:table but RGBa is only supported by Safari 3 and Firefox 3 beta. I’m not aware that IE8 will support it [correct me if I am wrong, please….]
Stunning CSS3: A Project-Based Guide: Use this book to work through a series of practical yet cutting-edge projects. Each chapter walks you through standalone exercises that you can integrate into projects you're working on, or use as inspiration.
» Buy from Amazon.com · Amazon.co.uk
ThemeForest sell a range of site templates from some fantastic designers. They also sell some great WordPress themes!
Online invoicing made easy with CurdBee!
» Sign up
Join SugarSync for online backup. Sync your files between Mac, PC and mobile phone. Get 5 GB FREE and up to 10 GB bonus space!
HTML5 and CSS3 for the Real World will show you how to create websites using these new methods.
This easy-to-follow guide covers everything you need to know to get started. You’ll master the new semantic markup available in HTML5, as well as how to use CSS3 without sacrificing clean markup or resorting to complex workarounds. Buy the Book! · FREE Chapters