zhongdeliu

var isSmoothScrollSupported = 'scrollBehavior' in document.documentElement.style;

var scrollToOptions = {
  top: 100,
  left: 100,
  behavior: 'smooth'
}; 

if (isSmoothScrollSupported) {
    // Native smooth scrolling

zhongdeliu

• https://api.ai/ (Google)
• https://wit.ai/ (Facebook)
• https://www.luis.ai/ (Microsoft)
• https://recast.ai/
• http://www.conversate.eu/

zhongdeliu

https://www.staticgen.com/
http://techscience.org/a/2015121502/
https://hanserino.github.io/2016/02/11/estimating-a-front-end-web-dev-job/
https://performance.sucuri.net/
http://www.sitepoint.com/20-docs-guides-front-end-developers-6/
http://cssguidelin.es/
http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
https://patrickhlauke.github.io/touch/tests/results/
https://source.unsplash.com/
http://explainshell.com/explain?cmd=rsync+-chavzP+--stats+user%40remote.host%3A%2Fpath%2Fto%2Fcopy+%2Fpath%2Fto%2Flocal%2Fstorage

zhongdeliu

https://github.com/metalsmith/metalsmith

https://github.com/evocode/metalsmith-base

https://www.sitepoint.com/create-static-site-metalsmith/

https://segment.com/blog/building-technical-documentation-with-metalsmith/

package.json

"handlebars": "^4.0.5",

zhongdeliu

    min-height: 100%;
    background: #9acde2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAANqklEQ…fzWEFoPVW/J/NjSjomSWGHBnViDGwdVuX7HM3BLx0yGVP+Abekm5AbQE7CAAAAAElFTkSuQmCC);
    box-shadow: inset 0 0 18.75em rgba(0,0,0,.5);

zhongdeliu

function readCookie(name) {
    name += '=';
    for (var ca = document.cookie.split(/;\s*/), i = ca.length - 1; i >= 0; i--)
        if (!ca[i].indexOf(name))
            return ca[i].replace(name, '');
}

// https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie/Simple_document.cookie_framework
function readCookie(sKey) {
    if (!sKey) { return null; }

zhongdeliu

/*
  I've wrapped Makoto Matsumoto and Takuji Nishimura's code in a namespace
  so it's better encapsulated. Now you can have multiple random number generators
  and they won't stomp all over eachother's state.
  
  If you want to use this as a substitute for Math.random(), use the random()
  method like so:
  
  var m = new MersenneTwister();

zhongdeliu

<?php
require 'vendor/autoload.php';
use Goutte\Client;
use GuzzleHttp\Client as GuzzleClient;

$client = new Client();
$guzzleClient = new GuzzleClient(array(
    'verify' => false,
));
$client->setClient($guzzleClient);

zhongdeliu

grunt-cli
karma-cli
gulp-cli
yo
bower
http-server