css - 2/12 - Broken Links Archive

Better SVG Sprites With Fragment Identifiers

Using SVG for scalable icon sprites isn’t a new idea, but the technique required to use them is (as with all CSS spriting) a little verbose, needing multiple instances of background-position. A feature from SVG1.1, Fragment Identifier Linking, makes it much easier, and will be available in the forthcoming Firefox 15.

Read the full article

Firefox supports @⁠supports, gets my support

I’ve been really excited about the @supports rule since I first heard the proposal for it, and now that an implementation has landed in Firefox Nightly (and is on it’s way in Opera) my excitement has only increased. You can think of @supports as a native implementation of Modernizr — and hopefully that description is enough to get you excited too.

Read the full article

Lessons for devs from a responsive build

I’ve recently finished a build of a fully-responsive site for a client, made with a group of friends (the site’s not online yet, it’s being integrated with their systems by their internal web team). I’ve built mobile-optimised, fluid and semi-responsive sites before, but this was the most complete responsive build I’ve worked on to date, so I thought it would be worth discussing some of what we learned and had confirmed.

Read the full article

Using Media Queries to test device resolution

There’s been much talk recently about high-resolution websites, especially since the release of the retina-display for iPad and Macbook Pro. To make style rules for high-res sites you’ll need to use media queries, but that’s currently in a bit of disarray with quite different implementations across browsers (what’s new, right?).

Read the full article

Unlocking OpenType features with CSS

It’s great that we now have a huge range of fonts to choose from, thanks to the widespread implementation of @font-face, but typography on the web is still behind other media. Many OpenType fonts come with a range of alternate characters which can be accessed using various software packages, but aren’t available to web browsers. Or rather, they weren’t. There’s a new CSS property which unlocks these special characters, and that’s what I’m going to explain in this post.

Read the full article

The new radial gradient syntax

Back in January I wrote a post explaining the new linear gradient syntax, and promised to return to explain the equivalent for radial gradients when it had been implemented somewhere. That time is now, as the latest preview release of IE10 brings full support for the new syntax — and unprefixed, to boot.

Read the full article

Newer | Older


I’ve updated my Speaking page to include more conferences, more videos, and a little on my speaking requirements and preferences. I’m planning to cut down on the number of talks I give in 2014 (twelve is too many), but am always open to interesting offers and opportunities, so please get in touch if you’re organising an event.

[#] 1 Comment . More Asides.