21 Amazing CSS Techniques You Should Know
Jul 30th, 2009 - 50 Comments »
Cascading Style Sheets(CSS) is one of the building blocks of modern web design without which websites would have been ugly just like they were a decade ago. With time, the quality of CSS tutorials out there on the web has increased considerably. Here are 21 amazing CSS Techniques that you might not have thought could be done by CSS.
Amazing demonstration of how to create a cross browser image galleryÂ using just CSS.
This tutorial demonstrates a crazy way to create an image map using just CSS.
Replace the submit buttons with images using CSS, degrades back to submit button if CSS is disabled.
Amazing tutorial on how to create an animated navigation menu using just CSS.
Create a tree like navigation from nested lists of links. Very useful for creating sitemaps.
Create eye-catching titles with nice gradient effect using just CSS.
Very easy to understand tutorial on how to create a menu list using either CSS border-style or background-image property.
Amazing way to create a liquid layout using negative margins
This might occur to you some time when a content page has not enough content to fill the page, so footer also moves up due to this. This tutorial shows you how to deal with this and make footer stay at bottom even when content is not enough.
Create a nice scalable breadcrumb navigation
Make the blockquotes in your content or blog posts standout from rest of content. Very useful to highlight major points in long content pages.
This article shows all possible ways you can use to stack up an unordered list into multiple columns.
If you have ever visited Learning jQuery then you might have noticed the awesome date display next to each blog post. This tutorial will show you how to achieve that using CSS Sprites.
Display date and comments on your blog posts in a nice way that takes less space.
This tutorial shows you how to make page content fade away into the bottom of the page just like the fortuito.us blog.
This article shows you how the CSS Border property can be used to achieve some cool effects. You’ll be surprised to know how cool the CSS Border property is.
Subscribe to Full RSS Feed
If you found this article useful, then consider subscribing to our RSS Feed or e-mail updates to stay updated with latest Web Design/ Development articles. You can also follow @webdevplus on twitter for latest updates.