David Kewal darokel

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

Web fonts are pretty much all the rage. Using a CDN for font libraries, like TypeKit or Google Fonts, will be a great solution for many projects. For others, this is not an option. Especially when you are creating a custom icon library for your project.

Rails and the asset pipeline are great tools, but Rails has yet to get caught up in the custom web font craze.

As with all things Rails, there is more then one way to skin this cat. There is the recommended way, and then there are the other ways.

The recommended way

Here I will show how to update your Rails project so that you can use the asset pipeline appropriately and resource your files using the common Rails convention.

Rails 4 Differences

Chapter 1

No differences.

Chapter 2

root :to => "dashboard#index" is now root "dashboard#index"`
Need to permit parameters within Subscribem::AccountsController

Rails flash messages with AJAX requests

original: http://stackoverflow.com/a/10167659/656428

	'use strict'

	var gulp, sass, babelify, browserify, watchify, source, util;

	gulp = require('gulp');
	sass = require('gulp-sass');
	babelify = require('babelify')
	browserify = require('browserify');
	watchify = require('watchify');
	source = require('vinyl-source-stream');

	# lib/tasks/db.rake
	namespace :db do

	desc "Dumps the database to db/APP_NAME.dump"
	task :dump => :environment do
	cmd = nil
	with_config do \|app, host, db, user\|
	cmd = "pg_dump --host #{host} --username #{user} --verbose --clean --no-owner --no-acl --format=c #{db} > #{Rails.root}/db/#{app}.dump"
	end
	puts cmd

	function ajax(url, options) {
	return new Ember.RSVP.Promise(function (resolve, reject) {
	options = options \|\| {};
	options.url = url;

	options.success = function (data) {
	Ember.run(null, resolve, data);
	};

	options.error = function () {

	unless Rails.env.production?
	connection = ActiveRecord::Base.connection
	connection.tables.each do \|table\|
	connection.execute("TRUNCATE #{table}") unless table == "schema_migrations"
	end

	sql = File.read('db/import.sql')
	statements = sql.split(/;$/)
	statements.pop

	code delimiters: <% %>

	# keynote
	- your business logic will live longer than your interface
	- stateless
	- no "spaghetti state"
	- application should be able to reflect any combination of data
	- views should transparently reflect models
	- backbone patterns
	- custom model methods