The Ember Way

Skeleton screen loading (also known as placeholder loading) is a technique that enhances the perception of loading in your application. Typically, the loading state of an application is indicated by some kind of loading spinner or progress bar. Unfortunately, this…

As part of a large refactor we recently completed for one of our clients, Fitbot, we needed to handle keyboard shortcuts. For example, Command+Enter should trigger a ‘save’ action, Shift+Enter should add a workout item, Escape should close the…

I’m in the process of replacing ember-data and REST with ember-redux and GraphQL. Everything is clicking wonderfully.

After searching with no luck for something to mock out GraphQL requests for my tests, it occurred to me that I can use…

Flexi is an ember addon that enables you to factor out your device-specific layouts into individual template files.

An example structure for a posts route might be:

app/
  templates/
    posts/
      -layouts/
        mobile.hbs…

Component dependency injection in Ember.js

The Dependency Injection (DI) pattern is a subset of Inversion of Control, and is a…

Bringing Ecto Changesets into Ember.js

The past month or so, I’ve been working on an Elixir and Phoenix API for a client. I am…