Tag: CSS

Heart

As a tribute to Eric Meyer’s daughter Rebecca, the named colour rebeccapurple has been accepted into the CSS spec. Rebecca passed away on her sixth birthday recently.

Code

Relative Unit Based Media Queries

Based on the standard browser font-size of 16px, the following media query to have an affect on screens 160 pixels wide and up. @media only screen and ( min-width : 10em ) { html { background-color: #ddd; } } Now, I would expect adding the following code would cause the media query above to have […]

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

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

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

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

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.

Code

!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.

Code

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.

Code