Skip to content

Instantly share code, notes, and snippets.


Johnny Hall recipher

  • Peebles
View GitHub Profile
samselikoff /
Last active Sep 13, 2021
Future-proofing your Ember 1.x code

This post is also on my blog, since Gist doesn't support @ notifications.

Components are taking center stage in Ember 2.0. Here are some things you can do today to make the transition as smooth as possible:

  • Use Ember CLI
  • In general, replace views + controllers with components
  • Only use controllers at the top-level for receiving data from the route, and use Ember.Controller instead of Ember.ArrayController or Ember.ObjectController
  • Fetch data in your route, and set it as normal properties on your top-level controller. Export an Ember.Controller, otherwise a proxy will be generated. You can use Ember.RSVP.hash to simulate setting normal props on your controller.
paulmillr /
Last active Mar 29, 2019
Build & deploy brunch applications on Heroku.
  1. Add to .gitignore:

  2. Add to your app dependencies of package.json:


Recently, we've been working on extracting Ember conventions from applications we're working on into the framework. Our goal is to make it clearer how the parts of an Ember application work together, and how to organize and bootstrap your objects.


Routing is an important part of web applications. It allows your users to share the URL they see in their browser, and have the same things appear when their friends click on the link.

The Ember.js ecosystem has several great solutions for routing. But, since it is such an important part of most web applications, we've decided to build it right into the framework.

If you have already modeled your application state using Ember.StateManager, there are a few changes you'll need to make to enable routing. Once you've made those changes, you'll notice the browser's address bar spring to life as you start using your app—just by moving between states, Ember.js will update the URL automatically.

View image_replacer.js
if (typeof (AC) === "undefined") {
AC = {}
AC.ImageReplacer = Class.create({
_defaultOptions: {
listenToSwapView: true,
filenameRegex: /(.*)(\.[a-z]{3}($|#.*|\?.*))/i,
filenameInsert: "_☃x",
ignoreCheck: /(^http:\/\/movies\.apple\.com\/|\/105\/|\/global\/elements\/quicktime\/|_(([2-9]|[1-9][0-9]+)x|nohires)(\.[a-z]{3})($|#.*|\?.*))/i,
attribute: "data-hires",
ghempton / bound_helper.js
Created Mar 11, 2012
Ember Bound Handlebars Helper Utility
View bound_helper.js
// This file contains utilities for creating bound helpers
// For reference:
Ember.Handlebars.BoundHelperView = Ember.View.extend(Ember._Metamorph, {
context: null,
options: null,
property: null,
// paths of the property that are also observed
propertyPaths: [],
View gist:1975644
class PostsController < ActionController::Base
def create
def update
coolaj86 /
Last active Aug 9, 2022
How to publish packages to NPM

Getting Started with NPM (as a developer)

As easy as 1, 2, 3!


  • Aug, 08, 2022 update config docs for npm 8+
  • Jul 27, 2021 add private scopes
  • Jul 22, 2021 add dist tags
  • Jun 20, 2021 update for --access=public
  • Sep 07, 2020 update docs for npm version
helloluis / Slim HTML5 Boilerplate Conditional Comments
Created Aug 31, 2011
How to get HTML5 Boilerplate-style Conditional Comments Working in Slim
View Slim HTML5 Boilerplate Conditional Comments
doctype html
/[if lt IE 7]
| <html class="ie6">
/[if IE 7]
| <html class="ie7">
/[if IE 8]
| <html class="ie8">
/[if IE 9]
| <html class="ie9">
| <!--[if (gte IE 9)|!(IE)]<!--> <html> <!--<![endif]-->
namespace "Matt.Printer", (exports) ->
message1 = "Yo ho ho"
message2 = "Five dwarves"
exports.print1 = ->
console.log message1
exports.print2 = ->
console.log message2
saschagehlich /
Created Sep 14, 2010
Simple i18n with node.js and express.js
exports.I18n =
title: "Free YouTube video download"
home: "Home"
howto: "Tutorial"
blog: "Blog"
termsofuse: "Terms of Use"
support: "Support"
imprint: "Imprint"