Tag: Code

Tabs with Round Out Borders

A detailed tutorial explaining how to create a tab based menu where the tabs are rounded on top and rounded-out on the bottom…
csshead 0 Comments

CSS3 Buttons Experiment

So I had a little fun last night and decided to experiment with some CSS3 buttons. I created eight different buttons so far. No images were used at all. I went wild with gradients and rounded corners…
csshead 0 Comments

CSS Techniques for Horizontal Rules

Code examples for displaying more elaborate horisontal rules in your designs. Examples use background gradients for webkit and mozilla. All versions of IE just show the solid rule…
csshead 0 Comments

Useful :nth-child Recipes

I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type read about the difference. The better you understand them, the more css nerdgasms you get to have!In these simple "recipes" really: expressions I’ll arbitrarily use a flat list of list items and randomly chosen numbers. But it should be fairly […]
csshead 0 Comments

12 Fun CSS Text Shadows You Can Copy and Paste

Looking for a quick and easy way to add text shadows to your design? Here’s an article with a few useful CSS3 text-shadow code samples that you can cut and paste then use in your own work…
csshead 0 Comments

Font sizing with rem

Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It’s just a matter of which less-desirable is most desirable. There are two main techniques that are extolled: […]
csshead 0 Comments

CSS3 Progress Bars

CSS3 progress bars using no images, just CSS3 fancies. They fall back to an acceptable experience in browsers that don’t support CSS3…
csshead 0 Comments

39 Ridiculous Things To Do With CSS3 Box Shadows

Box-shadow is a pretty powerful property in modern browsers. With just six little values, you can make some really neat stuff. How much neat stuff, you ask? To find out, I set a little time aside each day to play with it. The result is 39 ridiculous little experiments that, due to whatever issues, can […]
csshead 0 Comments

A new micro clearfix hack

The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required…
csshead 0 Comments

Controlling width with CSS3 box-sizing

An incredibly useful CSS3 feature when you’re creating columns with floats is box-sizing. It lets you choose which box sizing model to use – whether or not an element’s width and height include padding and border or not.This is useful since it makes it much easier to define flexible widths where you also need padding […]
csshead 0 Comments
« Previous Page — Next Page »