Tag Archives: CSS

Quick Notes: Faux Columns Revistited

It’s time to update Dan Cederholm’s faux columns to take advantage of CSS3 gradients and reduce http requests.

Quick Notes: How we do IE Hacks

We’ve recently changed the way we do IE hacks at Soupgiant. For years we were using conditional comments to load separate CSS files.

Behind the Websites: Maintaining Link Focus

Anyone who has attempted to navigate a web page using the keyboard will have experienced sites that remove the default a:focus style without adding in a replacement.

Behind the Websites: Minimum Page, A CSS Base

We decided to release Soupgiant‘s CSS base to the world at large, you’ll find it at minimumpage.com.

Behind the Websites: !important is Important

The !important declaration has really bad reputation, and deservedly so. As is often the way, this reputation results from abuse rather an inherent problem with the property itself.

Behind the Websites: HTML5: I couldn’t (quite) do it

I found it difficult to use pure and semantic HTML5 when dealing with current versions of Internet Explorer. I really tried to adopt the commonly advocated view that it’s okay to require website visitors have JavaScript enabled but settled on a different option I could actually live with.

Quick Notes: How @font-face loads in different browsers

Why do you sometimes see the fonts change on a website after it loads? This is just one of the many ways browsers behave differently, as explained in this quote from Richard Rutter.

Behind the Websites: Selectivizr with CSS on a sub-domain

Updating the Soupgiant base WordPress theme recently (among other things we were porting it to HTML5), we needed to decide which shims and/or polyfills to use. We starterd with Remy Sharp’s HTML5 enabling script but another to consider was Selectivizr to improve IE‘s support of CSS3 selectors.

Behind the Websites: A half-baked (CSS) idea

Spritebaker has done the rounds a fair bit in web development circles over the past few weeks. It’s a great idea, done well. The only problem is it has the strange effect of making it seem like the page is actually taking longer to load. I take a look at a possible solution.

Behind the Websites: Delay Print Stylesheets Plugin

A few weeks ago I wrote a post in which I adapted an idea from a zOompf article to delay the loading of print stylesheets until after a web page has fully rendered. I’ve decided to convert the code from the original post into a plugin and add it to the WordPress plugin directory.