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; | |
} | |
} | |