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
/** | |
* Continents and Countries MySQL Tables compiled from Wikipedia, Braintree Payments documentation | |
* and a couple other places I don't recall at the moment. This data is compatible with the Braintree | |
* Payment API as of Dec 2011 | |
* | |
* Compiled by Steve Kamerman, 2011 | |
*/ | |
SET FOREIGN_KEY_CHECKS=0; | |
-- ---------------------------- |
/* Gmail style scrollbar */ | |
::-webkit-scrollbar { | |
width: 12px | |
} | |
::-webkit-scrollbar-thumb { | |
border-width: 1px 1px 1px 2px | |
} | |
::-webkit-scrollbar-track { | |
border-width: 0 | |
} |
DROP TABLE IF EXISTS `pk_il`; | |
CREATE TABLE `pk_il` ( | |
`il_id` int(2) NOT NULL COMMENT 'plaka kodu', | |
`il_adi` varchar(255) NOT NULL, | |
PRIMARY KEY (`il_id`), | |
KEY `il_adi` (`il_adi`) USING BTREE | |
) ENGINE=MyISAM; | |
-- ---------------------------- | |
INSERT INTO `pk_il` VALUES ('1', 'ADANA'); |
/* | |
https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css | |
p,m = padding,margin | |
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical | |
s,m,l,n = small(5px),medium(10px),large(20px),none(0px) | |
*/ | |
.ptn, .pvn, .pan { padding-top: 0px !important; } | |
.pts, .pvs, .pas { padding-top: 5px !important; } |
javascript:(function(){var styles = document.querySelectorAll('link[rel=\'stylesheet\']'); for (var s = 0; s < styles.length; s++) {styles[s].mediax = styles[s].media;if (styles[s].media === 'only x') { styles[s].media = styles[s].mediax; } else if (styles[s].media !== 'print') {styles[s].media = 'only x';}}})(); |
function theme_styles() | |
{ | |
wp_enqueue_style( 'boostrap_css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' ); | |
wp_enqueue_style( 'theme_css', get_template_directory_uri() . '/css/theme.css' ); | |
} | |
add_action( 'wp_enqueue_scripts', 'theme_styles' ); | |
function theme_js() | |
{ |
// install | |
// npm i gulp-cache gulp-imagemin imagemin-pngquant imagemin-zopfli imagemin-mozjpeg imagemin-giflossy -f | |
// node node_modules/jpegtran-bin/lib/install.js | |
// node node_modules/gifsicle/lib/install.js | |
// node node_modules/zopflipng-bin/lib/install.js | |
// node node_modules/mozjpeg/lib/install.js | |
// node node_modules/giflossy/lib/install.js | |
// node node_modules/pngquant-bin/lib/install.js | |