Beautiful glowing animated navigation

Technique for changing a background position on hover (as you would with CSS) but the twist is a beautiful fade in effect…

Pure CSS Fish Eye Menu

A pure CSS technique to transform your icon menu into an interactive zooming icon navigation menu inspired from Mac OSX Dock with fish eye effect. One of many ways to style html list tags into interactive, usable, and accessible menu using pure CSS…

On applying OOP concepts to CSS

An in-depth discussion of OOP concepts and how they can relate to CSS files…

10 Best CSS Practices to Improve Your Code

It’s really easy to find yourself wondering how your CSS got to be such a mess. Sometimes it’s the result of sloppy coding from the start, sometimes it’s because of multiple hacks and changes over time. Whatever the cause, it doesn’t have to be that way. Writing clean, super-manageable CSS is simple when you start […]

7 Quick CSS Enhancements for Better User Experience

The beauty in CSS is that a tiny directive can make a huge difference in how the page displays. Here are seven quick CSS snippets that will give your website more “pop” and make your user’s experience more functional and enjoyable including… Change Text Highlight Color Prevent Firefox Scrollbar Jump Rounded-Corner Elements Print Page Breaks […]

Use javascript and CSS to add gradients to any text

How to use JavaScript and CSS to apply a two-color gradient to any text. Shadows and highlights can also be applied…

How to Style an A to Z Index with CSS

Learn how to style an A-Z index using a simple list and CSS. The index expands when you resize the text so it won’t break…

An amazing CSS puzzle

A simple maze puzzle written entirely in css (no javascript etc). The object of the puzzle is to navigate from the start arrow to the star without touching the maze walls, if you do then you will have to start again…

Better Font Families in CSS

font-family is one of the most widely used CSS properties, and with good reason: sometimes you can change the entire feel of a design with this one property. But selecting fonts for your stack also greatly influences your design’s readability and accessibility – which, ultimately, is what’s most important in any web design. That is, […]

Don’t forget about :active in your CSS declarations

We have had the ability to style a links :active pseudo selector since CSS1, yet when was the last time you actually used it? The value of such a subtle detail can have large benefits to a users experience of the site. Not to mention it does give another avenue to enrich the interactivity of […]

« Previous PageNext Page »