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.
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.
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.
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.
This article will walk you through creating a basic elastic layout; what exactly an “em†is and how to calculate them, how to use ems to create an elastic layer for content with scalable text and images, including basic vertical rhythm.