Submit a CSS related link →

Posh CSS

For the modern day web designer.

We’re Ready for CSS3, but are we Ready for CSS3?

# Linked to 8 February 2010 in by Pat Dryburgh

We’re all smitten with CSS3. It’s reinvigorated that sense of newness that CSS and Web Standards brought our way just a few years ago. We’re able to more easily replicate the set of design standards that has become nearly universal much faster than before with just a few CSS declarations. There are a number of CSS3 rules I’d be writing for every project, but I’m just not sure it’s as ready for prime time as many designers are making it out to be.

Read more at mondaybynoon.com →

Multiple Backgrounds and CSS Gradients

# Linked to 1 February 2010 in by Pat Dryburgh

CSS3 features are making their way into the various browsers and while many are holding off on implementing them, there are those who are venturing ahead and likely running into a world of interesting quirks across the various platforms.

Two such features that I have been having the pleasure of enjoying are the use of multiple backgrounds and CSS gradients. I’m covering both features because multiple backgrounds by itself is simple enough, as are CSS gradients, but combining the two is where things get interesting.

Read more at snook.ca →

iPhone CSS—tips for building iPhone websites

# Linked to 1 February 2010 in by Sam Brown

With the rapid rise in mobile browsers, it has probably never been more important to ensure your sites can be handled on these platforms. By far one of the most popular such browsers is Mobile Safari on the iPhone—this is one of the easiest browsers to develop for: it runs on Webkit (meaning a lot of rich CSS3 support) and it’s only ever on one resolution and on one OS.

Read more at csswizardry.com →

How To Provide a Flexible Base for Text

# Linked to 29 January 2010 in by Kevin Holesh

Dan Cederholm talks about the potential problems with sizing your text in absolute units (pixels) versus relative units (ems and %).

Read more at www.youtube.com →

A reconsideration in defence of <b> and <i>

# Linked to 28 January 2010 in by Sam Brown

An article covering the usage of the <b> and <i> elements in web development today.

Read more at csswizardry.com →

Pure CSS Coke Can

# Linked to 27 January 2010 in by Sam Brown

I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a background image).

Read more at www.romancortes.com →

The Problem With SVG And Canvas

# Linked to 26 January 2010 in by Sam Brown

SVG and canvas are awesome technologies, and are changing the way we use graphics on the web. I love working with both, and support for both keeps improving. But the way SVG and Canvas handle their grid is a problem.

Read more at kilianvalkhof.com →

CSS3 box-shadow and image hover effects

# Linked to 25 January 2010 in by Sam Brown

An interesting way of applying the box-shadow property is to use it for image link hover/mouseover effects. That’s not the only use of course but I think it’s a good one. In this case, more advanced browsers will see the drop shadow applied but other browsers will see a slightly less decorative effect.

Read more at www.cvwdesign.com →

IE CSS3 pseudo selectors

# Linked to 18 January 2010 in by Sam Brown

ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — they’ll work in IE.

Read more at www.keithclark.co.uk →

How to Create a Cool Anaglyphic Text Effect with CSS

# Linked to 4 January 2010 in by Sam Brown

Let’s take a look at how to create a cool anaglyphic style text effect for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.

Read more at line25.com →