[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

techとcss3に関するbeth321のブックマーク (3)

  • CSS3の値、単位、色

    CSSにおける各プロパティの色、長さ、サイズの「値」と、それらの値を定めるための「単位」、またスタイルを作成するうえで大きな要素である「色」についてコンパクトに解説する書籍です。『セレクタ、詳細度、カスケード』と同様、"CSS: The Definitive Guide 4th Edition"(未刊行)の一部となるべく書かれたテキストを、コンパクトな分量で抽出し、簡便なテキストとしてまとめたものです。 なお書はEbook版のみの販売となります。

    CSS3の値、単位、色
  • SVG線画が美しいリッチアニメーションの作り方 (1/2)

    ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基と、CSS3アニメーションを使った動かし方を解説する。CSSHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1:SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素

    SVG線画が美しいリッチアニメーションの作り方 (1/2)
  • 2013年、Webがこうなったら面白い

    新年、あけましておめでとうございます。 HTML5開発者コミュニティ、html5j.orgを運営している白石俊平です。 この記事では、「2013年、Webがこうなったら面白い」というテーマで、今年のWebがどう変わっていくか、予想めいたことを執筆する機会をいただきました。タイトルに「面白い」と含まれていることからもお分かりの通り、真剣に業界を予想してみるというものでもなく、少し力を抜いた雰囲気で、発展の著しいWebの未来をあれこれ述べてみたいと思います。どうか読者のみなさんも、リラックスしてお読みください。 とはいえ、現在のWebは広く深く、3次元的に発展している状況で、どのような切り口で述べるべきか悩みました。悩んだ挙句、ここでは以下の3つの切り口から見ていきたいと思います。 注目に値する最先端仕様 プラットフォームとしてのWeb Web制作・開発はどう変わるか 注目に値する最先端仕様

    2013年、Webがこうなったら面白い
  • 1