CSS_XHTML_TIPS:CSS-TIPS CSSで作るテーブル風サムネイルイメージ
最近はDTPのお仕事がメインです。名刺、DVDケースデザインなど忙しくしておりました。昨日はブログで知り合った隣々町の床屋さんに散髪にいってきました。共通の趣味があり話もはずみ、楽しかったです。 さて今回はCSSで作るテーブル風サムネイルイメージということで、通常はテーブルでレイアウトする画像サムネイルですが、リストによるCSSでの制御でXHTMLソースもすっきり。 XHTMLソース <ul id="thmbnlImg"> <li><img src="img/img001.jpg" /></li> 〜中省略〜 <li><img src="img/img015.jpg" /></li> </ul> CSSソース ul#thmbnlImg { list-style-type: none; width: 500px; height: 300px; margin: 0px
※画像が多いです※ - ダイアリーのテーマのサムネイルを全て一覧で並べてみた - 聴く耳を持たない(片方しか)
このエントリーは id:rikuo:20071030 の補足のためのものです。 はてなアイデア こちらで提案されている、はてなダイアリーのテーマを一覧で見る、というのをはてなが用意するかはさておき、作成するだけなら私でも簡単に出来るので、試しにやってみました。 画像が多いのでたたんでおきます。 簡単な解説 リストと順番は http://d.hatena.ne.jp/themesample?hatena こちらを参考にして、単純に並べただけです。リンク先はそれぞれのサンプルページで、そちらからインポートを行うこともできます。 同様のコンセプトで公開デザインを並べてみたのは、上記の通り > id:rikuo:20071030 ><
サムネイルを作成するウェブサービス一覧 | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 最近ソーシャルブックマークサービスも、サムネイル付きが人気ですね。 ブログでサイトの紹介をするときも同じように、サムネイル付きのほうが雰囲気がつかみやすいし、クリックされやすくなると思います。 今日は、サムネイルが簡単にできるサービスを集めてみました。 用途に合わせて使い分けてみてはいかがでしょうか。 Mozshot （前回の記事で使用） カスタマイズ可能なスクリーンショットサービス SimpleAPI - 手軽に使えるウェブサービス群 feedmeter でおなじみの角丸 WebToJpeg - [ リアルタイムウェブページサムネイラ ] 関連：オシャレな影付きのサム
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第19回 サムネール画像をCSSで整然と並べる - MdN Design Interactive
SimpleAPI - ウェブサイト・サムネイル化ツール
