Tag: css

CSS Opacity: A Comprehensive Reference

CSS opacity has been a bit of a trendy technique for a few years now, and it’s been especially frustrating for developers trying to implement opacity (also referred to as CSS transparency) in a cross-browser fashion, because it’s taken a while for the different browsers to finally agree on settings. There is still not a […]
csshead 0 Comments

Screencast: Understanding CSS3 Gradients

Creating an image only for the purpose of displaying a gradient is inflexible, and is quickly becoming a bad practice. Unfortunately, at the time of this writing, they very well might still be required, but hopefully not for much longer. Thanks to Firefox and Safari/Chrome, we can now create powerful gradients with minimal effort. In […]
csshead 0 Comments

CSS3 In Transition

With the addition of the CSS3 transition property comes a lot of uncharted territory. Never before has it been so easy to bring animation into a usable, standards-based browsing environment. Determining how often and to what degree one should use animation on a web build can be tricky. As we evaluate how to implement animations […]
csshead 0 Comments

CSS for the iPad

The iPad is coming and the developers already received the iPhone Simulator Extension. The new XCode beta also includes Safari Mobile. If you want to use a CSS modification for the iPad as I do, this is how you tell the iPad to use an additional CSS file…
csshead 0 Comments

How to Create Inset Typography with CSS3

In this tutorial, we’ll create inset type, a popular text treatment, using CSS. If you follow Six Revisions closely, you’re probably thinking: "Jacob already wrote a Photoshop tutorial on how to do that." That is correct, but this time we are going to do it using only CSS…
csshead 0 Comments

CSS Font Shorthand Property Cheat Sheet

In the past I’ve displayed some serious animosity towards the CSS font shorthand property. I still don’t agree with ever using font shorthand, I do think it’s important that CSS developers understand how it works. I’ve prepared a printable cheat sheet that you can download and hang next to your computer, which will come in […]
csshead 0 Comments

CSS in Depth: Floats and Positions

We’ll be discussing CSS positions and floats as well as what the differences are and when it’s best to use them. Both floats and positions deal with the relationship of elements between each other. Without these, padding and margins would be ineffectual…
csshead 0 Comments

Meet the Pseudo Class Selectors

Pseudo class selectors CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like hover. They are immensely useful in a variety of situations. Some of them are CSS3, some CSS2, it depends on each particular one. Outside of IE, they have great browser support. In IE land, […]
csshead 0 Comments

Curtis CSS Typeface

Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis Heavy and Curtis Pixel 14. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on […]
csshead 0 Comments

Easier print CSS coding using Firebug and Web Developer Toolbar

Print stylesheets are an aspect of front-end engineering that rarely get any love, and they’ll often be ignored until the last possible moment before launching a site. Sometimes they might even be forgotten altogether, but you should always make time to write at least a basic stylesheet that formats things neatly, and reveals any elements […]
csshead 0 Comments
« Previous Page — Next Page »