Régis Hanol ZogStriP

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

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:

Re: On layout & web performance by Kelly Norton

#lazyweb Is there any documentation about which jQuery functions/effects trigger layout? re: kellegous.com/j/2013/01/26/l…
— Dave Rupert (@davatron5000) January 28, 2013

getWidthOrHeight() used in jQuery.fn.width/height

clientLeft

3180 jQuery.event.mousehooks.filter

JSON API

There are two JSON API styles:

The ID Style
The URL Style

The ID style is the easiest to get started with, but requires that your clients be able to guess the URLs for related documents. It also locks your API into a particular URL structure, which may become a problem as your API grows.

The URL style requires less guessing on the client side, and makes clients more resilient to API changes, but is trickier to use with relationships and compound documents.

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:

Data Down / Actions Up
- http://emberjs.jsbin.com/nayaho/edit?html,js - Interdependent select boxes. No observers.
- http://ember-twiddle.com/2d7246875098d0dbb4a4 - One Way Input
Plain JSBin's
- http://rwjblue.jsbin.com/pixeki/edit?html,js,output
Ember Version Base JSBin's
- 1.0 - http://emberjs.jsbin.com/juluje/edit?html,js,output
1.1 - http://emberjs.jsbin.com/cofufo/edit?html,js,output

Open Atom
Click the Atom > Open Your Stylesheet menu item
Paste code below

.editor .markup.underline.link.hyperlink {
  color: #F9EE98;
  text-decoration: underline;
}

	#!/bin/bash

	YEAR=`date "+%Y"`
	MONTH=`date "+%m"`
	DAY=`date "+%d"`

	LOG_FILES="access.log error.log"


	DATE=$YEAR/$MONTH/$DAY

	# username = "my_username"
	# pwd = "my_password"
	# target_path = "my_target_path"

	# saving auth cookie
	system %Q{wget --save-cookies /tmp/cookie.txt --keep-session-cookies --post-data "username=#{username}&password=#{pwd}" -O - \
	https://rubytapas.dpdcart.com/subscriber/login?__dpd_cart=d08391e6-5fe2-4400-8b27-2dc17b413027}


	(25..600).each do \|i\|

	# docker build -t="rails" .

	FROM ubuntu:12.04

	RUN apt-get update

	## MYSQL
	RUN apt-get install -y -q mysql-client libmysqlclient-dev

	## RUBY