5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

/*CSSでイケてるデザインサイト { number:2 }*/

1 : ◆kDDK6ugk :01/08/27 15:34 ID:6kfMn/mA
スタイルシートを使ってて(必須)、
レイアウト目的のTABLEを使ってなくて(なるべく)、
それでいてかっこいいデザインのサイトを探すスレ。

前スレ
http://natto.2ch.net/test/read.cgi?bbs=hp&key=985978270

まとめたぞ氏のリンク集
http://203.174.72.112/monar01/

停滞中の「作れ」スレ
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104

質問は質問スレへ
http://natto.2ch.net/test/read.cgi?bbs=hp&key=996828258

277 :ねぎま:01/10/16 20:27 ID:BLrHwIte
出た(謎)

http://www.b-architects.com/

278 :ねぎま:01/10/16 20:36 ID:BLrHwIte
>>276
んー、僕の感覚としては、body・htmlのスクロールバーは
いじらない方がいいかもしれないけど、
インラインフレームっぽい挙動を期待する部分の
スクロールバーは色つけてもいいんじゃないかと思ってます。
もちろん、それだとわかる色づかいである必要はありますが。

ウィンドウのレイアウトすらも含めてページのことを考える
ことは、今後必要になるとは思いますけどね。なんかIEの枠
いじるアプリとかあった気がするし。

279 :Name_Not_Found:01/10/16 20:42 ID:oYZh5dGS
>>277

<link rel="chapter"
<link rel="section"
<link rel="subsection"

ってこういう使い方をするんだぁと、Mozilla0.9.5で見ながら目から鱗を落としてました。
初めて見たYO。

あ、これが正しい使い方なのかどうかは知らないんですが、いいんですよね?

280 :ゴミスタ:01/10/16 20:42 ID:pDUn7SbP
>>278
あぁ、擬似フレームならオッケーです。あくまで俺的に、ですが。
つか、276でも言いましたが、ウィンドウの中ならオッケー。

281 :ねぎま:01/10/16 20:55 ID:BLrHwIte
>>280
どこで言っていたかな、と276を読み直してみたら
「スタイルシートで弄るのはウィンドウの中
だけにしてくれとか思ったりもします」っていう文の
解釈の違いだということが判明しました。

282 :Name_Not_Found:01/10/17 15:52 ID:Nw7jmpJ3
http://dfj.cool.ne.jp/ はどうですか?
Windows(IE)だと強制終了しましたが・・・(Win98+IE5.01SP2)。

283 :Name_Not_Found:01/10/17 15:56 ID:gfwgIwuZ
>>279
俺も昔そういう使い方してた。
まともに取り扱ってくれるブラウザが一つも無くって泣いたけど。
nextとかprevとかToCとかぐらいしか使われてなかったし。
(要するにW3Cの仕様書レベル)
今のMozillaの夜間ビルドはマシになってる。
それでも複数組み合わさるとだめだけどな。

284 :Name_Not_Found:01/10/17 16:04 ID:u9+oA0kF
>>282
WinIE5.5SP2なら問題ありませんでしたが。

285 :Name_Not_Found:01/10/17 16:33 ID:nLvqMpz4
>>282
[orange]
1024 x 768 でブラウザを最大化しても横スクロールバー出るのがイヤン
[simple]
No-Style とあんまり変わらないね。NN4用なの?
[Windows(IE)]
ホントにIEが強制終了した。ブラクラ
[blackout]
スクロールさせると左のメニューが消える。何回かリロードすると復活したり、ワケワカラン
[light_blue]
まともに見れない。スクロールでメニュー関係がサクッと消えます。リロードしてもダメっぽい。

シートを見たわけじゃないので、なにが悪いのか分からんけど。
書き方が正しいならIEのバグなんだろうなぁ、やっぱり。
WindowsのIE5.01SP2

286 :ちょこら:01/10/18 11:40 ID:kcdcCXXd
>>277
なんか今、前の Flash に戻ってない?
レスが遅れちゃったんだけど、ちゃんと見たときの感想。

メチャメチャ良いね。好き。
トータルに優れてると思う。

css だからといって用意されてるプロパティをごちゃごちゃいじるんではなく、
適度に画像を使っているのが僕の方向性となじむので好き。

見た目のデザインとしても、今まででた中で一番イケてるんじゃないか?と思う。

あくまで僕の個人的な感想です。

あと、ソースがすごくきれいだった。

287 :Name_Not_Found:01/10/18 18:34 ID:yDX3nd/V
>>286
戻ってない気がする
正直、これにはガッカリ

288 :ちょこら:01/10/18 19:08 ID:/blCEgKd
ふーむ。人の評価っていろいろだねえ。

289 :Name_Not_Found:01/10/18 19:10 ID:oEuwao3x
>>286

content negotiation ってやつじゃない?
もじらだとFlashになるみたい。
ちがうかな?

290 :Name_Not_Found:01/10/20 18:51 ID:TAYN86RJ
scrollbar-face-color :#ffffff;
scrollbar-highlight-color :#dddddd;

これってIEの拡張プロパティじゃん

291 :Name_Not_Found:01/10/20 21:21 ID:GpiafFrd
>>290
そうだけど、それは誰の何に対して言ってるの?

292 :Name_Not_Found:01/10/21 20:44 ID:aKz/I1VF
使うなって言っているんじゃないの?

293 :まとめたぞ:01/10/21 21:46 ID:012gximy
http://members.tripod.co.jp/monar01/

>>291
たぶんここのことだと思われ。私感だけど、サポートしないUAであれば、無視する
から、いいんじゃないかなぁと。IE でみたときのオマケみたいな。どうでしょう?

294 :291:01/10/22 00:27 ID:m6dLLOoG
〉〉293
うん、その考えには同意。
他のUAで不具合がなければいいと思う。

295 :yuu ◆xo3ilszg :01/10/22 01:39 ID:c69ZBGFh
>>289
Accept-Languageフィールドにjaが無くてenが存在すると、Flashのになりますが、
あのFlashはカミングスーンという意味なので、ようは英語版がまだ無いということです。

296 :Name_Not_Found:01/10/22 01:58 ID:f8iJzNO9
>>295
もじらでcoolな方(どれ?)を見るときはどすればいいの?

297 :Name_Not_Found:01/10/22 04:23 ID:EHDJGoBY
>>296
言語でJapを優先するようにすればいいの。

298 :Name_Not_Found:01/10/22 21:45 ID:kcV7tagD
「CSS でイケてるデザインサイト」
http://members.tripod.co.jp/monar01/
に載ってる
「ミケネコ HTML-lint 」
http://www.mikeneko.ne.jp/~lab/htmllint/mikelint.htm
ってやつ
僕のしょぼしょぼサイトが48点で普通なのに
webデザイナーのサイトが-280点とか-400点とかなのは
なぜでしょう。

299 :Name_Not_Found:01/10/22 21:52 ID:K4ZRhqde
>298
自称デザイナーはテーブルレイアウトをしているから。
サマリーが無いとかdoctyoeが無いとかが原因だと思われ

300 :Name_Not_Found:01/10/22 21:56 ID:kPJAmCy5
なんでsage進行?

301 :298:01/10/22 22:24 ID:kcV7tagD
>>299
「自称」デザイナーですか!
笑っちゃいましたよー!

302 :Name_Not_Found:01/10/23 00:47 ID:i4w6ahII
個人的にはテーブルレイアウトよりも br を並べた「改行レイアウト」が嫌。
これでデザイナっていうからびっくりだよね(プヒー

303 :yuu ◆xo3ilszg :01/10/23 02:52 ID:ZyeUq9aV
>>302
それはレイアウトというよりは、単なるマージン確保のつもりなのでは。

全角空白並べてインデントとかどうですか?

304 :302:01/10/23 03:06 ID:i4w6ahII
>>303
丸ごと pre のなかに入れて AA のようにレイアウトするなら可。
男らしさというか潔さを感じる。

&nbsp を並べてるとこも結構あるよね。

305 :Name_Not_Found:01/10/23 15:16 ID:3vdi74yV
テーブルレイアウトだろうが何だろうが格好良く見えれば良しであります。

306 :Name_Not_Found:01/10/23 16:25 ID:NjnlJIEK
>>305
良くない。

307 :Name_Not_Found:01/10/23 16:26 ID:3vdi74yV
何処らへんが良くないのでありますか。

308 :Name_Not_Found:01/10/23 16:27 ID:3vdi74yV
この早レスに自分でもビビッてるであります。

309 :Name_Not_Found:01/10/23 16:35 ID:hZZ9zsLn
>>308
いまさらそんな質問をよりによってこのスレッドでするとは。
これ読んだ?
http://homepage1.nifty.com/bakera/html/opinion/table.html

310 :Name_Not_Found:01/10/23 20:06 ID:j89TMaVe
>>276
いえてるー

311 :Name_Not_Found:01/10/24 11:25 ID:l/X7nEQe
これ既出ですか?

ALT="Something Alternative"
 http://www17.u-page.so-net.ne.jp/qb4/chiharu-/

312 :Name_Not_Found:01/10/24 13:18 ID:HlHCfrTb
のざきたんところにはageられてるから、みんな知ってるかもしれないけど、
こっちではまだだったよね?
http://isweb28.infoseek.co.jp/diary/rika2001/

313 :まとめたぞ:01/10/24 20:11 ID:lRCl2Nth
>>312
ガイシュツだけど、djだったんで、リンク集からは、抹消したサイトです。
次回更新時は入れると思われ。

314 :Name_Not_Found:01/10/24 20:43 ID:e02K5JWQ
最強のユーザースタイルシートは

body{ display:none; }

だと思うがどうか?

315 :まとめたぞ:01/10/24 20:52 ID:lRCl2Nth
p{
visibility : hidden ;
}

なんか見れそで見れなくて、悔しそう。て、そんなスレじゃないって!

316 :Name_Not_Found:01/10/24 21:01 ID:/ze06r54
>>309
内容はとても合理的で分かりやすくてよかったけど、
結局このサイトみたいなレイアウトしか
出来ないってことでもあるのか。


HTMLの (SGMLの) 利点を守るために、
めったに使わないようなブラウザや環境のために
テーブルを使っレイアウトやデザインを
否定するって言うのはどうなんだろうね。

それにテーブルを使えるようになったことで
デザイン的な汎用性が高まったのだから、
通信機器のほうが進化に合わせるほうがいいんじゃないのかな。

テーブルが採用されたのだって通信機器の進化によって
HTMLの (SGMLの) 利点が守られる前提があってのことだと思うし。
いろんな方法があるほうがWEBはおもしろいと思うな。

I-modeレベルの単純なものもまだまだ必要だろうけど
未来永劫にそのレベルのものしか表示されない
インターネットなんてのはごめんだよ。
やっぱりテーブルも一つの手段としてありだと思うな。

317 :Name_Not_Found:01/10/24 21:32 ID:ZGLfsmz5
>結局このサイトみたいなレイアウトしか
>出来ないってことでもあるのか。

http://www.cc-net.or.jp/~piro/index.html
outsider reflexもテーブルレイアウトに負けますか?

318 :Name_Not_Found:01/10/24 21:39 ID:EE5lfA1i
未来永劫にTABLEみたいな泥臭いソース書かないと表示されない
インターネットなんてのはごめんだよ。

319 :Name_Not_Found:01/10/24 21:46 ID:/ze06r54
>>317
ここは負けてないね。
変更する時手間がかかりそうだね。

320 :Name_Not_Found:01/10/24 21:49 ID:MlpapNlC
もし、テーブル要素が表として、使われなくなって、
国際的に、表ではないことが認識されたとき、
テーブルをレイアウトとして、使おうと思います。

じゃないと、これから先、表の枠線が消されないブラウザが出てくる
おそれがあるので。

321 :Name_Not_Found:01/10/24 21:59 ID:Doefh4EP
>>320
表の枠線が消えてくれない環境ってのは、
これから先どころじゃなく既にあるみたいですよ。
http://www.ne.jp/asahi/minazuki/bakera/html/opinion/table

322 :Name_Not_Found:01/10/24 22:04 ID:/ze06r54
>>320
たしかに今のテーブルはおかしいよね。

テーブルを2重にして罫線つけないと
ネスケで表示されなかったりとか。

2重にすること自体もおかしいし。

改良の余地がある技術だよねTEBLEって。
せめてどんなブラウザで見ても設定した通りに
同じに表示してもらいたいと願ったりもする。

個人レベルではどんな表示になるかを楽しむってのもあるけど...

323 :Name_Not_Found:01/10/24 22:13 ID:4xlyLiW8
>>321
みたいというか、ユーザスタイルシートを使えば、簡単に実現できますが。
私もやってますし。ばけら氏の真似して。

324 :320:01/10/24 22:14 ID:MlpapNlC
>>321
情報、ありがとうございます。

>>322
「どんなブラウザで見ても設定したとおりに」それは、PDFのような、電子出版になるような気が。
HTMLの目指すところとは違うかも。

325 :Name_Not_Found:01/10/24 22:19 ID:4xlyLiW8
>>319
切り替えスクリプトも試してみてから言ってるか?

326 :Name_Not_Found:01/10/24 22:33 ID:EE5lfA1i
まあ「TABLEで困る弱者環境」を持ち出すより「TABLEみたいな古くさい方式じゃできないスゴイこと」
を前面に押し出さないとze06r54氏みたいな無知と偏見はなくならないと思われ。

327 :Name_Not_Found:01/10/24 22:41 ID:V4kSlB6v
いいこと言うね。
今のCSSサイトって何も知らない人が見てすげぇ!と思えるの無いしね。

328 :Name_Not_Found:01/10/24 22:51 ID:uspKV+MH
>>327
ならばまず君が作ってくれたまえ。
健闘を祈る。

329 :Name_Not_Found:01/10/24 22:53 ID:V4kSlB6v
凄くないってのは俺のサイトも含めてなんだけど・・・煽りに見えた?ごめんね。

330 :Name_Not_Found:01/10/24 23:03 ID:8RR1J6dO
ここって別にテーブル反対派の集まりじゃないよな?

331 :ちょこら:01/10/24 23:14 ID:I/Zcclfn
>>326-327みたいな意見がこのスレが立ったそもそもの理由なんだよね。
で、>>328みたいな話から「作れ」スレができたと。

両スレとも前向きに行きましょうや。探したり作ったり。

ここは多分まだ出てないと思ったんだけど。
http://www.sixnine.net/index.html

内容がすごくしっかりしてるのに加え、シートがセンス良くて見やすい。
適度にデザインされてて内容を邪魔してなくて、こういうバランスがとても良いと思う。

332 :Name_Not_Found:01/10/25 00:39 ID:wY6LEOfa
>>331
サイトの方針と背景の竜とのギャップがよく分からない。
カコイイからどうでもいいけど。

333 :Name_Not_Found:01/10/25 01:26 ID:wa/t36Jw
>>332
サイトの作者の名前が「竜(りう)」だからじゃない?<背景の竜

334 :ねぎま:01/10/25 07:55 ID:zo0Mh9hC
>>326-327 や ze06r54氏の一連の発言をみてなんだか残念な
気分になりました。未だ力不足か…。

「TABLEみたいな古くさい方式じゃできないスゴイこと」を提示
したからどうなるって話じゃないと思う。oveflowとかpositionとか
背景固定とか?

思うにCSSによるレイアウト、というよりも
validなHTML+CSSレイアウトが現行のレガシーな方法に
レイアウトの面で劣っていると言われるのは
「意味の無い(説明できない)画像や要素を配置できないから」
だと思う。

「レイアウトのためなら何でもあり」と
「内容が基準で、見た目は味付け」だったら土俵がぜんぜん違う。
例えばテーブルレイアウトでもレイアウト用インライン画像と
表示効果のための入れ子や空セルを禁じ手にしたら
どっこいなのでは。

逆に、例えば世間的には www.rebrain.co.jp みたいなのが
「カッコイイ」ってことになってるようだけど、まあ沢山の
divとposition組み合わせれば(このレイアウトを
思いつくかどうかは別として)同じことできると思う。

つまり、手段より思想の問題ということで。
CSSレイアウトvsTABLEみたいな図式は適当でないと考えるですよ。

で、自分はいかに「びっくりさせられずとも、感じのイイレイアウト」を
施せるかを考えつつこのスレに参加してます。凡人には考えつかない
ようなセンスを持ち合わせた人がCSSに触れれば、背景画像とリストの
イメージ+CSSだけで「びっくりする」のも作れるのかもしれないんだけどね。
長くてすまんです。

しかし、作れスレ作品とまとめたぞリンクとkotobaseek全部見ても
まだ「凄くない」となると、どう立ち向かえばいいものやら。

335 :Name_Not_Found:01/10/25 08:10 ID:YITvSlcC
気を落とすなねぎまタン。
少なくとも俺は応援してるし。ここでは名無しだけど。

336 :Name_Not_Found:01/10/25 11:43 ID:gDArWagv
>>334
いや、だからさ、俺らから見て凄いのはいっぱい出てきてるよ。
でも、一般のユーザが見たときにそう思うかっていう話。たぶん思わないでしょ。
普通にtableレイアウトと比較しちゃうはず。

お互い頑張りましょう。

337 :Name_Not_Found:01/10/25 15:55 ID:WdhL2GTE
flashしかりJavaScriptしかり

338 :Name_Not_Found:01/10/25 23:52 ID:LOSzGunD
さとみかんでがいしゅつですが。
http://cgi.mrdn.net/maple/

このスレの住民と思われ。

339 :680:01/10/26 01:26 ID:LSLaY0ms
>>338
それ、スクロールバーが見えないやん――と思ったら、ブラウザのウィンドウを全画面表示にしたら出てきた。
私はいつもウィンドウサイズを640×480にしてるもんでね。
overflow絡みの何かなのかな。改良希望。

340 :Name_Not_Found:01/10/26 01:41 ID:uv+sMCiS
>>338
この手の疑似フレームは、ちょっと古いブラウザで見ると
スクロールマウスのコロコロが効かなくてイヤだな。

そんなわけで、俺もそろそろ IE のヴァージョンageるわ。
5.5 か 6.0 かで悩むところ。うーん。

341 :339:01/10/26 01:44 ID:LSLaY0ms
あ、ちなみにブラウザはIE5.5ですワ。NN6ならウィンドウ小さくても問題無くスクロールバーが出るね。

342 :Name_Not_Found:01/10/26 03:05 ID:MTo7Mtou
>>340
6.0はバージョンが上がるのを待った方が無難。

343 :ねぎま:01/10/26 06:05 ID:c/stAtp3
>>335
いや、気を落とすというより「どうしたもんかな」っていう。
関係ないけど言い回しがマザーっぽいとか思った。

>>336
その意味を汲んでの「凄くない」だったつもりで。

一般ユーザが凄いと言うのって「センス良く『動く』」
っていうコンテンツなんじゃないかなーと思った。
で、最近はページの一部がflashっていう組み方が多い。

flash以外とすれば、SMIL(HTML+TIME)、SVG、
Javascriptあたりなのかなあ、やっぱり。
個人的にはHTML内にコンテンツ以外の物(スクリプトや
スイッチ等)書くの好きじゃないから、
SMILが外部読み込みで使えたりすると良いんだけど。

>>338
擬似フレームもかなり気合入ってるけど、それより
a:link,a:visitedで読み込まれる、ループしないGIFアニメが
イイ。yuu氏のサイトとかもそうだけど、こういう感じで
背景画像使うと、あるいはflashみたいなのが作れるかも。
http://www1.cds.ne.jp/~airoz/
みたいなノリで(ここはCSSサイトじゃないです)。

344 :Name_Not_Found:01/10/26 10:54 ID:LY/UGVXj
>>339
そこは直したみたいだけど、
ここ↓はやっぱりウィンドウを大きくしないとスクロールバーが出てこないね。
http://cgi.mrdn.net/maple/past/200110.htm

345 :338のサイトの人:01/10/26 11:25 ID:SItE/y8m
すいません。やっぱ難しいです。元のシートに戻してしまいました。
スクロールバーが外に出ちゃうのは内容の幅が大きすぎるからです。

346 :Name_Not_Found:01/10/26 15:02 ID:DDpQQrOJ
>>345=338
アニメーション切ってるとアンカの文字列が見にくいかも。
でもカコイイね〜。

347 :Name_Not_Found:01/10/26 18:32 ID:uisbBZpl
>>343

>個人的には<em title="引用者による強調">HTML内</em>にコンテンツ以外の物(スクリプトや
スイッチ等)書くの好きじゃないから、

body内だったら同意。

83 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)