HTML5/CSS3の情報をクリップ！

HTML5/CSS3のニュースやTIPSなどのまとめ (2013年4月3日)

ニュース

Webサイトの開設準備や改善を楽しくするコンセプトダイアグラムとは？ (ウェブさえ)

http://websae.net/concept_diagram_20130327/

イベント・セミナー

セミナー：4/23 QCon 東京 2013 カンファレンス - モバイル/HTML5カテゴリ、他 (InfoQ)

http://qcontokyo.com/

2013/4/23(火) 10:00-20:30、JA共済ビル (千代田区平河町)、会費 15,000円。高いけど参加者には日経コンピュータと日経SYSTEMSの年間購読が無料プレゼントされるので安い？

サイト・アプリ

日本のスマホサイトは2年間でこんなに変わった - 64サイトのBEFORE&AFTERでわかった最新トレンド (ASCII)

http://ascii.jp/elem/000/000/773/773028/

ツール

Webブラウザで「Unreal Engine 3」がヌルヌル動く!? ゲームエンジンを5日でHTML5へ移植した驚きの技術とは - GDC 2013 (4Gamer)

http://www.4gamer.net/games/032/G003263/20130328081/

http://jp.techcrunch.com/2013/03/28/20130327mozilla-and-epic-games-bring-unreal-engine-3-to-the-web-no-plugin-needed/

EMSCRIPTEN+ASM.jsを使ったらしい。

JavaScriptとHTML5 canvasで作られたアニメーションするお天気アイコン「Skycons」 (Modern Syntax)

http://www.aivy.co.jp/BLOG_TEST/nagasawa/c/2013/04/javascripthtml5-canvasskycons.html

http://darkskyapp.github.com/skycons/

https://github.com/darkskyapp/skycons

文字数、段落数、単語数を簡単に数えられるJSライブラリ「Countable.js」 (phpspot開発日誌)

http://phpspot.org/blog/archives/2013/03/jscountablejs.html

http://radlikewhoa.github.com/Countable/

https://github.com/RadLikeWhoa/Countable

「Countable.js - live word-counting in JavaScript」

タッチデバイスに対応したフリーのLightbox・スライドショーjQueryプラグインまとめ6つ (W3Q)

http://w3q.jp/t/3715

TIPS

グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる (Publickey)

http://www.publickey1.jp/blog/13/chrome_devtoolsdom.html

http://discover-devtools.codeschool.com/

http://blog.chromium.org/2013/03/discover-chrome-devtools-our-new.html

CreateJSでハマったこと (まるちゃんブログ)

http://d.hatena.ne.jp/cflat-inc/20130325/1364167648

タッチイベントで複数の円｜Plural Circles by touch event (Hiroshi Ogawa)

http://wiredhiro.jp/blog/archives/2288

CSS3

春風そよよ〜！桜の花びらがヒラヒラ舞い落ちるスクリプトだよー！ (actyway)

http://actyway.com/8222

http://actyway.com/demo/sakura.8222.1.html

JS+CSS3で作られている。

デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました (はてなブログ開発ブログ)

http://staff.hatenablog.com/entry/2013/03/27/191936

エレガントからレトロまで、text-shadowを使った美しいエフェクト集 (コリス)

http://coliss.com/articles/build-websites/operation/css/css3-text-shadow-effects-by-juanbrujo.html

http://codepen.io/juanbrujo/full/yGpAK

Sassファイルでの記述位置を知るより美しい方法 (Skyward Design)

http://www.skyward-design.net/blog/archives/000163.html

floatを解除する方法のまとめ (小粋空間)

http://www.koikikukan.com/archives/2013/03/28-005555.php

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