The archives

development tools

Increase upload file size on Media Temple (dv)

September 6, 2013

Are you having trouble increasing the maximum allowed file upload size on a site hosted on a Media Temple (dv) server? You’ve probably come across these instructions on Media Temple’s knowledgebase and are perhaps still…

Strikethrough without images

January 30, 2013

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 Headline</span></h2> // CSS .strikethrough { font-size: 13px; text-align: center; margin-bottom: 45px;…

Nested retina media queries with Sass

January 15, 2013

Since switching from LESS to Sass I’ve been excited to learn how Sass makes responsive web design easier with @content blocks and @media mixins. During a recent project I was interested to know if these…

Text only StumbleUpon Stumble Link

November 22, 2011

After adding a text-based Facebook link to the site, it’s seemed a sensible idea to add a similar text-only link for StumbleUpon. For WordPress, add the following code in your templates: For other CMS platforms…

Faux Crop any size image with CSS

November 17, 2011

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 building websites for clients who don’t have Photoshop, or understand what…

Text only Facebook Share link

November 8, 2011

If you love sharing your posts on Facebook (and by gosh who doesn’t?) but don’t like the look of the standard share buttons, here’s a little script that will allow you to share with a simple Facebook text link.

See it in action right over there → and click it while you’re at it!

Technical drawings of a Mini - made to look a little yesteryear

Don’t Minify on the Fly

June 15, 2011

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 very easy, and in the name of speed I can concede…

fontsquirrel.com logo

Fontsquirrel.com saves @font-face

April 26, 2010

Note: This post is a continutation of Sorry Typekit, you’re unusable (for now). With the launch of the new spigotdesign.com site I was very excited about the possibilities of using @font-face to spice up the…

Webkit { background: transparent;} bug

April 22, 2010

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 you haven’t used it, give it a try. It’s my most…

Sorry Typekit, you’re unusable (for now)

April 13, 2010

With the launch of the new site I decided to try once again to give @font-face another try. I’ve been disappointed in the past with how most browsers render embedded fonts, including Firefox on both…