I’ve just added  a new project for Why Digital to my portfolio.

Enquire JS Responsive Javascript

Enquire.js is an awesome little Javascript library for responsive web design.

I have been increasingly using Enquire.js recently in projects. It allows you simply and easily to match the media queries in you CSS with Javascript callbacks. This is a very clean way to perform any javascript functions which are needed based on the matching or un-matching of media queries.

This is much more efficient and cleaner way to handle responsive Javascript than using techniques such as adding multiple resize functions to the browser window.

Check out the project page on GitHub.

I’ve been using Hammer for Mac for a few weeks now and its changed the way I work when building websites. Hammer is a web development tool that allows you to quickly build web pages using HTML, CSS and Javascript.

Hammer for Mac

Hammer includes built in support for SASS and Coffeescript, as well as HTML includes and clever paths. When you save a file in your project Hammer automatically compiles your code and creates a build of the site for you. This makes the process of creating static websites or prototypes incredibly streamlined.

There’s even one click publishing built. Click the publish button and your build is uploaded to an unique url on hammer.co. You can then easily share this with others.

If you are a web designer or developer I would highly recommend giving Hammer a try. There is a 14 day trial available to download from the hammerformac.com or the full version can be purchased from the Mac App Store.

spottydog

I worked with Justin at Saraundo and Rachel at Spottydog to create the brand new version of the Spottydog Communications website. Check out the site »

resizer

Responsive Resizer is a small Safari Extension which I wrote. It adds a bar to Safari that allows you to quickly resize a Safari window to a number of key widths. I built the extension primarily to help myself with testing of different widths in responsive/adaptive web layouts. Download Responsive Resizer Safari Extension.