December 25, 2002

Blogのデザイン

Categories: blog | design | feedback | to be worked out | web

どんなブラウザー環境でも、きれいに、かっこよく、使いやすい
ユニバーサルなデザインのBlogを作るための技術的方法論と
ガイドラインポリシーを蓄積していくためのエントリーです。

Microsoft の Windows + Internet Exproler という組み合わせが大多数なのは百も承知。
でも、800*600の Mac OS 9 の環境で Netscape 使ってる人がまわりにけっこういたりして、
そういう環境でもちゃんと見えるデザインがしたい。

これからでじまblogの裏テンプレートとして実験しつつ、
技術が蓄積できたらJBAなんかにもフィードバックしていくつもり。

みんなよろしく。

Posted by goyou at December 25, 2002 10:05 PM | TrackBack
Post a comment
<a href="URL" target="_blank">TEXT</a>
『すぐに使えるタグ一覧』









Remember personal info?






Comments

You are invited to visit the pages about online poker online poker http://www.thorcarlson.com/ online poker online poker http://www.valeofglamorganconservatives.org/ online poker online poker http://www.online-deals99.com/ ...

Posted by: online poker at November 27, 2004 02:06 AM

You are invited to visit the pages about online poker online poker http://www.thorcarlson.com/ online poker online poker http://www.valeofglamorganconservatives.org/ online poker online poker http://www.online-deals99.com/ ...

Posted by: online poker at November 27, 2004 02:05 AM

You are invited to visit the pages about online poker online poker http://www.thorcarlson.com/ online poker online poker http://www.valeofglamorganconservatives.org/ online poker online poker http://www.online-deals99.com/ ...

Posted by: online poker at November 27, 2004 02:05 AM

You are invited to visit the pages about online poker online poker http://www.thorcarlson.com/ online poker online poker http://www.valeofglamorganconservatives.org/ online poker online poker http://www.online-deals99.com/ ...

Posted by: online poker at November 27, 2004 02:04 AM

You are invited to check some information about phentermine phentermine http://www.best-deals-phentermine.com/ ...

Posted by: phentermine at November 23, 2004 11:14 AM

You are invited to check some information about phentermine phentermine http://www.best-deals-phentermine.com/ ...

Posted by: phentermine at November 23, 2004 11:13 AM

You are invited to check some information about phentermine phentermine http://www.best-deals-phentermine.com/ ...

Posted by: phentermine at November 23, 2004 11:12 AM

You are invited to check some information about phentermine phentermine http://www.best-deals-phentermine.com/ ...

Posted by: phentermine at November 23, 2004 11:12 AM

You may find it interesting to visit some information dedicated to liquid diet pills liquid diet pills http://www.liquid-diet-pills-for-you.info/ most effective diet pills most effective diet pills http://www.most-effective-diet-pills-hot-sale.info/ prescription diet pills doctors prescribe prescription diet pills doctors prescribe http://www.prescription-diet-pills-doctors-prescribe-hot-sale.info/ over the counter diet pills over the counter diet pills http://www.over-the-counter-diet-pills-hot-sale.info/ diet pills easy to swallow diet pills easy to swallow http://www.diet-pills-easy-to-swallow-great-price.info/ t-lite diet pills t-lite diet pills http://www.t-lite-diet-pills-hot-sale.info/ gambling theory gambling theory http://www.gambling-theory-best-internet-site.info/ no download texas hold em no download texas hold em http://www.no-download-texas-hold-em-4-you.info/ card game texas hold em card game texas hold em http://www.card-game-texas-hold-em-4-you.info/ cardinal texas hold em set cardinal texas hold em set http://www.cardinal-texas-hold-em-set-4-you.info/ - Tons of interesdting stuff!!!

Posted by: strategies in texas hold em at November 22, 2004 11:31 PM

You may find it interesting to visit some information dedicated to liquid diet pills liquid diet pills http://www.liquid-diet-pills-for-you.info/ most effective diet pills most effective diet pills http://www.most-effective-diet-pills-hot-sale.info/ prescription diet pills doctors prescribe prescription diet pills doctors prescribe http://www.prescription-diet-pills-doctors-prescribe-hot-sale.info/ over the counter diet pills over the counter diet pills http://www.over-the-counter-diet-pills-hot-sale.info/ diet pills easy to swallow diet pills easy to swallow http://www.diet-pills-easy-to-swallow-great-price.info/ t-lite diet pills t-lite diet pills http://www.t-lite-diet-pills-hot-sale.info/ gambling theory gambling theory http://www.gambling-theory-best-internet-site.info/ no download texas hold em no download texas hold em http://www.no-download-texas-hold-em-4-you.info/ card game texas hold em card game texas hold em http://www.card-game-texas-hold-em-4-you.info/ cardinal texas hold em set cardinal texas hold em set http://www.cardinal-texas-hold-em-set-4-you.info/ - Tons of interesdting stuff!!!

Posted by: strategies in texas hold em at November 22, 2004 11:30 PM

You may find it interesting to visit some information dedicated to liquid diet pills liquid diet pills http://www.liquid-diet-pills-for-you.info/ most effective diet pills most effective diet pills http://www.most-effective-diet-pills-hot-sale.info/ prescription diet pills doctors prescribe prescription diet pills doctors prescribe http://www.prescription-diet-pills-doctors-prescribe-hot-sale.info/ over the counter diet pills over the counter diet pills http://www.over-the-counter-diet-pills-hot-sale.info/ diet pills easy to swallow diet pills easy to swallow http://www.diet-pills-easy-to-swallow-great-price.info/ t-lite diet pills t-lite diet pills http://www.t-lite-diet-pills-hot-sale.info/ gambling theory gambling theory http://www.gambling-theory-best-internet-site.info/ no download texas hold em no download texas hold em http://www.no-download-texas-hold-em-4-you.info/ card game texas hold em card game texas hold em http://www.card-game-texas-hold-em-4-you.info/ cardinal texas hold em set cardinal texas hold em set http://www.cardinal-texas-hold-em-set-4-you.info/ - Tons of interesdting stuff!!!

Posted by: strategies in texas hold em at November 22, 2004 11:30 PM

You may find it interesting to visit some information dedicated to liquid diet pills liquid diet pills http://www.liquid-diet-pills-for-you.info/ most effective diet pills most effective diet pills http://www.most-effective-diet-pills-hot-sale.info/ prescription diet pills doctors prescribe prescription diet pills doctors prescribe http://www.prescription-diet-pills-doctors-prescribe-hot-sale.info/ over the counter diet pills over the counter diet pills http://www.over-the-counter-diet-pills-hot-sale.info/ diet pills easy to swallow diet pills easy to swallow http://www.diet-pills-easy-to-swallow-great-price.info/ t-lite diet pills t-lite diet pills http://www.t-lite-diet-pills-hot-sale.info/ gambling theory gambling theory http://www.gambling-theory-best-internet-site.info/ no download texas hold em no download texas hold em http://www.no-download-texas-hold-em-4-you.info/ card game texas hold em card game texas hold em http://www.card-game-texas-hold-em-4-you.info/ cardinal texas hold em set cardinal texas hold em set http://www.cardinal-texas-hold-em-set-4-you.info/ - Tons of interesdting stuff!!!

Posted by: strategies in texas hold em at November 22, 2004 11:29 PM

You can also visit the pages dedicated to where can i purchase phentermine cheap where can i purchase phentermine cheap http://www.where-can-i-purchase-phentermine-cheap-top-deals.info/ software texas holdem download software texas holdem download http://www.software-texas-holdem-download-games.info/ holdem poker partypokercom holdem poker partypokercom http://www.holdem-poker-partypokercom-4u.info/ buy cheap phentermine free fedex buy cheap phentermine free fedex http://www.buy-cheap-phentermine-free-fedex-pharmacy-2003.info/ slot tournaments slot tournaments http://www.slot-tournaments-gambling-4u.info/ order online phentermine order online phentermine http://www.order-online-phentermine-leading-pharmacy.info/ long term effects of phentermine long term effects of phentermine http://www.long-term-effects-of-phentermine-pharmacy-2003.info/ buy cheap phentrermine diet pills buy cheap phentrermine diet pills http://www.buy-cheap-phentrermine-diet-pills-pharmacy-2003.info/ no download texas holdem no download texas holdem http://www.no-download-texas-holdem-games.info/ ...

Posted by: phentermine facts at November 21, 2004 04:13 AM

You can also visit the pages dedicated to where can i purchase phentermine cheap where can i purchase phentermine cheap http://www.where-can-i-purchase-phentermine-cheap-top-deals.info/ software texas holdem download software texas holdem download http://www.software-texas-holdem-download-games.info/ holdem poker partypokercom holdem poker partypokercom http://www.holdem-poker-partypokercom-4u.info/ buy cheap phentermine free fedex buy cheap phentermine free fedex http://www.buy-cheap-phentermine-free-fedex-pharmacy-2003.info/ slot tournaments slot tournaments http://www.slot-tournaments-gambling-4u.info/ order online phentermine order online phentermine http://www.order-online-phentermine-leading-pharmacy.info/ long term effects of phentermine long term effects of phentermine http://www.long-term-effects-of-phentermine-pharmacy-2003.info/ buy cheap phentrermine diet pills buy cheap phentrermine diet pills http://www.buy-cheap-phentrermine-diet-pills-pharmacy-2003.info/ no download texas holdem no download texas holdem http://www.no-download-texas-holdem-games.info/ ...

Posted by: phentermine facts at November 21, 2004 04:13 AM

You can also visit the pages dedicated to where can i purchase phentermine cheap where can i purchase phentermine cheap http://www.where-can-i-purchase-phentermine-cheap-top-deals.info/ software texas holdem download software texas holdem download http://www.software-texas-holdem-download-games.info/ holdem poker partypokercom holdem poker partypokercom http://www.holdem-poker-partypokercom-4u.info/ buy cheap phentermine free fedex buy cheap phentermine free fedex http://www.buy-cheap-phentermine-free-fedex-pharmacy-2003.info/ slot tournaments slot tournaments http://www.slot-tournaments-gambling-4u.info/ order online phentermine order online phentermine http://www.order-online-phentermine-leading-pharmacy.info/ long term effects of phentermine long term effects of phentermine http://www.long-term-effects-of-phentermine-pharmacy-2003.info/ buy cheap phentrermine diet pills buy cheap phentrermine diet pills http://www.buy-cheap-phentrermine-diet-pills-pharmacy-2003.info/ no download texas holdem no download texas holdem http://www.no-download-texas-holdem-games.info/ ...

Posted by: phentermine facts at November 21, 2004 04:12 AM

You can also visit the pages dedicated to where can i purchase phentermine cheap where can i purchase phentermine cheap http://www.where-can-i-purchase-phentermine-cheap-top-deals.info/ software texas holdem download software texas holdem download http://www.software-texas-holdem-download-games.info/ holdem poker partypokercom holdem poker partypokercom http://www.holdem-poker-partypokercom-4u.info/ buy cheap phentermine free fedex buy cheap phentermine free fedex http://www.buy-cheap-phentermine-free-fedex-pharmacy-2003.info/ slot tournaments slot tournaments http://www.slot-tournaments-gambling-4u.info/ order online phentermine order online phentermine http://www.order-online-phentermine-leading-pharmacy.info/ long term effects of phentermine long term effects of phentermine http://www.long-term-effects-of-phentermine-pharmacy-2003.info/ buy cheap phentrermine diet pills buy cheap phentrermine diet pills http://www.buy-cheap-phentrermine-diet-pills-pharmacy-2003.info/ no download texas holdem no download texas holdem http://www.no-download-texas-holdem-games.info/ ...

Posted by: phentermine facts at November 21, 2004 04:12 AM

The Good Ship Enterprise (to the tune of The Good Ship Lollipop)

On the good ship Enterprise
Every week there's a new surprise
Where the Romulans lurk
And the Klingons often go berserk.

Yes, the good ship Enterprise
There's excitement anywhere it flies
Where Tribbles play
And Nurse Chapel never gets her way.

See Captain Kirk standing on the bridge,
Mr. Spock is at his side.
The weekly menace, ooh-ooh
It gets fried, scattered far and wide.

It's the good ship Enterprise
Heading out where danger lies
And you live in dread
If you're wearing a shirt that's red.
-- Doris Robin and Karen Trimble of The L.A. Filkharmonics
Mortgage Refinance http://www.refinance-mortgage-com.com

Posted by: Mortgage Refinance at November 15, 2004 03:39 PM

Gravity is a myth, the Earth sucks.
Mortgage Refinancing http://www.refinance-mortgage-com.com

Posted by: Mortgage Refinancing at November 13, 2004 03:27 AM

You are invited to check some information about cheap phentermine diet pills cheap phentermine diet pills http://www.cheap-phentermine-diet-pills-pharmacy-2003.info/ texas holdem free downloads texas holdem free downloads http://www.texas-holdem-free-downloads-4u.info/ phentermine fast phentermine fast http://www.phentermine-fast-leading-pharmacy.info/ rules of texas holdem rules of texas holdem http://www.rules-of-texas-holdem-win.info/ no hands holdem no hands holdem http://www.no-hands-holdem-win.info/ phentermine addiction phentermine addiction http://www.phentermine-addiction-leading-pharmacy.info/ texas holdem hand odds texas holdem hand odds http://www.texas-holdem-hand-odds-4u.info/ ms texas holdem ms texas holdem http://www.ms-texas-holdem-4u.info/ phentermine ship to florida phentermine ship to florida http://www.phentermine-ship-to-florida-top-deals.info/ free texas holdem poker free texas holdem poker http://www.free-texas-holdem-poker-games.info/ ... Thanks!!!

Posted by: texas holdem betting rules at November 12, 2004 04:48 PM

highest quality replica jewelry Rolex watch, wrist watch, Replica Watch purchase your affordable realistic Rolex replica watch today at http://www.pro-rolex-replica-watches.com

Posted by: Rolex Replica at November 9, 2004 11:44 AM

highest quality replica jewelry Rolex watch, wrist watch, Replica Watch purchase your affordable realistic Rolex replica watch today at http://www.pro-rolex-replica-watches.com

Posted by: Rolex Replica at November 9, 2004 09:51 AM

Nothing is faster than the speed of light ...

To prove this to yourself, try opening the refrigerator door before the
light comes on.

Posted by: Party Poker at November 5, 2004 09:25 AM

penis enlargement pills penis enlargement pills done right! at http://www.usa-penis-enlargement.com penis enlargement

Posted by: Penis Enlargement Pills at November 2, 2004 01:48 PM

You can also visit some information about phentermine | phentermine | http://www.princeofprussia.org/ | phentermine | phentermine | http://www.phentermine-online-sale.net/ | ... Thanks!!!

Posted by: phentermine at October 29, 2004 10:47 AM

You can also visit some information about phentermine | phentermine | http://www.princeofprussia.org/ | phentermine | phentermine | http://www.phentermine-online-sale.net/ | ... Thanks!!!

Posted by: phentermine at October 29, 2004 10:47 AM

You can also visit some information about phentermine | phentermine | http://www.princeofprussia.org/ | phentermine | phentermine | http://www.phentermine-online-sale.net/ | ... Thanks!!!

Posted by: phentermine at October 29, 2004 10:46 AM

You can also visit some information about phentermine | phentermine | http://www.princeofprussia.org/ | phentermine | phentermine | http://www.phentermine-online-sale.net/ | ... Thanks!!!

Posted by: phentermine at October 29, 2004 10:45 AM

Please check out some helpful info dedicated to phentermine | phentermine | http://www.princeofprussia.org/ | phentermine | phentermine | http://www.phentermine-online-sale.net/ | ...

Posted by: phentermine at October 26, 2004 07:18 AM

Please check out some helpful info dedicated to phentermine | phentermine | http://www.princeofprussia.org/ | phentermine | phentermine | http://www.phentermine-online-sale.net/ | ...

Posted by: phentermine at October 26, 2004 07:17 AM

Please check out some helpful info dedicated to phentermine | phentermine | http://www.princeofprussia.org/ | phentermine | phentermine | http://www.phentermine-online-sale.net/ | ...

Posted by: phentermine at October 26, 2004 07:16 AM

Please check out some helpful info dedicated to phentermine | phentermine | http://www.princeofprussia.org/ | phentermine | phentermine | http://www.phentermine-online-sale.net/ | ...

Posted by: phentermine at October 26, 2004 07:16 AM

Metaphysics is the finding of bad reasons for what we believe upon instinct, but to find these reasons is no less an instinct.

Posted by: penis enlargement products at October 21, 2004 12:42 PM

If a little knowledge is dangerous, where is a man who has so much as to be out of danger?

Posted by: penis enlargement at October 21, 2004 12:42 PM

In the consciousness of the truth he has perceived, man now sees everywhere only the awfulness or the absurdity of existence... and loathing seizes him.

Posted by: online casino at October 21, 2004 12:41 PM

There can be no other truth to take off from than this: I think, therefore, I exist. There we have the absolute truth of consciousness becoming aware of itself.

Posted by: online poker at October 21, 2004 05:36 AM

You are invited to check some information in the field of everyone | everyone | http://www.casino2004.net/ | place | place | http://www.playandwin777.com/ | this site | this site | http://www.kyfarmhouse.org/ | home | home | http://www.longslabofjoy.com/ | go there | go there | http://www.viagra-use.com/ | place | place | http://www.online-poker-winner.net/ | here | here | http://www.phentermine-experts.com/ | go to | go to | http://www.onlinecasino777.net/ | here | here | http://www.phentermine-online-sale.net/ | whereever | whereever | http://www.poker121.net/ | each site | each site | http://www.casino-121.net/ | room | room | http://www.viagra24x7.net/ | each site | each site | http://www.phrensy.org/ | goto | goto | http://www.viagra-experts.com/ | everyone | everyone | http://www.lakesideartonline.com/ | ... Thanks!!!

Posted by: place at October 15, 2004 03:55 PM

You are invited to check some information in the field of everyone | everyone | http://www.casino2004.net/ | place | place | http://www.playandwin777.com/ | this site | this site | http://www.kyfarmhouse.org/ | home | home | http://www.longslabofjoy.com/ | go there | go there | http://www.viagra-use.com/ | place | place | http://www.online-poker-winner.net/ | here | here | http://www.phentermine-experts.com/ | go to | go to | http://www.onlinecasino777.net/ | here | here | http://www.phentermine-online-sale.net/ | whereever | whereever | http://www.poker121.net/ | each site | each site | http://www.casino-121.net/ | room | room | http://www.viagra24x7.net/ | each site | each site | http://www.phrensy.org/ | goto | goto | http://www.viagra-experts.com/ | everyone | everyone | http://www.lakesideartonline.com/ | ... Thanks!!!

Posted by: place at October 15, 2004 03:55 PM

Hmmmmm interesting

zapraszamy po czadowe gry java na gry java,
po dzwonki polifoniczne do dzwonki
polifoniczne oraz po komputery laptopy notebooki
laptopy.
You can find the best nokia ringtones and logo at
nokia ringtone, get the best melodies for your
nokia mobile phone and get cool nokia logo at nokia logo and backgrounds now
 


!!!

Posted by: dzwonki polifoniczne at June 15, 2004 10:09 PM

>>IEでは見えないようにするのもお忘れなく

そんなコード書けないってば!Makoさんのいぢわるっ(w

ちゃんと@sushiにWinの見え方見てもらいながら進めますってば。

Posted by: go-you at January 8, 2003 09:03 PM

こんどのデザインはSafariできれいにみえるよにすると
いいね
英語でモニターおくってやったら
APPLEよろこぶね

IEでは見えないようにするのもお忘れなく
www

Posted by: mpm at January 8, 2003 05:29 PM

Safari だいぶいいです。エントリー立てるときも編集のときも全然化けません。すばらしい。

ただ、CSSで作ったボックスから文字や画像がはみ出るのは同じ状況。でじまのCSSがいけないのか、実装の問題かどっちでしょうね。

Posted by: go-you at January 8, 2003 04:23 PM

いろいろどうもありがとう。
ウィンドウズ組むをめざします。

Posted by: taro at January 7, 2003 03:03 PM

したのTAROのよーわからんが
基本的 文字化けはなおしておかないと
貴重な資産がだいなしじゃ

あと
XML てゆうのを理解して コピペと結うより
再構築って概念でもういちど おちついてやってみたら
わからん

Posted by: mpm at January 7, 2003 12:16 PM

ここんとこのでじまの書き込み見てると、
もうほとんどこのくらいに分類できるんじゃないかと。

NET InternetやBlogについて。
MUSIC 音楽関連 みんなで作った曲とか
ART 映像関連 にしこちゃんのイラストとか。
TECHNOLOGY 太陽発電、ナノテク、バイオとか
SOCIETY 政治経済法律関係の話題。北朝鮮とか。
PHILOSOPHY 思想系
LOUNGE みんなの雑談や近況報告。


あとは、組み合わせでバリエーションを出す。
そのへんはブリコラージュ感覚で器用に。

ねえ、おかしいFLASH見つけたよ!って場合はNET+ART+LOUNGEとか、
ネット技術がもたらす社会の変容について真剣に考えようって場合は
NET+TECHNOLOGY+SOCIETY+PHILOSOPHY ってENTRYするとか、
ショウちゃんのライブの打ち合わせとかだったら
MUSIC+LOUNGE ってENTRYするとかね。

そんな感じにしておくと、カテゴリー検索がよく機能するよね。
みんなに簡単にカテゴリーを使いこなせるには、
チェックボタンで選択できたりするといいんだけど。
そうしたら、それぞれのカテゴリーごとに違うレイアウトで出せばかっこいいと思うよ。

Posted by: go-you at January 7, 2003 06:08 AM


HELP !!  そもさん!!
マックにおける問題なのか?
システムなのか?試練なのか?クイズなのか?
ごーゆーかマコさんならわかるかな〜?
実は護美箱(コメントとして)にポストした物をそのまま丸々コピーして(曲とテキスト)  
エントリーであげようとしたら、昼間1回だけあげられて、それ以降だめです。
その時も、あがるには普通にあがって、曲は聴けたけどるんだけど、タイトルもコメントも
クリックすると Not Found表示!!  brogで始めてみました。
具体的には、マックなのでエントリーでは文字化けするから
テキスト出しして、コピペしてから張り付けてるんだけど、
まずプレビューすると  行間無し 
全ての文字リンクがつながってしまいテキストがまったく整列しない。
ためしにあげると一日やってもだめ、たまにエラー表示、ひどい時は
ログイン画面にいきなり戻ってたり。コピペしないでやってみても、
全ての手がたたれました。
ゆかり宅のマックでも、うちのマックでも同じ結果になりました。
以上のすべてが、コメントの方ではいっさい問題なくあげられます。
だれかおしえて〜ということで、本日はなにもはかどりませんでした。

Posted by: taro at January 7, 2003 01:03 AM

fuchiにやらせると、
更に訳分からんカテゴリーが増えるんじゃない?ww

整理したい欲求をもつgo-youが期待の星かな。

がんばれ、fuchi!!

しかし、わけわからんカテゴリーもおもろいけど。

Posted by: a77a at January 7, 2003 12:14 AM

GO-YOUいろいろやってくれてんのね。ありがとー。

アクティブなエントリーに、専用の archive template を用意
これはやりたいね。結局Designと時間があればできるんだけど。

カテゴリーに関してはある程度整理したほうがいいかなぁ?? 数は別としてもうすこしわかりやすくしたほうが親切だよね。やるなら早めにやらないと。既存のエントリのカテゴリ編集するのがメチャ面倒だよ。FuchiくんCategory・Folder概念すきだよね。リードしてーー

Posted by: @sushi at January 6, 2003 10:23 PM

そうだよね
POPもやってくれっていってるんだけど
めんどーでTOPでおわってるよ
下の階層ほどたのしくしたいね

Posted by: mpm at January 5, 2003 10:48 PM

今考えているんは、アクティブなエントリーに、
専用の archive template を用意すること。
雑誌のデザインでもいくつかのレイアウトを
使い分けているしね。

Posted by: go-you at January 5, 2003 10:03 PM

デザインしてて思ったんだけど、
カテゴリーがすごく多いよね。
かなり近い話題のもあるし。
これを整理したい欲求にかられるのは僕だけ?

Posted by: go-you at January 2, 2003 12:59 AM

二段組じゃないんだけど、いちおうできたかな。

左にゲストログインと外へのリンク、右に内部コンテンツというふうに整理してみた。


ライト版メインページ

ロゴとか配色とかは、最終的にはでじまのCI統一とかの話になっていくとおもうので、仮です。
あの墨書で「でじま?」とかなってる名刺、あれのスキャン画像はないの?
配色は前とあんまり印象かえないようにあまり変更してません。とりあえず。

で、Windowsで見ると表示が変とか、真ん中の段が狭すぎとかいろいろあるかもしれないので意見待ちます。

カテゴリー選択をプルダウンにするソースどっかにないかしら?

Posted by: go-you at January 2, 2003 12:22 AM

もうちょっと項目を整理して二段組みにしようと思います。
効率がいい配置を考えてみるのでもうちょっとおまちを。
やっぱりカテゴリーはJSでプルダウンにしないと無理かな。

Posted by: go-you at January 1, 2003 07:04 PM

というわけで、HTMLだけでライトバージョンのトップページを作ってます。


とりあえず、Mac版のWebブラウザでは対応しきれていないCSSタグがどれなのか全部把握しきれていないので、HTMLだけにします。

テーブルで三段組にして表示数を少なめにしました。
Mac OS 9 で見てもあんまりはみ出ないと思います。
横幅は800にしています。ちょっと見てみて下さい。デザインは細かいところがつめ終わってないけど。

Posted by: go-you at January 1, 2003 06:57 PM

下のリンク切れてるのでURIを書き込みます。

Mac で Dejimahを見るとどうなるか。
http://homepage.mac.com/satoh_goyou/dejimah/

XHTML+CSSなしで実験中のテンプレート
(多重テーブルが削除されてしまっているので未完成)
http://www.dejimah.com/blog/index2.html

Posted by: go-you at December 27, 2002 03:30 PM

Mac OS X のアーキテクチャーと画面表示レイヤーの話に脱線すると…
 Mac OS X は、Mach3.0 をベースにした Darwin っていうカーネルレイヤーがあって、そのすぐ上に乗ってる
Quartz っていうイメージレンダリングのレイヤーが、画面表示関係をやってます。
 これは、NeXT時代の Display Post Script を継承したもので、ウインドウやメニューの表示とかが全部PDFに準拠しているんです。Font も全部 OpenType だし。(ヒラギノが6書体も標準でバンドルされてる)
 だから、プリントのプレビューも直でPDFだし、OS内蔵機能で画面をキャプチャーするとPDFなんです。平たくいえば、画面を全部 Adobe Acrobat で表示しているようなものです。それにQuartzExtremeという機能が、OpenGLにわたしてATIとかの3Dグラフィックチップのリソース使ってレンダリングするから、いま出てるマシンだとめちゃ早いですよ。Windows よりも画面表示が正確といっていいと思う。DB開発してて帳票印刷とかの調整、Winより数倍楽です。
 CSSの解釈は各ブラウザー内蔵のレンダリングエンジンがやってるから、まだうまくできてないんでしょう。Appleが今、Webブラウザー作ってるらしいから、次のQuartzにXHTML/CSSレンダリング機能も統合させてくるんだと思います。
 ところで、Apple のサイトは800*600で見てもすごく見やすいんだよ。上のほうの見出し部分がしっかりおさまるの。こういう気遣いが無駄だとは決して思えなくって。
 
Links
Darwin
Quartz
QuartzExtreme
(なんか本文にリンク埋め込みできないんだけど…コピペで飛んでちょ)
リンク直しといた。Configのallow html commentsのcheckが外れてた。(@sushi)

Posted by: go-you at December 27, 2002 03:17 PM

とてもよくまとめてくれて感謝 >Snotch

おれも、さっきまでけっこう長いコメント書き込んでいたんだけど、途中でページ上にあるリンク押してブラウズしてたら書き込み中のコメントが消えちゃったよ。おいおい。
ブラウザのバックボタンで戻れば復活する時もあるけど、今回はなぜかだめだった。
リンクは、こっち→ 『<A HREF="URL" target_”blank”>TEXT</A>』みたくして、別ウインドウで開くようにした方がいいよね。基本的には。(修正済)(リンクがポンポン新規ウィンドウで飛ぶサイトはウザイという意見もあるようだけど、コメントが消えるよりましか。)

あと、デザインは正月休み中に変更するつもりだったけど、おれがやらなくてもいいから、GO-YOUがいい感じにまとめてくれたら、それ採用ということでいいよ。800基準というのも特に問題はない。そういうかたちでつくってくれたら。ノートでみたらぐちゃぐちゃっていうのはやっぱりまずいと思うし。その辺はべつに現状のデザインにこだわっているわけじゃなくて、最初にスタイルシートいじくってた時にこれで落ち着いて、その後デザインの方はおろそかになっているということだけなので、他のブラウザでの動作確認もろくにしていない状況だった。

今回こういうかたちでその辺の問題がもう一度浮上したのはDejimahのデザインを変更する前に必要なことであったと思うから、助かる。ありがと。
ということで、デザインの変更、他ブラウザへの対応その他もろもろよろしくな。ww
手伝うから、おれも。(テスト用Blogにおれも追加して)

Posted by: @sushi at December 27, 2002 09:27 AM

皆様こんばんわ

> Macのほうが画面表示は正確にできるOSなんだけど

Macのほうがというのは、Windowsに比してという意味に受け取って構わないですよね?Macについてはあまり詳しくないのですが、「画面表示が正確」ということは、例えば具体的にどういったことなのでしょう?そしてそれは、OSならではの恩恵なのでしょうか?自分もMacOS好きだし、たまにOS X使っているのですが、いまいちその辺りの実感がわかないもので。「画面表示が正確」というのは、アーキテクチャでいうとどのレイヤーでの出来事を指しているのでしょうか?

ブラウザ、文字コード、OS、その他いろんな規格は、便利だとかみんなが喜ぶといった基準だけでなくて、国家戦略、政治的な理由などによって左右されることがままあるわけだけれど、TRONの坂村健が叫ぶようにそういう自国の文化だとか利益に絡んでくる根っこのところを、国なりそれに準ずる公の機関が日本としての将来の方針を示してくれないと、規格に絡む技術の話はなかなか議論が進まないという状況だと思います。
ただ、今言えることは、ネット環境におけるクライアントの不確実性という問題はこれから先も常につきまとうだろうし、17inchとPDAで同じコンテンツを閲覧するのは実際難しい。だからやっぱり、内容と表示に関する部分は別に管理する必要がある。MTだって、DB覗けばカラムに素のデータが格納されているだけだから、ビルドの部分さえ作ってやればCSS依存でないシステム構築が可能だと思います。

で、MTなどのBlogツールの登場によって、タグ付けをバックグラウンドでソフトウェアが行ってくれることで、人間がタグ付けの操作にほとんど悩ませられなくなり、ソフト同士のメタデータ付きデータの交換が可能になったわけです。
既にどれも並行して動きがあるのでしょうが、
1.個人ベースでもとことん「高品質」なコンテンツ生成が可能なパブリッシュツールとしての発展の可能性
2.ソフト同士の自由なデータ交換をベースにした、コミュニティ形成支援ツールとしての発展の可能性
3.タグ付けロジックや入力インターフェイスの工夫による、地球規模のセマンティックなアーカイブ作成ツールとしての発展の可能性
などが挙げられるでしょうか。まだまだあると思いますが。
でもまずは、JBAを通じてより多くの人にBloggingしてもらいたいですね。

Posted by: sunouchi at December 27, 2002 04:05 AM

いや、お二人ともコメントありがとうございます。

まずは、Macでdejimahをみるとどうなるかっていうのをみてもらっていいですか?

Mac版のブラウザーでのCSSの実装がまともに完成してるのが一つもない、それだけブラウザーの開発資源さいてもらってない、っていうのがあ事実としてあるんです。

Macのほうが画面表示は正確にできるOSなんだけど、CSSなんてのはHTMLにとってつけたようなニッチ的な技術だから、XML環境が成熟して、PostScript/PDF的なページ記述言語と合流していくまで、なかなか正確な表示はできないのかな〜、と半ばあきらめてます。

MTってCSS依存なのかな?といろいろいじって調べてるんだけど、まだCSSなしでは成功してない。テーブルを二重以上にすると削除されちゃうから。参照:実験中のindexテンプレート

で、Webってのは、横幅800くらいの制約のなかで面白いものつくればいいんじゃないかとおもってるんですけどね。e-mailの延長くらいの気分で。モバイル環境で見たい人だっているだろうし、古いマシンで見てる人だっているし。

Posted by: go-you at December 27, 2002 02:02 AM

こんばんは
snotch@meshです

HTML発展の過渡期に、Netscapeが独自タグを追加したりだとか、IEとNNが過当な開発競争を行った結果、表現が広がったということもあるけれど、何でもかんでもタグに詰め込みすぎて、仕様がすごく複雑になってしまったってことは確かだと思う。

IEもNNもバージョン6あたりからスタイルシートが使える(実用になるという意味で)ようになってきて、ロジックとアピアランスを分離して処理できるようになったという背景があって、MTのようなシステムが出現したということもいえるかな。
システム的に見ても、コンテンツ、ロジック、アピアランスが完全に分離されいて、そこがMTの美しいところのひとつだと思ってます。

「どんなブラウザー環境でも、きれいに、かっこよく、使いやすい・・・」という点でいうと、MTの方向性でいけば1,2年でほぼ問題の無いレベルに達すると思ってます。

こういう話題だと、神崎さんのページThe Web KANZAKIは本当に参考になります。神崎さんの著作「ユニバーサルHTML/XHTML」も参考になります。

そもそも、HTMLってコンテンツの構造をあらわすためのものだけど、ソフトとソフトがうまくやりとりするためのものという側面がこれまであまり活かされてこなかったと思います。でも、MTのTrackbackなんていう機能は、きちんとタグ付けされた文書があって始めて可能になった機能ですよね。

つづく..

Posted by: snotch at December 27, 2002 12:30 AM

おばんどす
じつはこの問題は WEBDESIGNのお仕事では
あたりまえで クライアントはすごく気にしてるわけ
だからMACの動作確認とかどのOSで見えないとか
いやてほどやってきた ノウハウはMINAKOさんが 書き出せば2スレッドぐらいあるよ
でも時代は前に進んでいるんで いつまでも800*600にこだわってたら HDTV目の前なのに
どうするの てのが 業界的認識
勿論 ハンディーキャップ 第三世界(この言葉はよくないかな)のひとのこともかんがえなきゃいけない
でもいまのDEJIMAHにはもっとやるべきことがあるような気もする 

 でもまじでこの論争をJBAに提案するなら
早くしないと いろんな人が いろいろさわっているから ユニバーサルデザインからはみ出てしまうかも

MSは戦略的にHDTVをWMV9テクノロジーで
PCからのハイビジョン放送を実行している昨今
旧態然とした 発想ではビジネスに乗り遅れるとゆう
ひとたちもいる ということPOPのスタンスはHDTV OKのスタンスだからあんなBLOGやっているわけなんです
でもPOPのスタンスがJBAじゃないから
早く提案することをおすすめします みんなとくにMESHなんか 詳しいと思うから 意見交換おもしろいとおもいます BLOGそのものも 特殊な形態であるわけだし
そのまえにDEJIMAHで議論してここをそのデザインにしたら わかりやすいよね とゆうスレッドでしたね
長文ごめん

Posted by: mpm at December 26, 2002 09:03 PM

Webのアクセシビリティーに関するリンク集。
かなり本気で取り組んでいる人たちも多いんだよね。
あんまり神経質になり過ぎるのもあれだけど、要点は押さえたいとおもう。

ZCPC
ウェブデザイン資料集では、前にあげたW3Cのウェブコンテンツ・アクセシビリティ・ガイドラインの邦訳や、それを実現するための技術書などが読める。

U-site
ユーザビリティー全般に関するサイト。Jakob Nielsen氏、黒須正明氏によるユーザビリティーに関するエッセイが読める。

情報のユニバーサルデザイン
視覚障害者のための配色や音声ブラウザーのことまで考えてる。

KeyYu HelpLab
石田裕子さんによるサイト。実用的なWebサイトのデザインとか。

Webページでのユーザビリティー・アクセシビリティー
個人ユーザーだけに、リンク集などが充実。

Posted by: go-you at December 26, 2002 04:44 PM

最も基本的なソースは、
World Wide Web Consortium
HTML/XTMLの仕様の規格を制定している組織

 WWWは、一回ページを記述すればどんなマシーンやOSの環境でも読めることを目指してる。それを維持していくためのWeb開発者たちの自治組織 World Wide Web Consortium (W3C) ていうのがあって、Webまわりの公式規格を制定してる。今はHTMLは4.0.1で開発が終了して、XMLをベースにしたXHTMLに移行しつつある。1.1が最新版。
各ブラウザーの開発者は仕様の拡張をする/した場合、ほかのブラウザーとの互換性がなくならないようにW3Cで調整していくわけです。

 ただし、最新の規格が全ての環境で実装されているかというとそうでもないので、気をつけながら作ってかないといけないんだけど。技術な問題で開発が遅れている場合もあれば、政治的な理由で故意に実装しない場合もある。一企業で独占する方向に持っていこうとする力に対しては戦っていきたいと思ってるよ。

Posted by: go-you at December 26, 2002 01:53 PM

例えばさ、ブラウザのプラグインとか(よくわからんけど)で、他のブラウザの拡張タグに遭遇した時は翻訳して処理することって(例えば<BG SOUND>タグを<EMBED>に書き換えて処理するとか、その逆とか)できないの?

互換性がない機能はいろいろあるだろうけど、それぞれのブラウザ用に拡張されたタグとか、やっぱ方言みたいなものは規制するよりとりあえずオッケーみたいな方向で容認しておいて、その上で翻訳っつーか相互に解釈しあえるようにした方が有効なんじゃないかなぁ なんて思ったりするんだけどね。
プログラミングの知識は全然ないんでかなりいいかげんな意見かもしれないけど。

とりあえず、このネタ関連のリンク貼っておいて。
2chとか海外とか同じようなこと話してる人たち。

Posted by: @sushi at December 26, 2002 09:22 AM