css – Page 16 – Türker Yıldırım

Show a custom checkbox without a JavaScript plugin

SnippetMarch 11, 20142 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…

translate3d is composited; top and left are not

NoteJanuary 17, 20142 min read

An off-canvas menu animated with left stutters on a phone and the same menu animated with transform does not. The usual explanation — “it uses the GPU” —…

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…

Scroll to an element smoothly with jQuery

SnippetNovember 9, 20131 min read

Style a placeholder across browsers

SnippetOctober 31, 20131 min read

Vertically centre a block of unknown height

SnippetOctober 30, 20131 min read

The vendor prefixes still worth writing, and the ones that are not

NoteOctober 29, 20132 min read

Most prefixed declarations in a stylesheet are copied from a snippet that was correct in 2010 and has not been reviewed since. Some are still doing work at…

Bootstrap 3 dropped the fixed grid and your markup changes

NoteSeptember 6, 20132 min read

Bootstrap 3 was released in August as a rewrite rather than an upgrade. The two grids from 2.3 — .row with .span* for fixed layouts and .row-fluid for…