CSS tricks

Lots of neat CSS tricks and tutorials that I use and recommend

• Horizontally Centered Drop-Down Menus with Pure CSS A detailed article explaining how to add drop-down submenus to my centered menus
• Make website images look like a video with this CSS effect A neat CSS trick that turns ordinary images into a fuzzy, pixelated CRT screen
• Exploring Web Typography: Experimental CSS Hover Layout An experimental website layout using the CSS hover pseudo-class and plain XHTML
• CSS Reddit Alien - only 8KB! An animated Reddit alien logo I created from pure CSS and text
• Equal Height Columns with Cross-Browser CSS and No Hacks A step by step tutorial explaining how to create multicolumn layouts with divs and CSS where every column is the same height
• Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser. A simple cross-browser method of centering tabbed menus with pure CSS and no hacks.
• How to convert a liquid-layout to a fixed-width design with simple CSS A simple CSS tutorial showing how to change between fixed-width and liquid-layouts with the use of a container div
• Animated Photoshop selection on a web page! Highlight areas of your website with animated select boxes just like you can do in PhotoShop
• Get down! How to keep footers at the bottom of the page A simple method using valid CSS to keep your footer at the bottom of the screen on pages with little content.
• Preventing a 'background image jump' when changing the page length A simple remedy for a potentially annoying background image CSS quirk
• The Floating Boxes CSS Layout An alternative website design to the standard 'fixed width' or 'liquid layout' designs

Blog tags

• 25 Web design
• 17 Cascading style sheets (CSS)
• 15 Tutorials
• 14 Website layouts
• 13 Semantic XHTML
• 11 CSS tricks
• 8 Fun and games
• 8 Search engine optimisation (SEO)
• 5 HTML columns
• 5 Website navigation
• 4 Google
• 4 Web accessibility
• 4 Website coding
• 3 Apple
• 3 Bugs
• 3 Indexing
• 3 JavaScript
• 3 Resizable text
• 3 Science
• 2 Animation
• 2 Browser compatibility
• 2 CMS
• 2 Character design
• 2 HTML forms
• 2 Link popularity
• 2 Logos
• 2 PHP Programming
• 2 Photoshop art
• 2 Search
• 2 Synesthesia
• 2 Vector art
• 2 Videos
• 1 ASCII art
• 1 Apple iPhone
• 1 Bjork art
• 1 Boggle
• 1 Carbon neutral
• 1 Chalk drawings
• 1 Charcoal drawings
• 1 Christmas lights
• 1 Coreldraw
• 1 Drawings
• 1 Drupal CMS
• 1 Eco Friendly
• 1 Gif animation
• 1 Microformats
• 1 Mod_rewrite
• 1 MySQL
• 1 Pencil drawings
• 1 Portraiture
• 1 Progressive enhancement
• 1 Reddit
• 1 Security
• 1 Twitter
• 1 URL rewriting
• 1 Web Typography

big doodles by felicity