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.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
Google Chrome Developers says:
The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.
Some examples of file size differences: WOFF vs. WOFF2
Pure SASS-adaption of Lea Verou's contrast-ratio javascript. Can be useful when eg. generating colored buttons from a single supplied color as you can then check which out of a couple of text colors would give the best contrast.
This script currently lacks the support for alpha-transparency that Lea supports in her script though.
In addition to the color-contrast adaption there's also some math methods that were needed to be able to calculate the exponent of a number and especially so when the exponent is a decimal number. A 2.4 exponent is used to calculate the luminance of a color and calculating such a thing is not something that SASS supports out of the box and not something I found a good pure-SASS script for calculating and I much prefer pure-SASS over ruby extensions. The math methods might perhaps be unecessary though if you're running Compass or similar as they may provide compatible math methods themselves.
Normal usage: `color: pick_best_color(#f00
| # HTTP(S) Stuff | |
| # Redirect all users except IE 5-8 & Android < 4 to HTTPS | |
| RewriteCond %{SERVER_PORT} !^443$ | |
| RewriteCond %{HTTP_USER_AGENT} !MSIE\ [5-8] | |
| RewriteCond %{HTTP_USER_AGENT} !Android.*(Mobile)?\ [0-3] | |
| RewriteRule (.*) https://%{HTTP_HOST}/$1 [L] |
| // swap the keybindings for paste and paste_and_indent | |
| { "keys": ["super+v"], "command": "paste_and_indent" }, | |
| { "keys": ["super+shift+v"], "command": "paste" } |
| <?php # -*- coding: utf-8 -*- | |
| /** | |
| * Plugin Name: Defer Contact Form 7 Scripts | |
| * Description: Adds <code>defer='defer'</code> to enqueued javascripts. | |
| * Version: 1.0 | |
| * Required: 3.3 | |
| * Author: Fuxia Scholz | |
| * Author URI: https://fuxia.me | |
| * License: GPL | |
| * License URI: http://www.gnu.org/copyleft/gpl.html |