Webアニメーションを高速化するために知っておくべき10のこと（前編） 斉藤 祐也（株式会社リッチメディア） アニメーション／トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション／トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション／トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス
2013/08/01 一歩進んだHTML/CSS/JSを目指すために 「なんとなく書きたくないけど、どう意識してコーディングしていけばいいのかわからない…。」 それを解消するためのツールがありますので、紹介します。 HTMLInspector philipwalton/html-inspector Introducing HTML Inspector こちらはHTMLを解析して悪いところを指摘してくれるツール。 たぶんガイドラインとかそれぞれあると思いますが、基本的にはコレに沿ってもいいかと。 スクリプトを差し込んで、実行すると、指摘事項がconsoleに出力されます。 githubのリポジトリからダウンロードするか、bowerで落としてくるか。 bower install html-inspector 次に、解析したいページに以下のコードを埋め込みます。 <script s
こんにちは。カートン買いでライターが溜まっているライターの内藤です。 先日、とある案件で「pタグの部分、両端揃えした方がきれいに見えない？」という話が出て、FirefoxとIE10は問題なかったのですが、WebKit系（ChromeとSafari）が対応していないことに今更気づき、何とかできないものかと思ったのがこの記事の経緯です。 具体的には、 text-align: justify; text-justify: inter-ideograph;（IE用） がWebKit系だと綺麗に見えないぜ！ということです。 目次 ブラウザによる両端揃えの見え方の違い 参考になったjQueryコード slabTextとFitText WP slabText 試してみた 研究してみた 自作の幅調整jQueryとその解説 プロトタイプ1 プロトタイプ2 この問題の最新事情 まとめ ブラウザによる両端揃えの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く