Search Result

はじめに

画像をBase24とかでエンコードしてdataURIスキームで読み込む、ってことが最近のブラウザでは可能になった訳ですが、 仕事でスマートフォン向けのサイトを作っていた際に、画像の読み込み待ちが気になったのでちょうどいいと思い試してみたところ、 驚くほど早くなった(気がした)ので実際に計ってみました。

Continue reading

</p>

<h1>wrapper (#header h1 a[href=/] img[src=./images/h1.jpg])+(#container (ul#topicPath (li<em>2 a)+(li strong))+(#article0$.article (h2 img[src=./images/h2_0$.jpg])+p)</em>4)+(#footer p+(ul li*4))</h1>

<p>

ZEN! (Ctrl+Dが使い易いと思うんだな)

<div id="wrapper">
  <div id="header">
    <h1><a href="/"><img src="./images/h1.jpg" alt="" /></a></h1>
  </div>
  <div id="container">
    <ul id="topicPath">
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><strong></strong></li>
    </ul>
    <div id="article01" class="article">
      <h2><img src="./images/h2_01.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article02" class="article">
      <h2><img src="./images/h2_02.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article03" class="article">
      <h2><img src="./images/h2_03.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article04" class="article">
      <h2><img src="./images/h2_04.jpg" alt="" /></h2>
      <p></p>
    </div>
  </div>
  <div id="footer">
    <p></p>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</div>

うひょーい！