Submit a CSS related link →

Posh CSS

For the modern day web designer.

CSS for the iPad

# Linked to 19 March 2010 in by Pat Dryburgh

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. (via Noah Stokes)

Read more at thomasmaier.me →

Using CSS3 to Properly Center Thumbnail Galleries

# Linked to 18 March 2010 in by Pat Dryburgh

Pseudo-selectors are awesome. When it comes to a healthy blend of saving time and accounting for the smallest of details in design, it’s hard to find something that packs more of a punch than pseudo-selectors.

Read more at mondaybynoon.com →

Curtis CSS Typeface

# Linked to 18 March 2010 in by Sam Brown

Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. 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 absolute/relative positioning.

Read more at desandro.com →

The Safari 4 OS X interface recreated in HTML+CSS with no images

# Linked to 18 March 2010 in by Sam Brown

A good browser should be able to reproduce itself. This is Safari 4 built entirely with HTML and CSS3. No images used. (Only works in Webkit Mac-based browsers, of course)

Read more at general-metrics.com →

CSS Font Shorthand Property Cheat Sheet

# Linked to 17 March 2010 in by Sam Brown

A printable cheat sheet that you can download and hang next to your computer, which will come in handy in case you decide to use this property.

Read more at www.impressivewebs.com →

7 Essential Do’s & Don’ts of Website Navigation

# Linked to 17 March 2010 in by Sam Brown

An intuitive, easy to understand navigation is a crucial step towards good website usability. You can have awesome content, but if your visitors don’t know how to reach it, your content will also be close to useless. Your main goal is to ensure your visitors will find what they’re looking for as quickly and as easily as possible.

Read more at webdosanddonts.com →

Focus on the Hover

# Linked to 16 March 2010 in by Pat Dryburgh

This is going to be the easiest website accessibility tip that anyone will ever give you: Add the :focus psuedo-class to everything that has a :hover style in your CSS, so that keyboard users get the same visual goodness that you give people who use a mouse.

Read more at antonpeck.com →

Easier print CSS coding using Firebug and Web Developer Toolbar

# Linked to 16 March 2010 in by Sam Brown

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 that only make sense on paper while hiding things like interactive controls that will be useless when printed.

Read more at neutroncreations.com →

Opera Logo with CSS

# Linked to 11 March 2010 in by Sam Brown

The Opera logo, rendered only with CSS, no images. Compare it with the real deal.

Read more at desandro.com →

8 Simple Ways to Improve Typography In Your Designs

# Linked to 11 March 2010 in by Kevin Holesh

These details give the designer total control, allowing them to create beautiful and consistent typography in their designs. While these details can be applied across different types of media, in this articles we’re going to focus on how to apply them to web design using CSS. Here are 8 simple ways you can use CSS to improve your typography and hence the overall usability of your designs.

The article is almost a year old, but it’s advice is still true and easy to implement. By Antonio Carusone

Read more at www.smashingmagazine.com →