CSS

Notes from the shop — process, tools, and the occasional opinion.
April 8, 2020

Smooth Scroll Offset Anchor Links with CSS

Don't you hate it when you create an anchor link and it gets covered up by a fixed header? And isn't it a bummer…
April 21, 2015

WordPress Admin Bar Break Points

If you're building a responsive site with a fixed header, you may have run into troubles with content below the header fitting correctly, depending…
March 7, 2014

@font-face not rendering in Chrome

Since launching the latest version of Spigot last week there has been an intermittent issue with our @font-face fonts not rendering (We serve web…
November 5, 2013

What CSS Measurements to Use When

Here's a great list of general CSS measurement unit guidelines from Dudley Storey. http://demosthenes.info/blog/775/Which-CSS-Measurements-To-Use-When
January 30, 2013

Strikethrough without images

Looking to add a background strikethrough effect, perhaps for headers like we do here on Spigot? Look no further. // Markup <h2 class="strikethrough"><span>My Awesome…
November 17, 2011

Faux Crop any size image with CSS

Here's a quick tip on how to crop any sized image through CSS and an extra div. This technique comes in very handy when…
June 15, 2011

Don’t Minify on the Fly

In the name of speeding up your site you may hear that minifying your CSS is both awesome and easy. I'll agree that it's…
March 28, 2011

The Admin Bar and Absolute Positioning

The latest release of WordPress (3.1) comes with a new 'Admin Bar' - a small area at the top of your site that displays…
April 22, 2010

Webkit { background: transparent;} bug

I'm a Huuuuge fan of the Webkit Open Source Project. It's the engine behind Safari, Apple's browser for both OS X and Windows. If…
March 24, 2009

YUI Grids vs Blueprint (CSS Frameworks)

CSS Frameworks have been around for a while now, and while there are many detractors, the benefits they provide make them an attractive option…