[B! html] zionicのブックマーク

ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方

yamaokaです。水平方向に並んだナビゲーションを作る場合、皆さんはどのようにマークアップされているでしょうか。とりあえず必要な項目を羅列してみましょう。それぞれの項目には矢印の画像を付加するものとします。 == HTML == <p id="navigation"> <img src="arrow.gif">編集 <img src="arrow.gif">削除 <img src="arrow.gif">追加 </p> horizontal_nav_1 posted by (C)フォト蔵一見よさそうです。ただ、HTMLの論理的な構造としてふさわしいものでしょうか。ナビゲーションと言えども論理構造としてはリストの一種なので、リストとしてマークアップするのが適当と言えます。リストにしてみましょう。 == HTML == <ul id="navigation"> <li>編集<

zionic 2007/07/12

リンク

ruby のスクレイピングツールキット scrAPI - 川o・-・）＜2nd life

http://blog.labnotes.org/category/scrapi/ ruby でスクレイピングして web の情報を取得するのには、今まで正規表現か xpath でやってたので、わりと面倒でした。で、ふと scrAPI というスクレイピングツールキットを知ったのですが、これがかなり便利そう。このツールキットを使うと、CSS3 なセレクタを記述することで、要素を取得することができます。たとえばとあるサイトのリンクを全部取得したければ、 require 'rubygems' require 'scrapi' require 'open-uri' require 'nkf' require 'pp' $KCODE = 'u' links = Scraper.define do process "a[href]", "urls[]"=>"@href" result :urls e

zionic 2006/12/21

リンク

中間色を生成してくれる·Color Blender MOONGIFT

二つの色を選択して、blendボタンを押すと、中間色を生成してくれるサービスです。Midpointを増やすと、段階的な色調を表示します。これはMidpointが1の場合。 Midpointが6だとこのように段階的になります。色調を整えると、画面の見栄えも良くなりますので便利に使えそうですね。 Color Blender