Justin Brown jbrown

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.

How to make faster scroll effects?

Avoid too many reflows (the browser to recalculate everything)
Use advanced CSS3 for graphic card rendering
Precalculate sizes and positions

Beware of reflows

The reflow appens as many times as there are frames per seconds. It recalculate all positions that change in order to diplay them. Basically, when you scroll you execute a function where you move things between two reflows. But there are functions that triggers reflows such as jQuery offset, scroll... So there are two things to take care about when you dynamically change objects in javascript to avoid too many reflows:

A Capistrano Rails Guide

by Jonathan Rochkind, http://bibwild.wordpress.com

why cap?

Capistrano automates pushing out a new version of your application to a deployment location.

I've been writing and deploying Rails apps for a while, but I avoided using Capistrano until recently. I've got a pretty simple one-host deployment, and even though everyone said Capistrano was great, every time I tried to get started I just got snowed under not being able to figure out exactly what I wanted to do, and figured I wasn't having that much trouble doing it "manually".

	// Media Queries in Sass 3.2
	//
	// These mixins make media queries a breeze with Sass.
	// The media queries from mobile up until desktop all
	// trigger at different points along the way
	//
	// And important point to remember is that and width
	// over the portrait width is considered to be part of the
	// landscape width. This allows us to capture widths of devices
	// that might not fit the dimensions exactly. This means the break

	<!DOCTYPE html>
	<html>
	<head>
	<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
	<script>
	$(document).ready(function(){
	function debug(str){ $("#debug").append("<p>"+str+"</p>"); };
	if(typeof WebSocket === 'undefined') {
	alert("Your browser does not support websockets.")
	}

	gem "rack-ssl", "1.3.2"

	# when Capybara issue 409 or 422 get resolved, you can switch back to the official
	# capybara gem
	# https://github.com/jnicklas/capybara/pull/409
	# https://github.com/jnicklas/capybara/pull/422

	gem "capybara", git: "https://github.com/mcolyer/capybara.git", branch: "fix-ssl-redirects"

	# Removing leftover leases and persistent rules
	echo "cleaning up dhcp leases"
	rm /var/lib/dhcp3/*

	# Make sure Udev doesn't block our network
	# http://6.ptmc.org/?p=164
	echo "cleaning up udev rules"
	DIR_PATH=`readlink -f "/etc/udev/rules.d/70-persistent-net.rules"` # get rid of symlinks and get abs path
	rm -rf /etc/udev/rules.d/70-persistent-net.rules
	if [[ ! -d "${DIR_PATH}" ]] ; then # now you're testing

	class AppBuilder < Rails::AppBuilder
	include Thor::Actions
	include Thor::Shell

	def test
	append_test_gems
	rspec
	cucumber
	jasmine
	end

Justin Brown jbrown

How to make faster scroll effects?

Beware of reflows

A Capistrano Rails Guide

why cap?

Get Mountain Lion and Homebrew to Be Happy

1) Install XCode 4.4 into /Applications

2) Install Command Line Tools