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…