Category: Blog

Avoiding the FOUC

For several years I’ve used Paul Irish’s technique for avoiding the FOUC caused by JavaScript kicking in. I’ve recently changed to a slightly improved version.

Code

Specificity, SMACSS and WordPress

At the June WordPress Melbourne Meetup, I spoke about CSS Specificity, SMACSS and WordPress. I had a great time, the video and slides are below.

Talks

There are no ninjas here

At Floate, we employ three developers. There is one full time developer and two designers who can also develop. None of us are ninjas. Nor are we rock stars. Continue reading at the Floate blog.

Opinion

Dear Drupal: Season’s Greetings. Love, Smashing WordPress.

Every day I work with WordPress in one way or another. My Twitter feed is full of WordPress types, and I’m a regular at my local WordPress meetup. I’m a WordPress fan. The White House hosts a number of Web developers who use Drupal every day. Their Twitter feeds are probably full of Drupal types, […]

Opinion

Faux Columns Revistited

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

Code

The Developer’s Guide To Conflict-Free JavaScript And CSS In WordPress

Imagine you’re playing the latest hash-tag game on Twitter when you see this friendly tweet: You might want to check your #WP site. It includes two copies of jQuery. Nothing’s broken, but loading time will be slower. Continue reading at Smashing Magazine.

Code

WordPress Theme Elements

When producing a theme, we try not to limit the website owner’s options within the WordPress Dashboard. The owner may wish to enable an option down the track and be disappointed to find they can’t.

Code

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.

Code

Big Red Framework on WordPress.org

Big Red, the Soupgiant WordPress framework, has been added to the WordPress.org theme repository.

Quick Notes

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.

Code