Terry DeSimone SecureCloud-biz

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

VERSION	PLATFORM	OFFSET	ORIGINAL	CRACKED
3083	Linux x64	0xcbe3	85	39
3083	Linux x86	0xc6f2	85	39
3083	Win x64	0xe21b3	85	3B
3083	Win x86	0x9eb1a	1a	2a
3083	OSX	0x69cf	85	39
---------	-----------	---------	----------	---------

	# TOPIC: http://www.sublimetext.com/forum/viewtopic.php?f=2&t=10250#p40640

	1. "300 pixels" is the HARDCODED WIDTH of the CODE COMPLETION POPUP.
	Look for 00 00 00 00 00 C0 72 40 in the binary
	and replace with your wanted value
	(for example 00 00 00 00 00 C0 82 40 for 600 pixels).

	2. GOTO: http://gregstoll.dyndns.org/~gregstoll/floattohex/

	3. In "Double value: (Convert to HEX)" enter size, ex. 400 (Size in Pixels u want)

	# Why rewrite URLs? Read this: http://en.wikipedia.org/wiki/Rewrite_engine

	# Apache (.htaccess or httpd.conf)
	# Make sure AllowOverride is on for the directory, or put the rewrite rules in httpd.conf
	# http://httpd.apache.org/docs/2.0/mod/core.html#allowoverride
	RewriteEngine On
	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteRule . /index.php [L]

	# Nginx (nginx.conf)

	<span data-picture data-alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
	<span data-src="small.jpg"></span>
	<span data-src="small_x2.jpg" data-media="(min-device-pixel-ratio: 2.0)"></span>
	<span data-src="medium.jpg" data-media="(min-width: 400px)"></span>
	<span data-src="medium_x2.jpg" data-media="(min-width: 400px) and (min-device-pixel-ratio: 2.0)"></span>
	<span data-src="large.jpg" data-media="(min-width: 800px)"></span>
	<span data-src="large_x2.jpg" data-media="(min-width: 800px) and (min-device-pixel-ratio: 2.0)"></span>
	<span data-src="extralarge.jpg" data-media="(min-width: 1000px)"></span>
	<span data-src="extralarge_x2.jpg" data-media="(min-width: 1000px) and (min-device-pixel-ratio: 2.0)"></span>

	<?php
	// https://glynrob.com/php/hashing-and-public-key-encryption/

	function public_encrypt($plaintext){
	$fp=fopen("./mykey.pub","r");
	$pub_key=fread($fp,8192);
	fclose($fp);
	openssl_get_publickey($pub_key);
	openssl_public_encrypt($plaintext,$crypttext, $pub_key );
	return(base64_encode($crypttext));

	<?php
	// https://glynrob.com/php/hashing-and-public-key-encryption/

	$md5 = md5($password.$salt);
	echo "MD5 = $md5 <br>";

	$sha1 = sha1($password.$salt);
	echo "SHA1 = $sha1 <br>";

	$sha512 = hash('sha512', $password.$salt);

	<?php

	class SecureSessionHandler extends SessionHandler {

	protected $key, $name, $cookie;

	public function __construct($key, $name = 'MY_SESSION', $cookie = [])
	{
	$this->key = $key;
	$this->name = $name;

	<?php

	// API access key from Google API's Console
	define( 'API_ACCESS_KEY', 'YOUR-API-ACCESS-KEY-GOES-HERE' );


	$registrationIds = array( $_GET['id'] );

	// prep the bundle
	$msg = array