タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って

リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた 2007-10-01 別に2カラム原理主義者というわけではないのですが、カラム変更オプションが無くなったのでついカッとなって書いてみました。 目次 適用前、適用後 適用前 適用後 解説 Firefox向けで、ユーザースタイルシートの適用は「Stylish」拡張をインストールすると便利です。 2カラムにするだけではなく、個人的にほとんど使わない機能へのナビゲーションまで削除しちゃってるので、ちょっと注意が必要です。リニューアル後のmixiのHTMLはid名とclass名が変態的なまでにきっちり設定されているのでCSSがわかる方はソース眺めつつ調整してください。ユーザースタイルシートの内容は以下の通り 調整 全体の横幅 750px化 全体を中央揃え フッターリンク左右の余白調整 非表示 右カラム全部 ロゴ

オリジナルステーショナリー・雑貨の企画、販売。デザインステーショナリー・雑貨・小物の販売、卸を行うDELFONICSの公式ウェブサイト。直営店「DELFONICS」「Smith」の最新情報や商品案内、過去のプロダクトや販促物のご紹介も。

追記：2007-08-29 文言を修正しました。 今度やるデザイン勉強会は、イラレがあると理解が深まるらしいです。 でも、さすがに値段が値段なので、今回の為に買うというのは難しいと思います。 そんな中に現れた救世主がInkscapeというソフト。 なんでもフリーソフトでありながら、イラレに匹敵する性能があるんだとか。 という訳で、デザイン勉強会本番までに覚えたい最低限の機能を予想して、ピックアップしてみました。 あ、ちなみにスピーカーの方とは何も相談していないので、完全に僕の予想です。 インストール ダウンロードはInkscape 公式サイトからどうぞ。 特につまづく所は無いと思います。 日本語以外の言語をオフにすると、40MBくらい軽くなるので、HDDの容量が気になる方はどうぞ。 インターフェイス クリックで拡大図が出ます。 とりあえずこれだけ覚えておけば、大体の事はできると思います。

8月24日～26日に東京ビッグサイトで開催されるイベント「グッドデザイン・プレゼンテーション2007」で、ウィルコムと三洋電機の協力で誕生したPHS端末のプロトタイプ（試作品）が展示されている。初日の24日には、会場内で発表会が開催され、両社によるプレゼンテーションが行なわれた。 ■ 単3型eneloop1本で動作するW-SIM端末 今回発表された試作品 今回発表された試作品は、三洋電機の充電池「eneloop」の単3型一本で動作するW-SIM対応端末。低消費電力というPHSの特徴を活かしたもので、一般的な端末よりも省電力性に優れているという。現時点で商品化される予定はないが、連続通話時間は約5時間、連続待受時間は約250時間というスペックが明らかにされている。 電池を模したボディが採用され、ディスプレイやカメラは装備しない。テンキーと発話・終話ボタンというシンプルな構成。実際に通話が可能

「Web2.0 Logo Creator」を使う Web2.0 Logo Creator 使い方として、上のようなトップ画面内から [Text to make Web 2.0:]へ、ロゴにするテキスト（アルファベット）を入力 [Add Reflection?]で、反射効果のYes/No（有り/無し）を選択 [Add BETA tag?]で、最後尾に[BETA文字入り]バッジの表示の有無を選択 ロゴにしたいテキストを入力し、反射効果とバッジの有無をそれそれ[Yes]で 作成した場合、上サンプルのようなロゴが生成されます。 で、個別に確認したかった点というのが、デフォルトの状態では青色のテキストのみですが 自分の好きな（希望する）テキストカラーでロゴを作ることはできないのか？という点。 (例外として[2.0]という数字と、最後尾に置くアルファベットの[r]はデフォルトでピンク色になる） そこで

Favicon は、サイトオーナー（ブログオーナー）の自己満足だけではありません。そのサイトやブログの個性を表現することもさることながら、ユーザから「それなりに手をかけているサイトだな」と興味や安心を抱かせる効果もあるように思えます。 そんな Favicon ですか、あなたはどのように作成していますか？ここで紹介するサービスを利用すると、簡単に Favicon を生成することができます。元となる画像からicon形式のファイルを出力してくれるものもあれば、文字入力から作成するものまであります。中にはビットを塗りつぶして１から作成できるものも・・（それってオンラインでやる必要あるのかな・・）。 自分にあった簡単Faviconジェネレータを見つけてみてください。 1. FavIcon from Pics 日本のブログでも結構紹介されているサイトですね。基本的には画像をアップロードして icon

こんなに使えない概要フィード 2006-12-20 「RSSフィードには全文をいれるべきだ」 「いや、PVが欲しいからタイトルや概要だけにしよう」 ...断言しよう。RSSフィードは全文配信すべきだ。 なぜなら概要フィードはこんなにも使えないのだから。 目次 概要フィードは全文フィードに敗北する 全文フィードは利便性が良くて、概要フィードは利便性が悪い。でも概要フィードなら記事本文を読みにサイトにアクセスしに来てくれて全文よりもPVが増えるかもしれないし、他のコンテンツを見せたりできる。この考え方に矛盾は無い。 しかし忘れてはならないのは、ユーザーが購読しているフィードはあなたのフィードだけではない。RSSリーダーという狭い世界の中でフィードは競合する。全文フィードの台頭によって概要フィードは記事タイトルすらまともに見て貰えず、PVどころかアテンションまでも失うことになりかねない。 その理

Layout Grid Layout One Column Two Columns Three Columns Four Columns Left Sidebar Right Sidebar Wide Blocks Features Accessibility Ready Block Editor Patterns Block Editor Styles BuddyPress Custom Background Custom Colors Custom Header Custom Logo Custom Menu Editor Style Featured Image Header Featured Images Flexible Header Footer Widgets Front Page Posting Full Site Editing Full Width Template M

少し本気でブログのデザインを考えまして、デザインし直してみました、パッチワークでアレコレ変えるよりかは自分でスキンを作る‥少し本気でブログのデザインを考えまして、デザインし直してみました、パッチワークでアレコレ変えるよりかは自分でスキンを作るの方が結果的には近い道だろうと思って、やっていたら5日掛かりの仕事になってしまいました（構想を含めれば数ヶ月くらい） ご覧の通り、シンプルな1ペインデザインです。これについてはあとでまた別に記事を立ててお話しします。 で、この記事ではリデザインの課程をざっくりと画像で振り返ってみようと思います。 イメージスケッチ 始めに、なにはともあれどういうサイトにしたいか画像編集ソフトで適当に描きます。サイトを実際に作った人なら分かるかと思いますが、ここが一番楽しいんですよね 最初に考えたのはこういう2ペインデザイン、この頃はまだサイト名すら決まってません(^_

ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ

Warning: Undefined array key "page" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/functions.php on line 5 Fatal error: Uncaught Error: Undefined constant "INACTIVE_USER" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/authentication.php:5 Stack trace: #0 /home/mhd-01/www.tartanmaker.com/htdocs/sg_require.php(9): require_once() #1 /home/mhd-01/www.tartanmaker.com/htdocs/modules/user.php(5):