J Scott Smith


Articles - January 22nd, 2015

Drop Sprites or Icon Fonts and Just Use SVG

Early last year I completely dropped spriting in Compass for icon fonts, but about a month after using icon fonts I discovered how much better and convenient SVGs can be. Now I use them exclusively and enthusiastically. This is just a brief rundown of how I utilize SVG into my workflow using Grunt and grunt-svgstore to build SVG sprites.

Read More

Articles - January 17th, 2015

Automatic Deployments with Git Hooks

This article will cover how to set up automatic deployments using Git’s post-receive hook. Once configured you will be able to push changes to a live server and run tasks needed to deploy your site/app automatically.

Read More

Articles - October 28th, 2014

Using Picturefill for Responsive, Art Directed Images in Statamic

Nowadays, users expect a website to look great no matter what device they’re using but this can get tricky with viewport sizes and ratios being so drastically different from one another. Picturefill is a tool that enables support for the <picture> element, a developing polyfill that is quickly becoming a standard and will enable the ability to art direct images based on device sizes. I’m going to run through how I’ve used it in conjunction with Statamic’s image transform tag.

Read More