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 http = require('https'); | |
| var querystring = require('querystring'); | |
| // set the post request options | |
| var reqOptions = { | |
| hostname: 'hooks.slack.com', | |
| port: 443, | |
| path: '/services/YOUR/SLACK/HOOK_HERE', | |
| method: 'POST' | |
| }; |
| Disclaimer: The instructions are the collective efforts from a few places online. | |
| Nothing here is my original. But I want to put them together in one place to save people from spending the same time as I did. | |
| First off, bundle. | |
| ================== | |
| 1. cd to the project directory | |
| 2. Start the react-native packager if not started | |
| 3. Download the bundle to the asset folder: | |
| curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle" |
| var https = require('https'); | |
| var util = require('util'); | |
| exports.handler = function(event, context) { | |
| console.log(JSON.stringify(event, null, 2)); | |
| console.log('From SNS:', event.Records[0].Sns.Message); | |
| var postData = { | |
| "channel": "#aws-sns", | |
| "username": "AWS SNS via Lamda :: DevQa Cloud", |
| console.log('Loading function'); | |
| const https = require('https'); | |
| const url = require('url'); | |
| // to get the slack hook url, go into slack admin and create a new "Incoming Webhook" integration | |
| const slack_url = 'https://hooks.slack.com/services/...'; | |
| const slack_req_opts = url.parse(slack_url); | |
| slack_req_opts.method = 'POST'; | |
| slack_req_opts.headers = {'Content-Type': 'application/json'}; |
| <html> | |
| <head> | |
| <script src="https://maps.googleapis.com/maps/api/js?sensor=false" ></script> | |
| <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | |
| <script src="http://fb.me/react-0.8.0.js"></script> | |
| <script src="http://fb.me/JSXTransformer-0.8.0.js"></script> | |
| <script type='text/jsx'> | |
| /** @jsx React.DOM */ | |
| ExampleGoogleMap = React.createClass({ | |
| getDefaultProps: function () { |
| vid = document.getElementsByClassName("video-stream html5-main-video")[0]; | |
| vid.playbackRate = 3.0; |
| license: apache-2.0 |
| /* When the console width is 624px or less */ | |
| @media all and (max-width: 624px) and (min-width: 0px) { | |
| /* Hide the audits tab */ | |
| #-webkit-web-inspector #toolbar .toolbar-item.audits { | |
| display: none !important; | |
| } | |
| } | |