CSS Layout Debugger
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
var express = require('express'), | |
auth = require('http-auth'); | |
// Configure basic auth | |
var basic = auth.basic({ | |
realm: 'SUPER SECRET STUFF' | |
}, function(username, password, callback) { | |
callback(username == 'admin' && password == 'f00lpr00f'); | |
}); |
image: node:8.9.0 | |
cache: | |
paths: | |
- node_modules/ | |
stages: | |
- deploy | |
before_script: |
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
<?php | |
if( function_exists('acf_add_local_field_group') ): | |
acf_add_local_field_group(array ( | |
'key' => 'acf_product_options', | |
'title' => 'Product Options', | |
'fields' => array ( | |
array ( | |
'key' => 'acf_product_options_tabbedcontent_label', | |
'label' => 'Tabbed Content', |
/* http://meyerweb.com/eric/tools/css/reset/ | |
v2.0 | 20110126 | |
License: none (public domain) */ | |
html, body, div, span, applet, object, iframe, | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
a, abbr, acronym, address, big, cite, code, | |
del, dfn, em, img, ins, kbd, q, s, samp, | |
small, strike, strong, sub, sup, tt, var, | |
b, u, i, center, |
# this file blocks ip requests - only request with Host are supported | |
server { | |
listen 80 default_server; | |
listen 443 default_server ssl; | |
server_name _; | |
return 444; | |
} |
<!DOCTYPE html> | |
<html> | |
<head> | |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> | |
</head> | |
<body> | |
<div id="container" style="width:100%;"> | |
<div class="fb-like-box" data-href="https://www.facebook.com/adobegocreate" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div> | |
</div> |
//How to validate selectize.js comboboxes with the jQuery validation plugin | |
//selectize.js: http://brianreavis.github.io/selectize.js/ (brianreavis/selectize.js) | |
//http://jqueryvalidation.org (jzaefferer/jquery-validation) | |
//configure jquery validation | |
$("#commentForm").validate({ | |
//the default ignore selector is ':hidden', the following selectors restore the default behaviour when using selectize.js | |
//:hidden:not([class~=selectized]) | selects all hidden elements, but not the original selects/inputs hidden by selectize | |
//:hidden > .selectized | to restore the behaviour of the default selector, the original selects/inputs are only validated if their parent is visible | |
//.selectize-control .selectize-input input | this rule is not really necessary, but ensures that the temporary inputs created by selectize on the fly are never validated |
Record Auto semicolon macro and bind shortcut to it: | |
1. Edit -> Macros -> Start Macro Recording | |
2. In the editor go to the end of line by pressing End | |
3. put semicolon ';' | |
4. Edit -> Macros -> Stop Macro Recording | |
5. Give a name, for example 'Auto semicolon' | |
6. Open settings (Ctrl + Alt + s), select Keymap | |
7. Expand Macros node | |
8. Select 'Auto semicolon', in the context menu choose Add Keyboard Shortcut | |
9. Set Ctrl + ; as First keystroke |
.directive('numbersOnly', function () { | |
return { | |
restrict: 'A', | |
link: function (scope, elm, attrs, ctrl) { | |
// record ctrl key being down for ctrl+v and ctrl+c | |
var ctrlDown = false; | |
// reset the ctrl key flag on keyup | |
elm.on('keyup', function (event) { | |
ctrlDown = false; | |
}); |