This website runs on Jekyll and it’s deployed to Amazon S3. This is a guide on how I run development and staging environments, gzip and upload only modified files.

Let’s build a temperature converter app in Backbone, React, Angular, Meteor and vanilla JavaScript.

On retina screens CSS pixels don’t match device (physical) pixels. A device pixel ratio of 2 means one CSS pixel equals two device pixels. Here are few ways to draw a one-device-pixel border.

When I develop this website locally I use n12v.dev virtual host. n12v.dev/index.html is just ~/Sites/n12v.com/public/index.html on the file system.

You can achieve this by either using Pow or /etc/hosts and Apache.

The easy way: Pow

Install

curl get.pow.cx | sh

Use

ln -s ~/Sites/n12v.com ~/.pow/n12v

Now n12v.dev serves index.html.

To serve a directory with a name different from “public”:

mkdir ~/.pow/usercss
ln -s ~/Sites/usercss/www ~/.pow/usercss/public

None of the browsers handle CSS transition from/to auto values correctly.