5 CSS tricks with lists

Here are some creative ways to style unordered ul, ordered ol or definition dl lists…

CSS hacks & browser version detection – a new approach

How to target almost any browser from the server side using PHP. The workflow… Style everything for a web standards compliant browser like Firefox or Opera. Load an additional PHP file which outputs CSS styles with specific hacks. That’s it you’re done.

An Introduction to CSS 2.1 and CSS 3 selectors

An online demo showing examples of CSS 2.1 and CSS 3 selectors. Concise, to the point and useful future reference…

Mastering CSS, Part 1: Styling Design Elements

CSS isn’t nearly as tricky as some people tend to believe. Below are fresh tips and techniques for creating and styling design elements with CSS. They’re a good place to start if you’re new to CSS but are valuable even if you’re a veteran designer. Not all the techniques are strictly CSS; some include integration […]

Sticky Fixed SideNav Layout with CSS

Having a fixed sidenav comes in handy when dealing with blog style websites where the content is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the content without scrolling back up to the top to navigate through the rest of the site…

A Look at Some of the New Selectors Introduced in CSS3

Everyone who has been using CSS is immediately familiar with selectors as they are what is used to target elements on a page and style them. CSS3 brings even more options as far as selecting elements goes. It will allow designers and developers to implement designs much easier and quicker than before. Here is a […]

The 5-Minute CSS Mobile Makeover

More people are surfing the Web via mobile device than ever before. It’s just so convenient to have that mobile access to anything you need. Sadly, most websites have not yet considered their mobile visitors, who probably move on to the next site before trying to make sense of a jumbled mess. Those of you […]

Cross-browser drop shadows using pure CSS

There’s an awful lot of noise at the moment regarding dropping IE6 and forging ahead with CSS3 properties for the finer touches on web layouts. Do websites need to look exactly the same in every browser? One such example is adding drop shadows to content blocks. There are countless ways of achieving this, most requiring […]

CSS Opacity That Doesn’t Affect Child Elements

This is a quick tip to demonstrate a way to work around the problem of child elements in your HTML inheriting the “alpha” settings of their parent. This tip is not necessarily recommended, because it creates extra markup and is a little bit messy. But it could come in handy in a rare case, depending […]

Text Rotation with CSS

An article about text rotation using just CSS. Thankfully, many of the popular browsers of today support the ability to rotate HTML elements. Even better? We can make it work in Internet Explorer back to version 5.5 even…

« Previous PageNext Page »