CSS Image Maps: A Beginner’s Guide

While they may not be used as often as they once were in the heyday of table based web design, image maps can still be quite useful in situations that call for it. Unfortunately, for beginners, achieving this with CSS alone, can be a difficult concept to grasp. In this tutorial, we’re not only going […]

Building Faster Websites with CSS Sprites

Using CSS sprites allows you to greatly increase your websites speed by using single image files that contain multiple graphics. In other words, when you have many images to be used, instead of having them as different individual files, we combine them into one. Therefore, the client computer only downloads one image for all the […]

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

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

Getting Started with CSS: A Practical Exercise

Learning how to write CSS is an essential lesson in any web design classroom. For you who are just starting out, here’s a beginner’s guide to help you learn the basics in proper CSS execution. Performing even the most basic CSS task requires an eye for details. Code is poetry and not something for the […]

The Power of HTML 5 and CSS 3

HTML 5 enables us to replace our multitude of divs with semantically meaningful structural elements. This semantic specificity not only improves the underlying quality and meaningfulness of our web pages, but also enables us to remove many of the class and id attributes that were previously required for targeting our CSS. In fact, CSS 3 […]

Creating a Keyboard with CSS and jQuery

Sometimes it’s just fun to play around with the programming languages we know and see what we can create. Here’s how to create an online keyboard with CSS, and then make it work with jQuery. The keyboard includes “action” keys (caps lock, shift, and delete) which dynamically change the keyboard when clicked…

Horizontal Sub-nav with CSS & jQuery

How to create a simple navigation bar with a horizontal subnav. In most cases we can achieve this effect purely with CSS, but for IE6 we will use a few lines of jQuery to cover all grounds…

CSS – 3 Simple steps to write better Stylesheets

How to write your style sheets more efficiently. Covers these points: A style sheet should be easy to read A style sheet should be easy to maintain A style sheet should be well commented The time to achieve these goals shouldn’t negatively impact the development time of a website.

Comprehensive Guide to CSS Line Height

A simple, but comprehensive step-by-step presentation on CSS line-height. Covers leading, how to apply various line-height values, as well as line-height and the inline box model. Well worth a read…

« Previous PageNext Page »