Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
タグクラウドの表現はどうあるべきか？ | SiMPLE*SiMPLE
タグクラウドの表現はどうあるべきか？ December 26, 2006 9:26 AM written by watanabe GiftTaggingのタグクラウドが綺麗です。タグクラウドって便利そうだけどあんなに文字が並んでもねぇ・・・という方は参考にされてはいかがでしょうか。 ↑ タグを本当の「タグ」で表現してみました。 ↑ タグづけの表示にも、タグのアイコンが。 タグクラウドはまだ出てきたばかり。どんな表現手法が良いか、貪欲に試行錯誤していきたいですね。「タグ」を直感的に「タグ」とわからせるこうした手法もいいのではないでしょうか。 ちなみに元ネタはこちら。37signalsのこのブログでは「Screens aroud town」というコーナーがあって、参考になります。Simple*Simpleでも今後とりあげていきたいと思います。 » [Screens around town] F
MovableType 3.3 で Tag cloud を簡単に実装する方法 - pur*log
MovableType 3.3 で Tag cloud を簡単に実装する方法 2006-06-24T23:42:09+09:00 Tag: CSS, design, MovableType, tag, tagcloud, tips, webdesign 2006年6月27日の Movable Type 3.3 本公開に向けて、すごい勢いでベータテスト版が更新されていますね。 このブログもすでに beta2 でテストしていますが、beta3, 4 と出るようで、フィードバックがとても追いつきません。 MT3.3 で一番キャッチーだと思う機能は、やはり、Tag 機能が正式にサポートされたことだと思います。 そこで簡単に Tag cloud を実装するためのソースを備忘録として書いてみました。 （id や class の名称は使うサイトでバッティングしないように適宜置き換えるとして）(X)HT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tagxedo - Word Cloud with Styles
Loading...
