akai

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

akai

(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);
      }
    });

akai

<?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>

akai

// 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;

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));

akai

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.