Link

Request Map Generator

Request Map Generator

Generate a node map of all of the requests on a page.

Link

Try Puppeteer

Try Puppeteer

Link

Online PHP editor

Online PHP editor

Run code in 200+ PHP & HHVM versions.

Cleanup on line 351

The things I have learned while noodling on a single-page app with my husband over winter vacation have been both illuminating and… well. I’m sorry. I’m so, so sorry.

Index: js/app.js
===================================================================
--- js/app.js	(revision 43)
+++ js/app.js	(working copy)
@@ -224,6 +224,7 @@
 		div.className = "uiMessage sent-message";
 	} else {
 		div.className = "uiMessage";
+		div.style.backgroundColor = getColorFromString(msg.sender);
 	}
 	sender.className = "uiMessageSender";
 	message.className = "uiMessageContent";
@@ -344,3 +345,8 @@
 			break;
 	}
 }
+
+function getColorFromString(str) {
+	// I am become Death, the destroyer of worlds.
+	return [ str.slice(0,4), str.slice(4,8), str.slice(8,12) ].map( x => (255 - (Math.floor((x.split('').reduce((r,c) => { return r + c.charCodeAt(0) }, 0)) / 8))).toString(16)).reduce((r,c) => { return r + c }, '#');
+}
Link

Screen Sizes

Screen Sizes

Viewport sizes and pixel densities for popular devices.

Image

Boots!

After a long (but fun!) morning spent volunteering in the swag store, the girls and I went on a walk in search of boots.

We were not disappointed.

Image

Adventure time

We are off to volunteer at WCUS in Nashville this week!