メニューやリンクリストなど様々な所で活躍し、ブログでもサイトでもかなりの頻度で使う事になるリスト。今回紹介する「List-O-Matic」はCSSベースで、様々なリストをカスタマイズしながら簡単に作れるWEBサービスです。

デザインは横組、縦組とありスタンダードなリストから、少し凝ったリストまであり、新規でサイトを立ち上げようとしている人やインターフェイスを再考している人にはかなり便利なサービスだと思います。

詳しくは以下

生成はものすごく簡単でまずはリストに表示したい項目の数を決めます。その後リストの項目を「LinkText」「LinkTitle」「Link Destination」を設定します。あとは自分の好きなデザインを選んで、CSSをidかClassか選択すればコードが生成されます。

生成された際にHTMLコードとCSSコードが合わせて表示されますので、細かい所も自身でカスタマイズが可能です。またCSSがあまり得意でない人にはCSSの勉強にも役立つかと思います。

List-O-Matic - Generate CSS-styled navigation menus based on list items (using <li> tags) | Developer Tools | Accessify

Related Articles:

• YouTubeへのリンクを一目で見分けるGreasemonkeyスクリプト「embed YouTube」
• 表示中のWEBページに使われている色をまとめてカラーパレット化できるFireFox拡張機能
• WordPressのログイン画面集「Change Color of Your WordPress Login」
• WEB2.0っぽい光沢+カラフルなタブメニュー「Pure Css Horiontal Menus」
• WEB上のカラー情報を取得できるFirefox拡張機能「ColorZilla」
• ポラロイド写真のように見せる画像ギャラリー「Polaroid Gallery」
• レゴ感覚でマッシュアップができる「Popfly」を試してみました。