CSS Layout Debugger
A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
$$ if your browser aliases it:
~ 108 byte version
|(!) Please make sure you've read the disclamer below! (!)|
|If you want to see how can you transform the Firefox Developer Edition landing|
|page into a fancy animation just|
|- navigate to http://firefox.com/developer *|
|- open the developer tools (F12)|
|- copy and paste this code into the console|
|- hit enter, and enjoy the show!|
|- you can follow the commentary via the console log|
|* ================== angular-ios9-uiwebview.patch.js v1.1.1 ==================|
|* This patch works around iOS9 UIWebView regression that causes infinite digest|
|* errors in Angular.|
|* The patch can be applied to Angular 1.2.0 – 1.4.5. Newer versions of Angular|
|* have the workaround baked in.|
|* To apply this patch load/bundle this file with your application and add a|
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
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