Email srcset testing

October 22, 2014

Some exploration of email clients and their support for the srcset attribute.

Read full article

SVG (with png fallback) in HTML email

October 1, 2014

There has been a little exploration in this area as SVG is becoming commonplace to all of our mobile devices. The latest iOS and Android devices all have like 12 gazillion pixels per inch or something so keeping your email crisp is important.

Read full article

Cloud backups without changing your workflow

September 16, 2014

I’ve recently been working on backing up personal and professional files. There are many options out there such as Dropbox, Google Drive and many others. As a web developer I always like to tinker and usually end up making it more work than it needs to be. So I started looking into my options, Dropbox…

Read full article

Git automation of site creation

July 9, 2014

Personally I prefer hosting my own git repos. It gives me full control of the pushing and pulling and deployment process. I have for a long time had a way of using git hooks to deploy my sites to my staging server. Today though I finished automation of new site creation. It uses 2 files:…

Read full article

Responsive Sass (SCSS) Mixin

July 2, 2014

There have been many articles posted with very similar ideas to this, I think this combines some of the best concepts I’ve seen from those into one easier to work with idea.   // _mixins.scss @mixin bp($size) { @media (max-width: $size) { @content; } }   // _vars.scss // or whatever sizes you want $large:…

Read full article

WordPress 3.9+ TinyMCE 4.0 syntax for nested styles

June 10, 2014

There isn’t much documentation on how to fix styles for the new WYSIWYG in WordPress. If you’re like me you just had the rug pulled out from underneath you when you were trying to show them how slick your WYSIWYG is when theme_advanced_styles doesn’t work anymore. I was ok with modifying what I had to…

Read full article

HTML Email buttons

April 28, 2014

If you’re looking for a way style your email buttons and make them actually look like buttons you may start to go crazy. The desired effect is to have some amount of padding around the edges usually with rounded corners. Option 1: You save out the button as an image. Pros: Looks the same in…

Read full article

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