CSS Head » Articles

How To Add Text Gradients With CSS

csshead — Thu, 05 Apr 2012 15:05:49 +0000

This tutorial explains how to use some of the new CSS3 features for applying gradients to text…

CSS: Taking control of the cascade

csshead — Sun, 18 Sep 2011 13:46:18 +0000

An in-depth article explaining the best methods for structuring your CSS files to avoid any potential problems with CSS cascade…

A Farewell to CSS3 Gradients

csshead — Fri, 16 Sep 2011 19:22:11 +0000

An article all about CSS3 and how crappy they actually are. Raises some interesting points and gives alternative solutions using SVG…

Code smarter CSS with Sass

csshead — Fri, 16 Sep 2011 13:21:29 +0000

Sass is a style sheet language that makes your style sheet as beautiful to read as your web page. This article explains how to use and maintain style sheets with Sass…

Styling ordered list numbers

csshead — Fri, 27 May 2011 16:11:40 +0000

Ordered lists can be difficult to style. Changing the font, size, color, background etc. of numbers is tricky. The key is using CSS generated content to create and insert the counter numbers after removing the default numbering from the list…

CSS3 vs. CSS: A Speed Benchmark

csshead — Sat, 23 Apr 2011 09:38:11 +0000

Compares the speed of the same design coded twice: once with CSS3, and a second time using CSS background images sliced directly from the PSD…

How to avoid common CSS3 mistakes

csshead — Thu, 24 Mar 2011 16:26:44 +0000

Help on avoiding common mistakes when using shiny new CSS3 features in your day to day front end coding. Learn to write better CSS3 that works in as many browsers as possible…

A Comprehensive Guide to CSS Resets

csshead — Fri, 17 Dec 2010 13:47:51 +0000

This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world.While almost all of these CSS resets are generally provided free for public use many through Creative Commons licensing, it is incumbent upon you to check the terms of use before putting them to use in your projects…

Using the LESS CSS Preprocessor for Smarter Style Sheets

csshead — Tue, 07 Dec 2010 16:33:30 +0000

The simple design of CSS makes it very accessible to beginners, it also poses limitations on what you can do with it. These limitations, like the inability to set variables or to perform operations, mean that we inevitably end up repeating the same pieces of styling in different places. Not good for following best practices—in this case, sticking to DRY don’t repeat yourself for less code and easier maintenance.

Enter the CSS preprocessor. In simple terms, CSS preprocessing is a method of extending the feature set of CSS by first writing the style sheets in a new extended language, then compiling the code to vanilla CSS so that it can be read by Web browsers. Several CSS preprocessors are available today, most notably SASS and LESS…

Why we don’t have a parent selector

csshead — Mon, 11 Oct 2010 07:00:50 +0000

With work, I’ve had to do quite a bit of examination of performance. We run a number of tools over an application to determine where the bottlenecks are. One such application is Google Page Speed which provides a number of recommendations to improve JavaScript and rendering performance. Before I get into its recommendations, we need to understand a little better about how browsers evaulate CSS…