thecodejack thecodejack

It All Starts With Templates

An Ember application starts with its main template. Put your header, footer, and any other decorative content in application.handlebars.

<header>
  <img src="masthead">
</header>

<footer>

Intro

Description: Setup GitHub Pages "gh-pages" branch and "master" branch as subfolders of a parent project folder ("grandmaster").

Author: Chris Jacob @_chrisjacob

Tutorial (Gist): https://gist.github.com/833223

The Result

Resources for getting started with EmberJS 1.0.0-pre.4

Screencasts
- Toran Billups
- Peepcode
Seattle Ember.js sessions
- Part 1
Part 2

Share Counts

I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.

If you want to roll up all of these into a single jQuery plugin check out Sharrre

Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.

Twitter

	// Version: v1.0.0-pre.4
	// Last commit: 855db1a (2013-01-17 23:06:53 -0800)

	(function() {
	/global __fail__/

	/**
	Ember Debug

	@module ember

	require('static/script/vendor/filtersortpage.js');
	require('static/script/app/person.js');

	describe ("Pagination Tests", function(){

	var sut, models, first, second, third;

	beforeEach(function(){
	first = Ember.Object.create({id: 1, username: 'first'});
	second = Ember.Object.create({id: 2, username: 'second'});

	{
	// --------------------------------------------------------------------
	// JSHint Configuration, Strict Edition
	// --------------------------------------------------------------------
	//
	// This is a options template for [JSHint][1], using [JSHint example][2]
	// and [Ory Band's example][3] as basis and setting config values to
	// be most strict:
	//
	// * set all enforcing options to true

	// It is important to declare your variables.

	(function() {
	var foo = 'Hello, world!';
	print(foo); //=> Hello, world!
	})();

	// Because if you don't, the become global variables.

	(function() {

	// Version: v1.0.0-rc.6
	// Last commit: 893bbc4 (2013-06-23 15:14:46 -0400)


	(function() {
	/global __fail__/

	/**
	Ember Debug

	{
	"cmd": ["grunt", "develop"],
	"selector": ["source.js", "source.less", "source.json"],
	"path": "/usr/bin"
	}