webruaryと黒猫のウィズ

webruaryの記事一覧 webruaryのRSS

通常のブログ。http://webruary.net/


スポンサーサイト

Category:スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このエントリーをはてなブックマークに追加

Sponsored Links

Comment : -

  1. usuproURL 2008-09-15 (月) 00:44

    リクエスト:<pre>タグについて書いてくれ!
    理   由:SafariとかFirefoxで<pre>使ったページ見ると、長い文章改行出来てない!改行無理ってどっかにかいてあったけど方法ある?
    いや、<br>とかって落ちとかじゃなくて。自動で改行。

  2. chobirURL 2008-09-16 (火) 15:48

    つーことで、http://webruary.blog37.fc2.com/blog-entry-26.htmlをどぉぞ。

Comment Form

Track Back : -

この記事のトラックバックURL
http://webruary.blog37.fc2.com/tb.php/13-c3557bed

トラックバック一覧

なるべく<div>を使わないでコーディング。という目標。

Category:Web

webruaryのソース

ということで、このテンプレートのテーマ的な目標『なるべく<div>を多用しない。』について。
やっぱデザインを考えつつそれに沿った作りにしようとすると、どぉしても<div>なり<span>を使ってしまうわけで…。
長くなりそうなので後は続きから。

ここから続き

自分の理想としては、

<html>
  <body>
    <h1>title</h1>
    <p>
      description
    </p>
    <div class="section">
      <h2>sub title</h2>
      <p>
        description
      </p>
      <div class="section">
        <h3>sub title</h3>
      </div>
    </div>
    <div id="footer">
      <ul>
        <li>link</li>
      </ul>
    </div>
  </body>
</html>

なわけで。
で実際に出来たのが

<html>
  <body>
    <div id="container">
      <div id="layout">
        <h1>title</h1>
        <form>Search</form>
        <div id="contents">
          <div class="entry">
            <h2>記事のタイトル</h2>
            <p>
              本文
            </p>
          </div>
        </div>
      </div>
      <div id="footer">
        <div id="footer-body">
        </div>
      </div>
    </div>
  </body>
</html>

かなり大雑把に抜粋しましたが、こまいのも合わせればもっと<div>があります(´・ω・`)
<body>直下に<div>の2連続。
センター合わせにするのにどぉしても2個使っちゃいました。
しかもFooterにも余計に<div id="footer-body">が…。
上と下の背景がずっと続くやつ(CSSのrepeat-x)ってのも、やっぱ<div>を余計に使う要因になりました。

世の中にはもっとシンプルにコーディングする人が居るんでしょうねぇ。
すげぇなぁ。
洗車してぇなぁ。
あぁ、結局レガシィについて一番最初しか触れてなかったんでそのうち紹介します。
ヒューズのやつとかリアワイパーをBL系のやつにしたこととか。そのうちね。

このエントリーをはてなブックマークに追加

Sponsored Links

Comment : 2

  1. usuproURL 2008-09-15 (月) 00:44

    リクエスト:<pre>タグについて書いてくれ!
    理   由:SafariとかFirefoxで<pre>使ったページ見ると、長い文章改行出来てない!改行無理ってどっかにかいてあったけど方法ある?
    いや、<br>とかって落ちとかじゃなくて。自動で改行。

  2. chobirURL 2008-09-16 (火) 15:48

    つーことで、http://webruary.blog37.fc2.com/blog-entry-26.htmlをどぉぞ。

Comment Form

Track Back : 0

この記事のトラックバックURL
http://webruary.blog37.fc2.com/tb.php/13-c3557bed

トラックバック一覧

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。