html – Page 13 – Türker Yıldırım

Replacing 30 script tags with a Grunt build

Deep diveSeptember 25, 20149 min read

Thirty-one requests before the page could do anything, most of them under 2 KB. Concatenation in a declared order, source maps, and cache busting that proxies respect.

Minify JavaScript and CSS with Grunt

SnippetJune 9, 20141 min read

A Bootstrap 3 column needs a row, and a row needs a container

NoteJune 3, 20142 min read

The grid is three classes that only work as a chain. .container supplies 15px of padding, .row cancels it with a -15px margin on each side, and .col-*…

Detect when the user has scrolled to the bottom of the page

SnippetMay 6, 20141 min read

JSX is a function call, which explains most of the rules

NoteApril 3, 20142 min read

JSX looks like a template language embedded in JavaScript, which makes its rules look arbitrary and its errors look like parser bugs. It is not a template language.…

Show a custom checkbox without a JavaScript plugin

SnippetMarch 11, 20142 min read

Update the query string without reloading the page

SnippetMarch 7, 20141 min read

Media query order decides which override wins

NoteMarch 7, 20142 min read

A media query adds no specificity. A rule inside @media (min-width: 768px) and the same selector outside it carry exactly the same weight, so the winner is whichever…

box-sizing border-box makes a percentage grid add up

NoteDecember 25, 20132 min read

Three columns at 33.333% with 10px of padding and a 1px border do not fit on one line, because the default box model adds padding and borders outside…

Clearing floats without adding an empty div

NoteDecember 16, 20132 min read

A floated child does not contribute to its parent’s height, so the parent collapses and the next block slides up underneath it. The usual fix is an empty…