Tag: tutorial

The Definitive Guide to Using Negative Margins

Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and into the history books. Because of this, CSS layouts have since then been synonymous with coding elegance. Out of all the CSS concepts designers have ever used, an award probably needs to be given to the […]
csshead 0 Comments

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 […]
csshead 0 Comments

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…
csshead 0 Comments

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…
csshead 0 Comments

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.
csshead 0 Comments

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…
csshead 0 Comments

CSS Rehab – 3 Step Program To Getting Clean

A useful article that explains how to get away from using tables for layout. A simple 3 step plan to help cure your bad HTML and CSS habits…
csshead 0 Comments

Degradable PNG Transparency for IE6

All (sane) web developers are eagerly awaiting the day Internet Explorer 6 dies. While there are a number of opinions in the community on when we should drop support and how we should encourage users to upgrade, the (sad) fact is that (as of this writing) roughly 25% of the world is still using it. […]
csshead 0 Comments

Pure CSS Timeline

I wanted to build a CSS timeline for the “About” section of my site while using some clean and simple markup. I wanted to avoid using images as much as possible, so I spent a few minutes prototyping some options and came up with a solution using unordered lists. The result is a simple and […]
csshead 0 Comments

A Tutorial All About CSS Floats

In web design, page elements with the CSS float property applied to them are just like the images in the print layout where the text flows around them. Floated elements remain a part of the flow of the web page. This is distinctly different than page elements that use absolute positioning. Absolutely positioned page elements […]
csshead 0 Comments
« Previous Page — Next Page »