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" |