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

HTML5/CSS3のニュースやTIPSなどのまとめ (2012年6月29日)

ニュース

Chrome for Android (Google Play)

https://play.google.com/store/apps/details?id=com.android.chrome

http://www.forest.impress.co.jp/docs/news/20120628_543342.html

http://k-tai.impress.co.jp/docs/news/20120628_543470.html

http://jp.techcrunch.com/archives/20120627googles-chrome-for-android-comes-out-of-beta/

http://japan.internet.com/webtech/20120629/3.html

Android向けのChrome、ベータが取れて正式版に！ (英語)

Google Chrome 20が正式リリース

http://www.google.co.jp/chrome/intl/ja/landing.html#v20

http://www.forest.impress.co.jp/docs/news/20120627_543080.html

http://internet.watch.impress.co.jp/docs/news/20120627_543216.html

http://www.itmedia.co.jp/enterprise/articles/1206/28/news012.html

http://sourceforge.jp/magazine/12/06/28/0421259

http://gigazine.net/news/20120628-google-chrome-20-stable/

HTML5/CSS3関連のアップデートは特に無く、バグフィックスだけみたい。えー。

Facebook's iPhone App Is Finally Going to Get Faster (Mashable)

http://mashable.com/2012/06/27/facebook-faster-ios-app/

http://jp.blogherald.com/2012/06/28/facebook-promises-much-faster-ios-speeds-upgrade-likely-for-late-summer/

http://www.apptoiphone.com/2012/06/facebookios.html

iOSのFacebookアプリが遅いのでHTML5ベースを止めるらしい (英語)

日本型ゲーム、米でも有効 - KLab 真田哲弥社長 (日本経済新聞)

http://www.nikkei.com/article/DGXNASDD2701P_X20C12A6X26000/

「HTML5ゲームの開発コストは安価。ただ3Dを高速表示するゲームなどはまだ難しい」

イベント・セミナー

紙からWebへデザイン領域を拡げる２つの鍵 - モリサワのウェブフォント

http://www.micsnet.co.jp/seminar.html

2012/7/23(月) 14:30-17:30、モリサワ (新宿区下宮比町)、無料。8/3に大阪でも開催。

ツール

シンプルなものから高性能なものまで簡単に通知パネルを実装できるスクリプト「Backbone.Notifier」 (コリス)

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

http://e-w.co.il/backbone.notifier/

https://github.com/ewebdev/backbone.notifier/

TIPS

Learn CreateJS by Building an HTML5 Pong Game (Activetuts+)

http://activetuts.s3.amazonaws.com/tuts/450_easelJSPong/example/index.html

http://active.tutsplus.com/tutorials/games/learn-createjs-by-building-an-html5-pong-game/

アドビのCreateJSで作るHTML5のピンポンゲーム (英語)

斜め読み - SPDYとHTML5 WebSocketsの比較

http://d.hatena.ne.jp/vwxyz/20120628/1340860668

https://devcentral.f5.com/weblogs/macvittie/archive/2012/06/13/spdy-versus-html5-websockets.aspx

http://www.infoq.com/jp/news/2012/06/spdy-websockets

Semantic HTMLが止まらない (SlideShare)

http://www.slideshare.net/yumi-uniq-ishizaki/semantic-html-13478162

HTML5のplaceholder属性をInternet Explorerで使う (Webクリエイターネット)

http://www.webcreator-net.com/tips_memo/html/20120501083005.html

CSS3

Timed Notifications with CSS Animations (Codrops)

http://tympanus.net/TipsTricks/CSS3TimedNotifications/

http://tympanus.net/codrops/2012/06/25/timed-notifications-with-css-animations/

JavaScriptナシのCSS3だけで作る通知アラート。プログレスバーがアニメーションしてフルになると自動で消える (英語)

画像にかっこいいアニメーションでオーバーレイのメッセージを表示するスタイルシート (コリス)

http://coliss.com/articles/build-websites/operation/css/css3-tutorial-image-slider-with-four-overlays-by-designshack.html

http://designshack.net/articles/css/fourpanelslider/

CSS3を使ってレーザー風効果で画像を切り替えるデモ (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/06/css3_51.html

http://www.ryancollins.me/?p=539

クールな通知件数表示のCSSデザインサンプル (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/06/css_140.html

http://www.webinterfacelab.com/snippets/menu-with-notification-badges

CSS3だけで魅せる波紋の様なアニメーションを作ってみた (アバニエス)

http://abanies.com/css3/css-circular-slit.html

http://abanies.com/laboratories/css-circular-slit

CSS3 Border-Image Property: Making Photos Really Cool! (Hongkiat)

http://www.hongkiat.com/blog/css3-border-image/

http://www.hongki.at/images/css3-border-image/demo/

CSS3のborder-imageのチュートリアル (英語)

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