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
A tweet-sized debugger for printing out the z-index of elements that are bigger than 0, auto. Can also outline these elements on the page with a random (valid) CSS hex color.
[].forEach.call(document.querySelectorAll("*"),function(e){var t=window.document.defaultView.getComputedStyle(e).getPropertyValue("z-index");var n=parseInt(t,10);if(n>0){console.log(e);console.log(n);console.log("\n----------------")}})
define([ | |
'intern!object', | |
'intern/chai!assert', | |
'intern/chai!expect', | |
'intern/chai!should', | |
'require' | |
], function(registerSuite, assert, should, expect, require) { | |
var url = 'http://localhost:3000/'; | |
var dest_url = 'http://localhost:3000/users/sign_in'; |
* { | |
/* makes border and padding grow inward from width & height | |
- mix-and-match units for various box model properties | |
- ex. width: 25%; padding: 15px; | |
- no workie in IE7 | |
*/ | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
/* hiding overflow creates a block formatting context |
131 | +1 | |
---|---|---|
79 | 3 wolf moon | |
65 | 8-bit | |
200 | 90's | |
214 | actually | |
127 | aesthetic | |
70 | American Apparel | |
130 | art party | |
112 | artisan | |
224 | asymmetrical |
Download the following ZIPs: | |
ARM Translation Installer v1.1 (http://www.mirrorcreator.com/files/0ZIO8PME/Genymotion-ARM-Translation_v1.1.zip_links) | |
Download the correct GApps for your Android version: | |
Google Apps for Android 5.0 (https://www.androidfilehost.com/?fid=95784891001614559 - gapps-lp-20141109-signed.zip) | |
Google Apps for Android 4.4.4 (https://www.androidfilehost.com/?fid=23501681358544845 - gapps-kk-20140606-signed.zip) | |
Google Apps for Android 4.3 (https://www.androidfilehost.com/?fid=23060877490000124 - gapps-jb-20130813-signed.zip) | |
Google Apps for Android 4.2 (https://www.androidfilehost.com/?fid=23060877490000128 - gapps-jb-20130812-signed.zip) | |
Google Apps for Android 4.1 (https://www.androidfilehost.com/?fid=22979706399755082 - gapps-jb-20121011-signed.zip) |
/* | |
* Normalized hide address bar for iOS & Android | |
* (c) Scott Jehl, scottjehl.com | |
* MIT License | |
*/ | |
(function( win ){ | |
var doc = win.document; | |
// If there's a hash, or addEventListener is undefined, stop here | |
if( !location.hash && win.addEventListener ){ |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Box Shadow</title> | |
<style> | |
.box { | |
height: 150px; | |
width: 300px; | |
margin: 20px; |