HTML5/CSS3のニュースやTIPSなどのまとめ (2012年6月27日) ニュース 脱Flashのタイミング (窓の杜) http://www.forest.impress.co.jp/docs/serial/moritalk/20120626_542772.html Chromeの拡張機能によるメモリ消費削減に着手 - 夏終わり頃に新API公開へ (INTERNET Watch) http://internet.watch.impress.co.jp/docs/news/20120625_542580.html Cortadoの無料クラウドデスクトップ、Chrome機器を補完 (インターネットコム) http://japan.internet.com/allnet/20120625/6.html 「これは完全に HTML5 をベースとしており」 サイト・アプリ WEB上に散らばる様々な情報を使って、WEBを表現したサイト「Web is beautiful」 (Html5 Collect) http://jp.html5collect.net/web%e4%b8%8a%e3%81%ab%e6%95%a3%e3%82%89%e3%81%b0%e3%82%8b%e6%a7%98%e3%80%85%e3%81%aa%e6%83%85%e5%a0%b1%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%80%81web/ http://www.beautifulexplorer.com/main.html ツール dancer.js - high-level audio API, designed to make sweet visualizations http://jsantell.github.com/dancer.js/ https://github.com/jsantell/dancer.js http://codevisually.com/dancer-js-a-high-level-audio-api/ http://www.ideaxidea.com/archives/2012/10/dancer_js.html Audio Data APIとWeb Audio APIを扱うJavaScriptライブラリ。HTML5 canvasも使ったビジュアライゼーションのデモが凄い。ライセンスはMIT (英語) Twitter BootstrapのCDNサービス「Bootstrap CDN」 (@kachibito) https://twitter.com/kachibito/status/217306742785183744 http://www.bootstrapcdn.com/ 画像にモザイクをかけたり、点描状にするちょっと面白いスクリプト「SeuratJS」 (コリス) http://coliss.com/articles/build-websites/operation/javascript/raphael-plugin-seuratjs.html http://seuratjs.com/ http://www.moongift.jp/2012/07/20120701/ HTML5/CSS3による無段階ズームライブラリ「ZUI53」 (MOONGIFT) http://www.moongift.jp/2012/06/20120625-2/ https://github.com/florianguenther/zui53 TIPS Safariのウェブサイト上からJavaScriptで「アプリがインストールされてなかったらApp Storeへ誘導する」を実現する (laiso) http://iphone-dev.g.hatena.ne.jp/laiso/20120625/1340615723 http://stackoverflow.com/questions/627916/iphone-safari-check-if-url-scheme-is-supported-in-javascript HTML5の便利なTips100選 第2回 HTML＋JavaScriptだけでブラウザに図形描画 - Canvas API (Think IT) http://thinkit.co.jp/story/2012/06/26/3593 JavaScriptコードを生成するプログラミング言語「CoffeeScript」の魅力 (ZDNet) http://builder.japan.zdnet.com/script/35018510/ シンプルだけどデザインがよいドロップダウンメニュー実装チュートリアル (phpspot開発日誌) http://phpspot.org/blog/archives/2012/06/post_610.html http://www.9lessons.info/2012/06/simple-drop-down-menu-with-jquery-and.html HTML5+Javascriptで動くSpectrumAnalyzerっぽいやつ (ヴェクセルドミナンテ) http://wechdomi.org/html5/ http://wechdomi.org/html5/index3.html http://wechdomi.org/html5/index5.html 久々に晴れたのでBeatを撮ってobjectVRにしてみました。iPhone/iPad用HTML5 (@eno1963) https://twitter.com/eno1963/statuses/217501588502228993 https://dl.dropbox.com/u/1198652/Beat_VR/Beat.html https://dl.dropbox.com/u/1198652/fran_vr/fran_vr.html CSS3 効率良くCSSコーディングできるSassを使ってみよう！Mac+Codaなら設定も簡単！ (Webクリエイターボックス) http://www.webcreatorbox.com/tech/css-sass/ http://dothtml5.com/archives/20120523_clips.html#pickup3 Apple風メニューバーの作り方 CSS3版 (ウェブ学のすすめ) http://d.hatena.ne.jp/vinton/20120626/1340637294 http://jsdo.it/blogparts/vBCq CSS3で作る、hoverで画像がスライドインするボックス「Slide In Image Boxes」 (@kachibito) https://twitter.com/kachibito/status/217309538804699136 http://css-tricks.com/snippets/css/slide-in-image-boxes/ CSS3のpreserve-3dを遊んでみる (背負い投げとENTER_FRAME) http://www.renowan.com/blog/?p=736 http://jsfiddle.net/renowan/Yjf9W/light/ SVG SVGで複数の画像をまとめる (hail2u) http://hail2u.net/blog/webdesign/combine-multiple-images-with-svg.html sie1.0におけるインラインsvgの表示について (ゲームミュージックと生存確認をかねた画期的な) http://defghi1977-onblog.blogspot.jp/2012/06/sie10svg.html （＊価格は掲載時のものです。購入時にご確認ください。） 次のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2012年6月28日) 前のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2012年6月26日)