CHAPTER4──掲載サイトリンク集
01 タスクランナーで定型作業を自動化する
サイト名 | URL |
---|---|
Grunt | http://gruntjs.com |
gulp | http://gulpjs.com |
grunt-contrib-sass | https://www.npmjs.com/package/grunt-contrib-sass |
gulp-ruby-sass | https://www.npmjs.com/package/gulp-ruby-sass |
grunt-autoprefixer | https://www.npmjs.com/package/grunt-autoprefixer |
gulp-autoprefixer | https://www.npmjs.com/package/gulp-autoprefixer |
Autoprefixerのbrowsersオプション詳細 | https://github.com/ai/browserslist |
Live Reloadのブラウザ側機能拡張 | http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browserextensions- |
Live ReloadのJavaScriptコード | http://feedback.livereload.com/knowledgebase/articles/86180-how-do-i-add-the-script-tag-manually- |
gulp-livereload | https://www.npmjs.com/package/gulp-livereload |
grunt-contrib-connect | https://www.npmjs.com/package/grunt-contrib-connect |
gulp-webserver | https://www.npmjs.com/package/gulp-webserver |
grunt-contrib-clean | https://www.npmjs.com/package/grunt-contrib-clean |
del | https://www.npmjs.com/package/del |
grunt-contrib-copy | https://www.npmjs.com/package/grunt-contrib-copy |
grunt-contrib-concat | https://www.npmjs.com/package/grunt-contrib-concat |
gulp-concat | https://www.npmjs.com/package/gulp-concat |
grunt-contrib-uglify | https://www.npmjs.com/package/grunt-contrib-uglify |
gulp-uglify | https://www.npmjs.com/package/gulp-uglify |
grunt-contrib-cssmin | https://www.npmjs.com/package/grunt-contrib-cssmin |
gulp-cssmin | https://www.npmjs.com/package/gulp-cssmin |
grunt-spritesmith | https://www.npmjs.com/package/grunt-spritesmith |
gulp.spritesmith | https://www.npmjs.com/package/gulp.spritesmith |
02 表示パフォーマンスを最適化する
サイト名 | URL |
---|---|
lazyload | https://github.com/tuupola/jquery_lazyload |
DATA URI Playground | http://www.blades.co.jp/applications/datauriplayground/ |
Base64 Encode of 1x1px Transparent GIF | CSS-Tricks | https://css-tricks.com/snippets/html/base64-encode-of-1x1px-transparent-gif/ |
Response Times: The 3 Important Limits (by Jakob Nielsen) | http://www.nngroup.com/articles/response-times-3-important-limits/ |
Google Analytics | http://www.google.com/intl/ja_jp/analytics/ |
Page Speed | https://developers.google.com/speed/pagespeed/insights/?hl=ja |
Web Pagetest | http://www.webpagetest.org/ |
Underscore.js(Throttle) | http://underscorejs.org/#throttle |
FastClick | https://github.com/ftlabs/fastclick |
Chrome Developer Tools | https://developer.chrome.com/home/devtools-pillar |
Firefox Developer Edition | https://www.mozilla.org/ja/firefox/developer/ |
Remote TestKit | http://appkitbox.com/testkit/ |