Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8

selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.
csshead 0 Comments

BonBon Buttons – Sweet CSS3 buttons

There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let’s take a tour trough the candy store…
csshead 0 Comments

CSS Counters: counter-increment and Friends

The CSS2.1 spec introduced a new technique allowing developers to combine three CSS properties and a pseudo-element to create auto-incrementing counters – similar to what is displayed in an ordered list. While counters for lists are limited to <ol> or <ul> elements and only with simple incrementation, the new counter method introduced in CSS2.1 allows […]
csshead 0 Comments

CSS3 Playground

A handy online tool for playing around and experimenting with CSS3…
csshead 0 Comments

CSS Media Query for Mobile is Fool’s Gold

Unfortunately, CSS media query is fool’s gold for mobile devices. It hides tough problems and gives developers a false promise of a simple solution for designing to multiple screens…
csshead 0 Comments

CSS3 Border-Radius & Rounded Avatars

Originally when I CSSed the round avatars on the DesignSwap comments area, I used the -webkit-mask-image property. I was really proud of how neat and effective this was until I realized you could apply border-radius to an image directly. To achieve a round avatar with a 2px beige border, I applied the following CSS to […]
csshead 0 Comments

Start Experimenting With CSS3 Keyframe Animations

CSS3 animations are the new kid on the block. It’s a big step. Although they haven’t really taken centre stage yet as only the webkit browsers support them. For this reason they’re used sparingly, in a lot of cases for experimental purposes or as ‘hidden gems’, but that doesn’t mean you should shy away from […]
csshead 0 Comments

CSS Run-in Display Value

CSS has a value for the display attribute called run-in. It allows a header to run into text below it, without sacrificing semantics or running into the problems you might run into trying to force it with other layout techniques…
csshead 0 Comments

10 Awesome CSS3 Buttons

10 awesome and beautiful buttons with CSS3 for you! There are buttons for every kind of website and I think that you will love them! Feel free to use them everywhere…
csshead 0 Comments

Word-Wrap: A CSS3 Property That Works in Every Browser

Okay, this is not exactly the kind of CSS property that’s going to be used in every design. But it is a very useful one when you need it, and some might say it’s much more practical than some of the fluffy new CSS3 features like transitions and whatnot.The property I’m talking about is the […]
csshead 0 Comments
« Previous Page — Next Page »