HTML5/CSS3のニュースやTIPSなどのまとめ (2012年7月24日) ニュース Galaxy S III標準ブラウザのHTML5 Testスコアは380、Chrome for Androidを上回る (ITジャーナリスト星暁雄の情報論ノート) http://hoshi.air-nifty.com/diary/2012/07/galaxy-s-iiihtm.html http://dothtml5.com/archives/20100802_test.html Galaxy S IIIにはサムスンの独自ブラウザがインストールされていて、HTML5 testの結果はChromeよりも高いらしい。 CSS3対応のアクセシビリティ向上Webツール、期間限定で無料公開 - 日立 (マイナビ) http://news.mynavi.jp/news/2012/07/23/063/ http://www.itmedia.co.jp/enterprise/articles/1207/23/news068.html http://itpro.nikkeibp.co.jp/article/NEWS/20120723/410906/ http://japan.internet.com/busnews/20120723/9.html http://www.hitachi.co.jp/universaldesign/products/business/assistance_for_color_generation/ イベント・セミナー インラインSVGをつかって地図っぽいものをつくってみる (SlideShare) http://www.slideshare.net/kadoppe/svg-13710380 7/21に行われた「第5回 HTML5など勉強会＠大阪」のプレゼン資料。 書籍 Web制作のためのHTML5入門 - PC/スマートフォン/タブレット対応 http://www.amazon.co.jp/dp/4797369574?tag=dothtml5-22 http://www.solidpanda.com/html5.html 3,129円、出版社：ソフトバンククリエイティブ、著：狩野祐東 ツール sketch.js (soulwire | GitHub) https://github.com/soulwire/sketch.js http://soulwire.github.com/sketch.js/ HTML5 canvasを扱いやすくするJavaScriptフレームワーク。パーティクル風のデモが気持ちいい (英語) CSS3 keyframesを使ったアニメーションを実装するCSS3コードをオンラインで生成出来る「Stylie」 (かちびと) http://kachibito.net/web-design/stylie.html http://kachibito.net/useful-resource/stylie http://jeremyckahn.github.com/stylie/ https://github.com/jeremyckahn/stylie http://okguide.okwave.jp/cafe/131856 http://www.moongift.jp/2012/12/20121210-2/ Pure CSS3 Mickey (Mozilla Developer Network) https://developer.mozilla.org/ja/demosdetail/pure-css3-mickey/launch https://developer.mozilla.org/ja/demosdetail/pure-css3-mickey CSS3だけで描かれたミッキーマウス (英語) 3D Flipping Circle with CSS3 and jQuery (Codrops) http://tympanus.net/Tutorials/3DFlippingCircle/ http://tympanus.net/codrops/2012/07/20/3d-flipping-circle-with-css3-and-jquery/ http://phpspot.org/blog/archives/2012/07/css3jquery_4.html CSS3+jQueryで作られた、２枚の円形の紙を開くような3DアニメをするUI (英語) SVG 写真をゲームボーイ風にするCSS＆SVG filterのデモ http://okiru.net/misc/20120721/sample.htm http://d.hatena.ne.jp/rikuo/20120723 画像を減色エフェクト。現時点ではFirefoxでのみ動作。 svgとcanvasの連携におけるfirefoxとchromeの非互換性 (ゲームミュージックと生存確認をかねた画期的な) http://defghi1977-onblog.blogspot.jp/2012/07/svgcanvasfirefoxchrome.html IE10でのSVGのfavicon (hail2u) http://hail2u.net/blog/webdesign/svg-favicon-on-ie10.html SVGのEclipseコード補完設定 (okule) http://okulejp.wordpress.com/2012/07/16/svg%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%89%E8%A3%9C%E5%AE%8C%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%82%A2%E3%82%B7%E3%82%B9%E3%83%88/ （＊価格は掲載時のものです。購入時にご確認ください。） 次のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2012年7月25日) 前のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2012年7月23日)