Skip to content

Instantly share code, notes, and snippets.

View rodebert's full-sized avatar

Robert Weber rodebert

View GitHub Profile
@trilodge
trilodge / mobile-webkit.css
Last active January 2, 2016 18:09
some (mobile) webkit specific resets and adjustments. sort of.
* {
/* should only be used on mobile webkit browser cause it disables zoom on webkit desktop browsers */
-webkit-text-size-adjust: none;
-webkit-text-stroke: 0;
/* works with safari5+ and iOS4+ */
-webkit-font-smoothing: antialiased;
/* http://css-infos.net/property/-webkit-touch-callout */
@paulirish
paulirish / what-forces-layout.md
Last active November 15, 2024 16:45
What forces layout/reflow. The comprehensive list.

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