davatron5000

Backstory: I decided to crowdsource static site generator recommendations, so the following are actual real world suggested-to-me results. I then took those and sorted them by language/server and, just for a decent relative metric, their Github Watcher count. If you want a heap of other projects (including other languages like Haskell and Python) Nanoc has the mother of all site generator lists. If you recommend another one, by all means add a comment.

Ruby

• Jekyll 5,676
• Octopress 2,696
• Middleman 685
• NestaCMS 664
• Statis 509
• Nanoc 355

hellerbarde

Latency numbers every programmer should know

L1 cache reference ......................... 0.5 ns
Branch mispredict ............................ 5 ns
L2 cache reference ........................... 7 ns
Mutex lock/unlock ........................... 25 ns
Main memory reference ...................... 100 ns             
Compress 1K bytes with Zippy ............. 3,000 ns  =   3 µs
Send 2K bytes over 1 Gbps network ....... 20,000 ns  =  20 µs
SSD random read ........................ 150,000 ns  = 150 µs

Read 1 MB sequentially from memory ..... 250,000 ns = 250 µs

desandro

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

<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

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

clientLeft

• 3180 jQuery.event.mousehooks.filter

scottjehl

...
// test for font-face version to load via Data URI'd CSS
	// Basically, load WOFF unless it's android's default browser, which needs TTF, or ie8-, which needs eot
	var fonts = ns.files.css.fontsWOFF,
		ua = win.navigator.userAgent;

	// android webkit browser, non-chrome
	if( ua.indexOf( "Android" ) > -1 && ua.indexOf( "like Gecko" ) > -1 && ua.indexOf( "Chrome" ) === -1 ){
		fonts = ns.files.css.fontsTTF;
	}

VinSpee

Style Guide Generators

A current list of styleguide genorators useful for creating your own "bootstrap".

NodeJS

• KSS-Node
• Pattern Primer
• StyleDocco
• StyleDown

bradfrost

module.exports = function(grunt) {

    // Configuration 
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        concat: {
            dist: {
				src: [
					'source/js/libs/*.js', // All JS in the libs folder

jonathantneal

CSS properties that trigger layout

1. border, border-collapse, border-width

• box-sizing
• float
• font, font-family, font-size, font-weight, line-height
• height
• letter-spacing
• margin
• max-height

NielsLeenheer

Note: Some older devices such as the Galaxy S III did not get the Chromium based browser with 
the update to Android 4.2 or later. When Samsung later introduced the Galaxy S3 Neo it did get 
the new browser.

Note: With the Android 4.3 release and version 1.5 of the Chromium browser, Samsung did not 
enable WebAudio API for the Note 3. All other devices did get the WebAudio API.

Note: Samsung did not update the browser version with the upgrade from Android 4.3 to 4.4, 
but did add getUserMedia and WebRTC functionality.

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

poshaughnessy

v1.x (v1.0: Chromium 18, v1.5 & v1.6: Chromium 28)

Originally based on the stock Android browser (AOSP), 2012.

"It was around early 2013 when we made [the decision to move to Chromium]. We shipped our first Chromium-based browser in one of the Galaxy S4 models released later in 2013." (Source)

• v1.0 preloaded in Galaxy S4
• v1.5 preloaded in Galaxy Note 3