Object Oriented CSS

Object oriented CSS OOC is one of the new buzz words in the industry. A lot of work is being done by Nicole Sullivan. I kind of like the idea myself and have been doing some forrays into it myself. I think that it will stop hap-hazard CSS coding. I find this happens quite a […]

Making Hyperlink Icons with CSS

Hyperlinks can link to any number of different sources (pdfs, emails, external links, popups). By placing an icon beside each of these types it will take the surprise out of clicking on a hyperlink for the user. The plan is to do this in an intelligent manner so users don’t have to worry about placing […]

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 […]

« Previous PageNext Page »