Tanmay Patel tanmaypatel

CSS Layout Debbuger

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

	Add these entried to your '.gitconfig' file in your user directory (go to %USERPROFILE%):

	[url "https://"]
	insteadOf = git://
	[http]
	proxy = http://<proxy_server>:<port>/
	[https]
	proxy = http://<proxy_server>:<port>/

	/* This has been supported in IE and webkit for a long time. It was added to Firefox in 3.6. Here's the spec (http://www.w3.org/TR/html5/dom.html#dom-document-readystate). "loaded" is for older Safari browsers.*/
	if (document.readyState == "complete" \|\| document.readyState == "loaded")
	{
	// document is already ready to go
	}

	/* If you want to know when the page has been parsed, but all subresources have not yet been loaded, you can add the "interactive" value: */
	if (document.readyState == "complete"
	\|\| document.readyState == "loaded"
	\|\| document.readyState == "interactive") {

	// Library used: http://malsup.com/jquery/form/

	define(['jquery',
	'amplify',
	'moment'],
	function($, amplify, moment, undefined)
	{
	var UPLOAD_SERVICE_BASE = 'http://127.0.0.1:8080/';

	var FileUploadService = function(){};

	module.exports = function(grunt)
	{
	require('time-grunt')(grunt);
	require('load-grunt-config')(grunt, {
	config: {
	srcLocation: 'src',
	distLocation: 'dist'
	}
	});


	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Sticky footer · Twitter Bootstrap</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- CSS -->
	<link href="../assets/css/bootstrap.css" rel="stylesheet">

	/*
	* From blogpost @ http://ifandelse.com/its-not-hard-making-your-library-support-amd-and-commonjs/
	*/

	(function (root, factory)
	{
	if(typeof define === "function" && define.amd)
	{
	// Now we're wrapping the factory and assigning the return
	// value to the root (window) and returning it as well to

	<html>
	<head>
	<title>Select styles with CSS only</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	body {
	background-color: #fff;
	font-family: helvetica, sans-serif;
	margin: 4% 10%
	}