タグ

2011年12月8日のブックマーク (2件)

  • 手軽にWebを彩るCSSコーディングテクニック50 - 海外デザイン事情第7回 - MdN Design Interactive

    第7回「手軽にWebを彩るCSSコーディングテクニック50」 2010年03月15日 基的なCSSを使ったWeb制作はそれほど難しくないが、より高いレベルのデザインを実現しようとすると、難易度はグッと上昇する。そんなときは、世界中のデザイナーやデベロッパーが提供しているCSSテクニックを使ってみるとよいだろう。ここでは、世界各国のデザイナーやデベロッパーが紹介している、ビジュアル表現やレイアウトなどを中心としたCSSのコーディングテクニックを紹介していこう。 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) http://www.smashingmagazine.com/2010/0

    手軽にWebを彩るCSSコーディングテクニック50 - 海外デザイン事情第7回 - MdN Design Interactive
    pekeq
    pekeq 2011/12/08
  • 意外と知られていない? 画像置換のテクニック | サイブリッジラボブログ

    このあいだ iPhone アプリに今までいくら使ったのか調べたら、3万くらい使ってたことに気付いてちょっと反省しているハシモトです。(App Store Expense Monitor で調べられます) 今日は画像置換について書いてみたいと思います。 画像置換とは 画像置換とはCSSのテクニックのうちの一つで、HTMLでマークアップしたテキストをCSSでテキストを隠し、画像に置き換えて表示させる手法のことを言います。 この手法はalt属性が必要でない画像を使用するとき、つまり完全にデザイン目的だけで画像を使用するときに使われたりします。 メリット 文書構造とデザインをHTMLCSSで分離でき、CSSだけで見た目のコントロールができる altのテキストを検索対象に含めない検索エンジンに対してSEO的に効果があるかもしれない background-positionプロパティを応用して、ロール

    意外と知られていない? 画像置換のテクニック | サイブリッジラボブログ
    pekeq
    pekeq 2011/12/08