Zurb Ink with MailChimp

Zurb Ink is for email as Zurb Foundation is for the web. Zurb teased us late last year with their responsive email templates but they have now taken it one huge step further. They have created a easy to use responsive framework that is available with the same permissive MIT license. I wanted to see how difficult it would be to use this new framework with MailChimp, my newsletter and email provider. Turns out, it was super simple. Lets take a look at how I went about it.

zurb email responsive mailchimp

latest ba21 project:

PCC Wired
http://pccwired.net
Fresh redesign for a multi-site Church website. Refresh Perspective hired me to help develop the website, working with the designer hand-offs. I developed the website with Wordpress and utilized the Roots theme framework and is responsive to mobile, tablet and desktop sizes. It was a pleasure to work with Ryan Liverman and the Refresh team and it’s great to see the site online.

latest ba21 project:

PCC Wired

http://pccwired.net

Fresh redesign for a multi-site Church website. Refresh Perspective hired me to help develop the website, working with the designer hand-offs. I developed the website with Wordpress and utilized the Roots theme framework and is responsive to mobile, tablet and desktop sizes. It was a pleasure to work with Ryan Liverman and the Refresh team and it’s great to see the site online.

(Source: ba21)

wordpress redesign web developer responsive ustream

Responsive Drupal Theme | Open Framework

Open Framework provides sophisticated responsive behaviors that are based on Twitter Bootstrap code, but at a whole lot more. The foundation for building complex layouts with Open Framework is a set of new responsive regions that enable using a combination of several multi-device layout patterns, allowing for a much more fine-tuned and controllable responsive behavior for your site.

bootstrap drupal

Using LESS Source Maps

The adoption of CSS preprocessors has grown a lot over the past few years. One of the major complaints that people have voiced regarding preprocessors is the inability to see where your CSS rules come from when inspecting elements with developer tools.

Source maps allow you to view the original source file and line numbers from your CSS even when you’re loading the generated CSS file.

Source maps support has been available for Sass, but LESS only recently added source maps support with the release of LESS 1.5.0.

wordpress less development css source map