clintwine

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

clintwine

//spread operator -- takes an entry and spreads it
let a = [30, 40, 50]
let b = [10, 20, ...a, 60, 70];  //[ 10, 20, 30, 40, 50, 60, 70 ]

let m = { a: 1, b: 2, c: 3}
let n = { d: 1, e: 2, f: 3}
let c = {...m, ...n}  // { a: 1, b: 2, c: 3, d: 1, e: 2, f: 3 }

//Rest Operator
//*****************************************************

clintwine

/**
 * IE 5.5+, Firefox, Opera, Chrome, Safari XHR object
 * 
 * @param string url
 * @param object callback
 * @param mixed data
 * @param null x
 */
function ajax(url, callback, data, x) {
	try {

clintwine

/**
 * building a webpack 1.0 config file 
 * this uses the common.js syntax
 * 
 * Loaders enable webpack to process more than just JavaScript files (webpack itself only understands JavaScript). 
 * They give you the ability to leverage webpack's bundling capabilities for all kinds of files by converting them to valid modules that webpack can process.
 * 
 * webpack loaders transform all types of files into modules that can be included in your application's dependency graph
 * 
 * */

clintwine

A curated list of AWS resources to prepare for the AWS Certifications

A curated list of awesome AWS resources you need to prepare for the all 5 AWS Certifications. This gist will include: open source repos, blogs & blogposts, ebooks, PDF, whitepapers, video courses, free lecture, slides, sample test and many other resources.

---