| /* | |
| Remove inline style="..." | |
| Preserve hidden content. | |
| Call the function like this: | |
| var all = document.getElementsByTagName('*'); | |
| remove_style(all); |
| // Idea from http://dbaron.org/log/20100424-any | |
| jQuery.expr[':'].any = function(el, i, match) { | |
| return jQuery.find.matches(match[3], [el]).length > 0; | |
| }; | |
| jQuery('body :any(div, form) p'); // Same as jQuery('body div p, body form p') | |
| jQuery('div:any(.foo,.bar)'); // Same as jQuery('div.foo, div.bar') |
| # Want to show hidden files and folders in your TextMate project drawer? Simple, just modify the file and folder patterns in TextMate's preferences. | |
| # Instructions: | |
| # Go to TextMate > Preferences... | |
| # Click Advanced | |
| # Select Folder References | |
| # Replace the following: | |
| # File Pattern |
There seems to be a difference between longhand properties (e.g. background-color) and shorthand properties (e.g. background). Some CSS hacks only work for one or the other. I’ve updated my test case to test these separately, and there are some interesting results.
The following hacks target IE8 but not IE9:
longhandproperty: \0value\0;longhandproperty: \0value;In practice, you might use these like so:
background-color: \0red\0;
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Kill Inline Events</title> | |
| <style> | |
| * { | |
| font-family: sans-serif; | |
| line-height: 1.5; |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
| Version 2, December 2004 | |
| Copyright (C) 2011 @louis_remi <http://louisremi.com> | |
| Everyone is permitted to copy and distribute verbatim or modified | |
| copies of this license document, and changing it is allowed as long | |
| as the name is changed. | |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |
| innerWidth / innerHeight tests @ http://sandbox.thewikies.com/orientation/ | |
| -------------------------------------------------------------------------------- | |
| Tested (14 devices, 28 browsers): | |
| Droid 2 Global Android 2.2 | |
| iPhone 4 iOS5 (Safari, Opera Mini) | |
| Motorola Atrix Android 2.3.4 (Stock browser, Dolphin, Skyfire, Opera Mini, Firefox) | |
| Samsung Galaxy S9000 Android 2.3 (Webkit, Opera Mobile) | |
| Samsung Galaxy Y Android 2.3.5 |
| // How I would approach a fluid grid: | |
| // | |
| // [1] Let the name reflect the % width, | |
| // eliminating "1 of 12" guesswork. | |
| // | |
| // [2] Also, put 10px of padding to either | |
| // side, to stack and make a 20px gutter. | |
| // | |
| // [3] Make the box-sizing = border-box, so that | |
| // 50% + 20px total side padding = 50%, etc. |
| /* | |
| An attempt at fixing the dreaded iOS orientationchange zoom bug http://adactio.com/journal/5088/. Seems to work! | |
| Authored by @scottjehl | |
| MIT License. | |
| */ | |
| (function(w){ | |
| var doc = w.document; | |
| if( !doc.querySelectorAll ){ return; } |
| <script> | |
| // Break out of an iframe, if someone shoves your site | |
| // into one of those silly top-bar URL shortener things. | |
| // | |
| // Passing `this` and re-aliasing as `window` ensures | |
| // that the window object hasn't been overwritten. | |
| // | |
| // Example: | |
| // var window = 'haha, punked!'; |