CSS Head » Code

CSS Font Stacks

csshead — Tue, 08 Nov 2011 09:58:04 +0000

A handy list of CSS based font stacks that you can copy and paste into your won stylesheets…

Animate.css – a bunch of plug-and-play CSS animations

csshead — Sat, 15 Oct 2011 18:38:13 +0000

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, etc…

Yellow Fade Technique with CSS Animations

csshead — Sat, 01 Oct 2011 08:08:19 +0000

An alternative method of achieving the Yellow Fade Technique pioneered by 37signals. This method achieves simialr results using just CSS animations…

CSS Prototyping

csshead — Tue, 13 Sep 2011 08:23:36 +0000

This is a simple CSS code snippes to overlay a grid or a mock-up over a page you’re styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text…

CSS3 Buttonize Framework

csshead — Thu, 08 Sep 2011 15:39:27 +0000

The Buttonize Framework is a simple, light-weight CSS file with precompiled styles and colours for quick, modern looking buttons. It uses CSS3 for rounded corners and subtle gradients but with bulletproof fallbacks for older browsers…

CSS3 Buttons Experiment

csshead — Tue, 02 Aug 2011 12:32:15 +0000

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…

CSS Techniques for Horizontal Rules

csshead — Tue, 05 Jul 2011 07:28:36 +0000

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…

Useful :nth-child Recipes

csshead — Mon, 20 Jun 2011 11:35:40 +0000

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 obvious how to alter them to get similar selections…

12 Fun CSS Text Shadows You Can Copy and Paste

csshead — Wed, 08 Jun 2011 16:15:38 +0000

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…

Pure CSS3 box-shadow page curl effect

csshead — Fri, 06 May 2011 17:38:56 +0000

A beautiful page curl effect using just CSS3. You’ll need a modern browser to see it…