HTML5/CSS3のニュースやTIPSなどのまとめ (2012年11月3日) ニュース 「webinos」BMWが参加するオープンなウェブアプリ開発 (WIRED) http://wired.jp/2012/10/15/bmw-webinos/ http://webinos.org/ WARK、モバイル対応のHTML5ベースeラーニング教材制作をリリース (キーマンズネット) http://www.keyman.or.jp/nw/infosys/e-learn/20042027/ http://www.wark.jp/ サイト・アプリ こんな発想はなかった!HTML5でつくられた楽器まとめ (KAYAC DESIGNER'S BLOG) http://design.kayac.com/topics/2012/10/html5Instrument.php 様々な仕掛けを攻略して突き進め!! 「Z-Tech」 (Html5 Collect) http://jp.html5collect.net/%e6%a7%98%e3%80%85%e3%81%aa%e4%bb%95%e6%8e%9b%e3%81%91%e3%82%92%e6%94%bb%e7%95%a5%e3%81%97%e3%81%a6%e7%aa%81%e3%81%8d%e9%80%b2%e3%82%81%e3%80%8ez-tech%e3%80%8f/ http://dreamirl.com/ztech/ ツール HTML5で動く10の動画プレイヤー (SEO Japan) http://www.seojapan.com/blog/html5-video-players http://spyrestudios.com/10-html-5-video-players/ http://darkonyx.web-anatomy.com/en 「DARK ONYX」が初耳だなぁ。 カードが風で飛ぶように画像を切替えられるカッコいいスライダー実装jQueryプラグイン「Windy」 (phpspot開発日誌) http://phpspot.org/blog/archives/2012/10/jquerywindy.html http://tympanus.net/codrops/2012/10/09/windy-a-plugin-for-swift-content-navigation/ 「Windy: A Plugin for Swift Content Navigation (Codrops) 」 TIPS HTML5 × CSS3 × jQueryを真面目に勉強 #6 パララックスエフェクトの基本 (クラスメソッド) http://dev.classmethod.jp/etc/html5-x-css3-x-jquery-6-parallax/ 2つのオブジェクトにバネを割り当てる|HTML5 (Hiroshi Ogawa) http://wiredhiro.jp/blog/archives/1928 CSS3 Jquery.a3d.js - CSS3 Keyframe Animation from JavaScript (ShikemokuMK) http://shikemokumk.github.com/jquery.a3d.js/ https://github.com/ShikemokuMK/jquery.a3d.js キーフレームのCSS3アニメーションを実現できるjQueryプラグイン。ライセンスはMIT。 数行のスタイルシートで、スター・ウォーズのオープニング風アニメーションを簡単実装 (コリス) http://coliss.com/articles/build-websites/operation/css/css3-tutorial-starwars-scrolling-text.html http://www.sitepoint.com/css3-starwars-scrolling-text/ 「Star Wars 3D Scrolling Text in CSS3 (SitePoint) 」 SVG Manifest Destiny - The Story of The US Told In 141 Maps http://michaelporath.com/projects/manifest-destiny/ SVGで作られた、1789年からのアメリカの領土拡大を表したインフォグラフィック的なもの (英語) SVGアニメーションをパターンで繰り返す (へんな柳生) http://hennayagyu.com/webhack/svg/patterned-svg-animation-2455 (*価格は掲載時のものです。購入時にご確認ください。) 次のクリップ:HTML5/CSS3のニュースやTIPSなどのまとめ (2012年11月4日) 前のクリップ:HTML5/CSS3のニュースやTIPSなどのまとめ (2012年11月2日)