akai akai

CSS Transitions & Gradients

Via An HTML5/CSS3 Case study – CV/Résumé

.transition-gradient {
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
 background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));

Load newest JQuery 1.x library from Google's CDN ∞

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>

The Window Scroll Event ∞

It's a very, very, bad idea to attach handlers to the window scroll event.
Always cache the selector queries that you're re-using.

	{
	"editor.fontSize": 16,
	"editor.fontFamily": "'Fira Code'",
	"editor.tabSize": 2,
	"editor.fontLigatures": true,
	"editor.rulers": [
	80,
	100
	],
	"editor.accessibilitySupport": "off",

	(function() {
	var keys = [];
	var iframe = document.createElement('iframe');
	iframe.onload = function() {
	var iframeKeys = Object.keys(iframe.contentWindow);
	Object.keys(window).forEach(function(key) {
	if (!(iframeKeys.includes(key))) {
	keys.push(key);
	}
	});

	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
	<plist version="1.0">
	<dict>
	<key>PayloadContent</key>
	<array>
	<dict>
	<key>PayloadContent</key>
	<dict>
	<key>com.google.Chrome</key>

	// via http://www.infoq.com/cn/presentations/wh-dianping-web-develop-road

	var idcUrl = 'http://domian.com/test.jpg?' + Math.random();

	document.getElementById('top').innerHTML = '<img src="'
	+ idcUrl + '" onload="idc(this.src, '
	+ (new Date().getTime()) + ')" />';

	function idc(url, start) {
	var loadTime = new Date().getTime() - start;