35 CSS Lifesavers For Efficient Web Design

CSS design is not easy. We need to find workarounds for cross browser inconsistencies. We also need to understand difficult CSS concepts and quite counterintuitive CSS solutions. However, there are effective and useful CSS tools and Smashing Magazine reviewed many of them in previous posts. Now it’s time to present you with some fresh tools […]

PX to EM conversion made simple

PXtoEM.com is pixels to em conversion made simple. Choose your body font size in pixels (px) and out comes a complete pixel (px) to em conversion table, making elastic web design with CSS a snap. The once daunting challenge of converting pixels (px) to the elusive em has now been reduced to a booger eating […]

Top 5 Sites To Learn CSS Online

Web design might not be the most accessible area to everyone, but CSS and HTML can be very useful, and these are two parts of coding which are really easy. I mean to change the color of your font you just need to type: “color:red”, does it get easier than that? Well actually, it gets […]

Styling Ordered Lists with CSS Tutorial

Recently I was working on a site where I had to style an ordered list and thought this may help some of you in future projects. The snag that some people tend to run into is that they are not sure how to separate the styles of the numbers and the actual content of the […]

5 Popular CSS Frameworks + Tutorials & Tools for Getting Started

CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs. The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love. Main features of […]

Multi-level Menus with jQuery and CSS

Lately there have been quite a few requests on Twitter and other places for multilevel menus using jQuery and/or CSS. There are quite a few ways to accomplish this and it largely depends on what your needs are. In this article we’ll take a quick look at several common multilevel menu options and then we’ll […]

Guide to CSS support in email clients

Designing an HTML email that renders consistently across the major email clients can be difficult and very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client. Here’s a list describing the varying levels of CSS support in different email clients. With 21 different sets of […]

How To Style Your Type With CSS

A few weeks ago, I wrote a series of posts on Typography rules and how applying the concept of Contrast, Space, Size and Hierarchy, we can produce appealing, attractive and importantly legible text. These rules are equally applicable for print work and the web. Let’s look at a simple example of a single web page, […]

Prevent Your CSS and Javascript Files From Being Cached

Some websites use highly volatile, oft-changing CSS and javascript files. In the case of these files, it’s important that the developer prevent browsers from caching them. How do we do that? By using a phantom querystring, of course. We’ll use PHP to tack the current time onto the file reference. It’s a very simple technique […]

To Sprite Or Not To Sprite

The basic idea of CSS Sprites is to combine a number of images used on your site into a single image, thus reducing the number of HTTP requests that need to be made to your site. The image is rendered using a CSS background and background-position (which, incidentally, means that your markup becomes more complex; […]

« Previous PageNext Page »