タグ

CSS3とjsに関するeguegu3000のブックマーク (4)

  • Webアニメーションを高速化するために知っておくべき10のこと(前編)

    Webアニメーションを高速化するために知っておくべき10のこと(前編) 斉藤 祐也(株式会社リッチメディア) アニメーション/トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション/トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション/トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス

    Webアニメーションを高速化するために知っておくべき10のこと(前編)
  • Modernizr: the feature detection library for HTML5/CSS3

    MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope

  • iPhone用webアプリ作りました – Running App – « 180mm Weblog / Photolog

    iPhone専用のwebアプリケーション「Running App」を作りました。 習作、ということで Alpha version としています。 機能としては ランニングの走行経路をGoogle Mapで表示 走行日時の記録 走行時間の記録 走行距離の記録 過去5回分の記録をiPhoneに保存 ざっとこんな感じになってます。 百聞は一見にしかず、ということで以下のリンクをiPhoneからどうぞ。 (PCからも一応閲覧はできるようにはしてますが、動きません) http://180mm.heteml.jp/lab/runningApp/ また、機能としては、ランニング開始時のRunning Appのロック画面表示中は、iPhoneをロックしても位置情報を取得し続けることが可能です iPhoneをロックして心置きなくランニングをお楽しみいただけます。 ※Running Appから他のアプ

  • 1