Kelly Miyashiro kmiyashiro

Converting libraries to Ember CLI addons

In this guide we will cover two main cases:

Ember specific library
vendor library

Ember library

The Ember library will assume that Ember has already ben loaded (higher in the loading order) and thus will assume it has access to the Ember API.

JSConf Slides, Codes and Notes

These are all the JSConf 2014 slides, codes, and notes I was able to cull together from twitter. Thanks to the speakers who posted them and thanks to @chantastic for posting his wonderful notes.

Modular frontend with NPM - Jake Verbaten (@Raynos)

This is no longer a bug. I'm keeping the gist for historical reasons, as it helped to get it fixed. Make sure to read the notes by the end of the post.

How to remove hide the select arrow in Firefox using `-moz-appearance:none;`

TL;DR (or, the fix)

Set -moz-appearance to none. This will "reset" the styling of the element;
Set text-indent to 0.01px. This will "push" the text a tiny bit^[1] to the right;

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

Locate the section for your github remote in the .git/config file. It looks like this:

[remote "origin"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = [email protected]:joyent/node.git

Now add the line fetch = +refs/pull/*/head:refs/remotes/origin/pr/* to this section. Obviously, change the github url to match your project's URL. It ends up looking like this:

	console.log('Loading event');

	var Q = require('q');
	var aws = require('aws-sdk');
	var cloudfront = new aws.CloudFront();

	exports.handler = function (event, context) {
	//_log('Received event: ', event);

	var bucket = event.Records[0].s3.bucket.name;

	# ---------------------------------------------------------------------------
	#
	# Description: This file holds all my BASH configurations and aliases
	#
	# Sections:
	# 1. Environment Configuration
	# 2. Make Terminal Better (remapping defaults and adding functionality)
	# 3. File and Folder Management
	# 4. Searching
	# 5. Process Management

	Ember.Model.reopenClass
	adapter: MyApp.RESTAdapter.create()
	camelizeKeys: true

	rootKey: (->
	@toString().split('.').get('lastObject').underscore()
	).property()

	collectionKey: (->
	Em.get(@, 'rootKey') + 's'

	<!-- Mocha test output goes here. -->
	<div id="mocha"></div>

	<!-- Handlebars templates for our application. -->
	<script type="text/x-handlebars">
	<h1>Testing Ember.js with Mocha</h1>
	{{outlet}}
	</script>

	<script type="text/x-handlebars" data-template-name="index">

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Opentype Test</title>
	<style>
	span.opentype-test {
	font-family: Corbel;
	font-size: 100px;
	position: absolute;