Articles in Development

Upgrade your existing Shopify theme with Slate migrate

If you haven’t read about Shopify’s new theme development toolkit, Slate, check out the introductory post here. It provides you a starting set of files for developing your own custom Shopify theme along with handy build tools to speed up and optimize your workflow.

But what if you’re not starting from scratch? Whether you’re basing your work off an existing theme or supporting a client’s existing theme, there’s no doubt you’ve wanted to improve your development workflow at some point.

With Slate installed (npm install -g @shopify/slate), you can run slate migrate to convert an existing theme into the folder structure compatible with Slate.

CSS Specificity of *

I’ve been writing CSS for years. Sometimes — ashamed as I am to admit — I get snobby and feel I know it better than the back of my hand. This morning sent a shot of reality with something as simple as CSS specificity. In fact, many developers I work with were also surprised to learn this little bit of knowledge.

Iframe tables cause overflow scrolling on iOS

At Shopify, we have something we call the assets gem. It’s a collection of our core styles that we can use on any project not hosted directly in our admin. Many of our channels (Amazon, Facebook, etc) use this assets gem in their projects which are then loaded in an iframe inside of our admin.

Automate iTerm 2 Setup With Alfred Workflow

I rarely restart my computer, mainly because I hate having to set up all my iTerm tabs again. On any given day, it usually looks something like this:

iterm2-typical

I like to use the split screen feature to run tasks in one and GitHub commands in the other. I also like to label each tab for easy reference. Doing this manually is a little more cumbersome than I’d like, so I fixed up an Alfred workflow so now all I have to do is use a quick keyword trigger:

Alfred iTerm2 Workflow

Instagram API Limits Valid Use Cases

As of November 17th, 2015, Instagram updated their Platform Policy and instituted a Permission Review that is mandatory for any app or plugin that uses their API. The changes are wide reaching, addressing issues their development team surely had high on the list of things to tackle to give their platform more structure and stability. Unfortunately for those using the API, it places tight restrictions on what it can be used for.