Category: Tutorials

Take Your CSS to the Desktop with Adobe AIR

Yep, using free software and HTML, CSS, and jQuery, here’s a cross-platform desktop application using Adobe AIR. Well, the beginnings of one at least. The challenge was to build a useful application (rather than another to-do list, thankfully) to make use of the new flippa.com web site – it’s a marketplace for buying and selling […]
csshead 0 Comments

How to Create Beautiful and Elegant HTML Lists Using CSS

HTML lists have become one of the most used HTML elements for marking-up various semantic content structures — navigation, comments and even image galleries. This article will explain and show you how to style lists inside blog posts, articles or other basic HTML documents…
csshead 0 Comments

CSS Specificity: Things You Should Know

Apart from Floats, CSS Specificity is one of the most difficult concepts to grasp in Cascading Stylesheets. The different weight of selectors is usually the reason why your CSS-rules don’t apply to some elements, although you think they should have. In order to minimize the time for bug hunting you need to understand, how browsers […]
csshead 0 Comments

Learn CSS Basics for Beginners

You’ve heard the buzz about the seperation of style from content, but you are stuck in the world of nested tables and deprecated markup. If so, you have come to the right place! Using CSS to style your (X)HTML files, will benefit you and your visitors in many ways. Learn about all the basics of […]
csshead 0 Comments

Create an Advanced CSS Menu Using the Hover and Position Properties

Tutorial that starts with a photoshop file and finishes with semantic HTML and CSS. You’ll learn how to create an advanced CSS navigation menu using hover and position properties. The finished product will render properly in all major browsers including Firefox, Safari, IE7/IE8, Opera, and Google Chrome. Due to IE6 and its lack of support […]
csshead 0 Comments

Create dropdown menus with CSS only

How to create drop down menus that behave like drop down lists using just CSS. The menu structure is just simple nested unordered lists. Showing/hiding child menus is done with simple CSS: ul > li:hover ul. By using this selector we can define behavior of all child menus…
csshead 0 Comments

CSS Background Image Sprites: A Beginner’s Guide

Here’s a practical tutorial explaining how to undetsand and use CSS sprites in your own projects. There’s a ton of image spriting articles around already. This one concentrates on practical demos and examples to help noobs get up to speed quickly…
csshead 0 Comments

Easy CSS Compression with PHP and mod_rewrite

In-depth article that shows how you can use PHP to automatically compress CSS and javascript files to help speed up your site….
csshead 0 Comments

Grid Systems – Making grids in Adobe Illustrator

Designing within a grid system involves defining the material you are going to work with, defining the page size, making a proportional grid onto the space and then fitting your design into the grid. Having a good grid system will speed up the work process so it’s always wise to spend a little time on […]
csshead 0 Comments

Simple CSS shiny progress bar technique

Learn how to create a modern, css colorable progress bar/meter out of a couple divs and an image…
csshead 0 Comments
« Previous Page — Next Page »