HTML5/CSS3のニュースやTIPSなどのまとめ (2014年10月1日)

イベント・セミナー

Gulp入門 - コーディングを10倍速くする (Hayashi Yuichi | SlideShare)
http://www.slideshare.net/frontainer/gulp-10
http://weekendlancers.doorkeeper.jp/events/14789
9/12に行われた「週末ランサーズ #9」のプレゼン資料。
ウェブの未来を議論！「Extensible Web Summit Berlin」イベントレポート (HTML5Experts)
https://html5experts.jp/iwase/10848/
http://lanyrd.com/2014/extwebsummit-berlin/

書籍

書籍：three.jsによるHTML5 3Dグラフィックス (下) ブラウザで実現するOpenGL/WebGLの世界
http://www.amazon.co.jp/dp/4877833315?tag=dothtml5-22
http://dothtml5.com/archives/20140925_clips.html#pickup2
3,672円、出版社：カットシステム、著：遠藤理平

サイト・アプリ

アップルのウェブサイトが今さらスマートフォン対応をした理由 (sogitani.baigie.blog)
http://baigie.me/sogitani/2014/09/apple-web-smartphone/

ツール

ブラウザ内で安全に文字列からDOMを組み立てるための「RickDOM」というライブラリを書いた (葉っぱ日記)
http://d.hatena.ne.jp/hasegawayosuke/20140912/p1
https://github.com/hasegawayosuke/rickdom/
BackStack - Backboneにスマートフォンの画面遷移機能を追加 (MOONGIFT)
http://www.moongift.jp/2014/09/backstack-backbone%e3%81%ab%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%81%ae%e7%94%bb%e9%9d%a2%e9%81%b7%e7%a7%bb%e6%a9%9f%e8%83%bd%e3%82%92%e8%bf%bd%e5%8a%a0/
https://github.com/pwalczyszyn/backstack/

TIPS

ベストなユーザエクスペリエンスを実現するJavaScriptの課題と可能性 (ワザノバ)
http://wazanova.jp/items/1569
使いやすくしようとしてハマる落とし穴に気をつける (技術評論社)
http://gihyo.jp/design/serial/01/usability-of-smartphone-era/0003
「スマートフォン時代のユーザビリティの考え方 第3回」
SVGや動画、CSSアニメーションを使った面白いアイデア満載！じっくりチェックしておきたい最近のウェブサイトのまとめ (コリス)
http://coliss.com/articles/build-websites/operation/design/awesome-web-sites-2014-sep.html
JavaScriptで作るパスワードジェネレータ 全5回 (ドットインストール)
http://dotinstall.com/lessons/pwd_generator_js_v2
http://www.ideaxidea.com/archives/2014/09/pwd_generator_by_new_staff.html
初心者向けの動画によるプログラミング学習サイト「ドットインストール」に「JavaScriptで作るパスワードジェネレータ」のレッスンが再収録。
ウェブサイトのパフォーマンス向上に役立ちそうなリソース集「Performance tooling today」 (かちびと)
http://kachibito.net/useful-resource/performance-tooling-today
http://perf-tooling.today/

CSS3

text-overflowプロパティーを指定した要素の背景 (Hail2u)
http://hail2u.net/blog/webdesign/overflowed-element-s-background.html
CSS3 - ランダムにキューブを動かす (matsui_q | Qiita)
http://qiita.com/matsui_q/items/5b0beeb4388ad0b4418d

素材

定番の種類もしっかりと抑えたフリーラインアイコンセット「Free Download : 210 Line Icons」 (DesignDevelop)
http://design-develop.net/design/free-download-210-line-icons.html
http://designbeep.com/2014/09/22/free-download-210-line-icons-psd-png-svg-icon-font/

（＊価格は掲載時のものです。購入時にご確認ください。）