タグ

tipsと1309に関するsometkのブックマーク (3)

  • [CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか

    外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というものです。 下記は、外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもので、キャプチャはそのサイトのものと、参考に当環境でIE7/Fx3(XP)を検証したものです。 @import @import 2つの外部スタイルシートを@importで指定。 <textarea name="code" class="html" cols="60" rows="5">

    sometk
    sometk 2013/09/23
    こちらも@importの問題点。他人の作ったHTML/CSSだと@importを使われているとわかりにくいという別問題もある。
  • screw-axis.com

    This domain may be for sale!

    sometk
    sometk 2013/09/23
    なんにせよ、@importは使わないほうがいいようだ。HTMLの記述をシンプルにしたいところだが。
  • IDを使わないCSSの設計 - kojika17

    CSSのスタイリングではIDを使用しない、という話をよく聞くようになりました。 私も最近は、IDを使わずにコーディングしているので所感を書きます。 CSSでIDを使わない 「IDを使わない」ということをHTMLの変化で示すと、以下のようになります。 <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sitemap"><a href="">sitemap</a></li> </ul> </div> ↓↓↓↓ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></

    IDを使わないCSSの設計 - kojika17
  • 1