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

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

ニュース

「BiND」ウェブサイト作成ソフトでは初めて日本語Webフォントに対応 (INTERNET Watch)

http://internet.watch.impress.co.jp/docs/news/20130516_599598.html

http://www.digitalstage.jp/bind/

http://news.mynavi.jp/news/2013/05/15/334/

イベント・セミナー

6月8日はhtmlday (Publickey Topics)

http://www.publickey2.jp/2013/05/68htmlday.html

http://www.htmlday.jp/

書籍

書籍：Effective JavaScript - JavaScriptを使うときに知っておきたい68の冴えたやり方

http://www.amazon.co.jp/dp/4798131113?tag=dothtml5-22

3,360円、出版社：翔泳社、著：David Herman、翻訳：吉川邦夫

サイト・アプリ

Easily Remove Image Backgrounds Online (Clipping Magic)

http://clippingmagic.com/

ブラウザ上で画像の必要な部分だけを切り出してくれるウェブサービス。画像をドラッグ＆ドロップして、必要な部分を緑、不必要な部分を赤でチェックするだけ。HTML5 canvas+JavaScriptで作られている。

JavaとPythonの学習がオンラインで出来る「CodingBat」 (100SHIKI)

http://www.100shiki.com/archives/2013/02/codingbat.html

http://codingbat.com/

ツール

複数のエレメントをスクロールしても指定した場所に留まらせるスクリプト「ハチ公」 (コリス)

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-hachiko.html

http://paulyuan.ca/hachiko/example/

https://github.com/pyuan/hachiko

Google、メールをもっとインタラクティブに。Gmailにカスタマイズ可能なアクションボタンが登場 (TechCrunch)

http://jp.techcrunch.com/2013/05/16/20130515google-makes-email-more-interactive-with-customizable-gmail-action-buttons/

JavaScriptでは無いらしい。

TIPS

GoogleがMicrodataによる組織ロゴの意味づけに対応したそうなので (WWW WATCH)

http://hyper-text.org/archives/2013/05/google_microdata_organization.shtml

Adobe Muse体験記 (3) Webサイトの構成がボタンひとつで完成！自分のサイトのプランを作る (マイナビ)

http://news.mynavi.jp/news/2013/05/16/282/

フロントエンドWeb戦略室第4回危険性が理解されにくいネイティブアプリ内 (技術評論社)

http://gihyo.jp/dev/serial/01/front-end_web/000401

垂直なタイムラインをデザインするHTML＋CSSチュートリアル (phpspot開発日誌)

http://phpspot.org/blog/archives/2013/05/htmlcss_3.html

http://tympanus.net/Blueprints/VerticalTimeline/

http://tympanus.net/codrops/2013/05/02/vertical-timeline/

ペンタゴンのペルリン・ノイズ・アニメーション (Hiroshi Ogawa)

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

CSS3

HTML5 Boilerplateの開発者でGoogleのエンジニア、ポール・アイリッシュに聞くCSS高速化テクニック (builder)

http://builder.japan.zdnet.com/html-css/35032198/

擬人化CSSリファレンス GCSS - 擬人化したCSSキャラクターによるCSSの解説サイト

http://gcss.info/

覚え書き CSS再入門セレクタ (キータ)

http://qiita.com/items/e522fe74bc3547b3e826

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