タグ

css3とcssに関するcaquuのブックマーク (4)

  • Internet Explorer 8を最低限のブラウザとした場合に使ってはいけないCSSや注意を要するCSSのまとめ - memo.yomukaku.net

    「Internet Explorer 6, 7, 8, 9におけるCSS 2.1およびCSS 3への準拠・対応状況のまとめ」にある一覧表のとおり、2006年10月公開のInternet Explorer 7はCSS 3に対応していない他、CSS 2.1にも準拠していない部分が少なく有りません。 例えばInternet Explorer 7は、今日多く使われていると思われる以下のようなCSSに対応していないようです。 :focus :after :before list-style-type(部分対応) background-position(部分対応) font-weight(部分対応) border-collapse(部分対応) top(部分対応) right(部分対応) z-index(部分対応) inherit IEのCSS2.1、CSS3対応状況一覧表をみかえ

  • 可能性を広げる10のスタイルシート | コリス

    ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウトでもよく利用されます。 「min-width」などのプロパティを使ってMedia Queryを作る際は、ビューポートのサイズを設定して利用してください。 HTML <meta name="viewport" content="width=device-width, initial-scale=1.0"> スマートフォンでは表示するページの大きさをビューポートの幅に(主に)縮小してフィットさせるため

    caquu
    caquu 2012/07/26
  • 背景画像をブラウザの枠いっぱいに表示するテクニックの考察

    最近のトレンドの一つでもある背景画像をブラウザの枠いっぱいに表示する実装方法はたくさんあります。その中から、理にかなった最新のテクニックや、より多くのブラウザに対応させるテクニックを紹介します。 Perfect Full Page Background Image [ad#ad-2] 下記は各ポイントを意訳したものです。 各デモはページ下部のDownload Files」で、まとめてダウンロードできます。 背景画像をブラウザの枠いっぱいに表示するテクニックとは CSS3を使ったテクニック CSSだけで実装するテクニック:その1 CSSだけで実装するテクニック:その2 jQueryを使ったテクニック 背景画像をブラウザの枠いっぱいに表示するテクニックとは 前提として、下記のポイントが挙げられます。 画像でページをいっぱいにします。 空きは無いようにします。 画像のサイズは必要があれば調整しま

  • 2010年総まとめ:CSSの実用的なテクニック集

    CSS3で何ができるの? という時にみておきたいサイト集 ベーシックなものから実践的なテクニックまで、サンプルやコードなど実装例が掲載されているサイトをご紹介。

    caquu
    caquu 2011/01/06
  • 1