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
Use $$ if your browser aliases it:
~ 108 byte version
| deb http://deb.debian.org/debian bullseye main contrib non-free | |
| deb-src http://deb.debian.org/debian bullseye main contrib non-free | |
| deb http://deb.debian.org/debian bullseye-updates main contrib non-free | |
| deb-src http://deb.debian.org/debian bullseye-updates main contrib non-free | |
| deb http://deb.debian.org/debian bullseye-backports main contrib non-free | |
| deb-src http://deb.debian.org/debian bullseye-backports main contrib non-free | |
| deb http://security.debian.org/debian-security/ bullseye-security main contrib non-free |
| function defer_parsing_of_js($url) | |
| { | |
| if (is_admin()) return $url; //don't break WP Admin | |
| if (false === strpos($url, '.js')) return $url; | |
| if (strpos($url, 'jquery.js')) return $url; | |
| return str_replace(' src', ' defer src', $url); | |
| } | |
| add_filter('script_loader_tag', 'defer_parsing_of_js', 10); |
| /* | |
| (!) 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 |
| #!/bin/bash | |
| #for run backup function from this script need run: | |
| # source </path/to/this_script_name>.sh; backup>/dev/null 2>&1 | |
| #for run restore function from this script need run: | |
| # source </path/to/this_script_name>.sh; restore>/dev/null 2>&1 |
| /** | |
| * ================== 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 |
(by @andrestaltz)
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
| [ | |
| // Use paste and indent as default paste mechanism, | |
| // this conserves your indentation and it's overall better. | |
| // original paste is now ctrl+shift+v | |
| { | |
| "keys": ["ctrl+v"], | |
| "command": "paste_and_indent" | |
| }, { | |
| "keys": ["ctrl+shift+v"], | |
| "command": "paste" |