螃蟹 alanerzhao

@peng_gong的程序员必读书单不错，核对了一下自己。

“读完”指从头到尾读完的；“读过”是指有读但中途放下了。
当然有些书是在自己年轻时读完的，当时阅历尚浅理解吸收有限，要再读！ 😊

PS：
这里个人强调于区分“读完” vs. “读过”，是因为对于编程了解原则还远远不够，循环往复的理解操练是标配，按这个节奏打穿一本书的体系是开始也是过程。
个人觉得如果连“读完”好书建立书中的体系这样级别的磨练都不行，那路是不是走得着急了！ 😄

PPS： 📚我的豆瓣读书

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

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:

Project Name

TODO: Write a project description

Installation

TODO: Describe the installation process

Usage

Business Models

Advertising

Models	Examples
Display ads	Yahoo!
Search ads	Google

Learn JavaScript concepts with the Chrome DevTools

Authored by Peter Rybin , Chrome DevTools team

In this short guide we'll review some new Chrome DevTools features for "function scope" and "internal properties" by exploring some base JavaScript language concepts.

Closures

Let's start with closures – one of the most famous things in JS. A closure is a function, that uses variables from outside. See an example:

	#!/bin/sh

	set -e
	set -x

	for package in $(npm -g outdated --parseable --depth=0 \| cut -d: -f3)
	do
	npm -g install "$package"
	done

	[
	{
	name:"HTML5",
	uri:"http://www.w3.org/TR/html5/single-page.html",
	category:"markup"
	},
	{
	name:"HTML 5.1",
	uri:"http://www.w3.org/TR/html51/single-page.html",
	category:"markup"


	General

	1. Site uses a cache buster for expiring .js, .css, and images
	2. JavaScript and CSS is minified and concatenated into logical groupings
	3. Images have been optimized by ImageOptim (http://imageoptim.com/)

	Markup

	1. Code does not contain inline JavaScript event listeners

	@import "compass/css3/shared";

	// NOTE:
	// All mixins for the 2009 spec have been written assuming they'll be fed property values that
	// correspond to the standard spec. Some mixins can be fed values from the 2009 spec, but don't
	// rely on it. The `legacy-order` mixin will increment the value fed to it because the 2009
	// `box-ordinal-group` property begins indexing at 1, while the modern `order` property begins
	// indexing at 0.

	// if `true`, the 2009 properties will be emitted as part of the normal mixin call