BEM + SASS

April 13, 2014

This concept has been discussed some recently and I have seen people illustrate that in Sass 3.3+ (`gem update sass` if you need the latest) you can use the & to setup BEM blocks, elements and modifiers. Up to this point though I’ve only seen it shown as: .block { &__element { // element styles…

Read full article

Serving up the right image (htaccess + webp)

December 11, 2013

Serving up optimized images based on headers is just a couple lines of code away.

Read full article

Mobile emails

December 3, 2013

So you’ve figured out that you can add media queries to your mobile emails and they work better. Here are a few tips to further improve the layout of your mobile emails.

Read full article

SCSS Sprite

October 4, 2013

Avoid clutter in your SCSS files. %sprite { display: block; overflow: hidden; text-indent: -999em; }   a.sprite { @extend %sprite; } Easy way to cut the file size and reuse common properties.

Read full article

CSS only icons

September 29, 2013

Icons like this Can be achieved using only CSS. The following code gives you the basic structure for the icon. Adding a specific class that you’ve customized will bring it all together. /* CSS ONLY icons Works well in our responsive world */ /* Minimum font size is quickly reached in chrome. */ body {…

Read full article

IE8 SVG fallback

August 12, 2013

I found a way to have an SVG fallback (without Javascript) online and wanted to make it a little easier though I turned it into a mixin.

Read full article

Border on one side, without increased element width.

May 3, 2013

I love box-sizing – but I couldn’t use that in this case. I had too much stuff setup based on padding increasing the element’s width. So I needed a solution that wouldn’t affect the width of the element. I thought I was saved when I found outline would do exactly that, however, outline doesn’t let…

Read full article

I don’t understand Salesforce

May 2, 2013

In their notifications: If you do not wish to receive these emails in the future, you can easily unsubscribe at any time at http://www.salesforce.com/profile or email unsubscribe@salesforce.com with the word “REMOVE” in the subject line. Dec 20 So I’m unsubscribed. Right? Jan 30 OK, the first one must not have gone through. So now I…

Read full article

Using a verbose CSS Grid?

April 8, 2013

I have created a grid system that is verbose to say the least. It gives me all the detail I need for any site I need to develop, but its output a lot more CSS than I need for a final output. I have started attempting to put together some sort of CSS sweeper so…

Read full article

The 10px Grid System

March 9, 2013

Everyone has seen a dozen different grid systems. They’re all over out there. I’ve used a good share of them myself. However working at a design firm I always felt like there were exceptions. We had to keep breaking the grid down farther. The gutter would be too wide, etc. They always fell short though….

Read full article