rglazebrook / Submitted
Most calendars on the web are built using large, complex tables, but a table is overkill for most situations. So my goal for this tutorial was to create a list-based calendar that used CSS for its layout.
(Click to Enlarge)
The Accordion Effect is fast becoming one of the most commonly used (and perhaps abused?) effects of the Web 2.0 world. So what makes this accordion effect special? It doesn’t require a single line of JavaScript.
(Click to Enlarge)
An absolutely positioned CSS-based message box can be a useful design choice, but the same message popping up every time a user visits can get annoying. It’d be useful to give your users the ability to close those messages.
(Click to Enlarge)
CSS doesn’t apply exclusively to the screen. You can also write style sheets that apply to the medium that first spawned them – print. And your layout may look stellar at 1024×768, but that doesn’t mean it rocks equally at 8 1/2″ x 11″.
Here's a great technique for creating old-school, book-style page/article introductions: drop-capped first letter, small capped first line. The technique uses pure CSS -- no divs, spans, classes or IDs are needed.
(Click to Enlarge)
