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

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

CSSでイケてるデザインサイト 5

1 :カス:02/10/22 18:45 ID:WFsDiGRd
正しい HTML を CSS のみでデザインしたイケてるサイトをあげるスレ。
過去スレ等々は>>2以降。

CSSでイケてるデザインサイトリンク集
 http://webcafe.zive.net/~css/

2 :カス:02/10/22 18:46 ID:WFsDiGRd
◆ 過去スレ
 1. http://natto.2ch.net/hp/kako/985/985978270.html
 2. http://pc.2ch.net/hp/kako/998/998894057.html
 3. http://pc3.2ch.net/test/read.cgi/hp/1010800617/l100
 4. http://pc3.2ch.net/test/read.cgi/hp/1028184718/l100

◆ 関連スレ
 ・CSS イケてるスタイルを作れ
  http://pc3.2ch.net/test/read.cgi/hp/991906104/l100
 ・CSS/DHTMLバグ辞典 2
  http://pc3.2ch.net/test/read.cgi/hp/991666454/l100
 ・CSS、スタイルシート質問スレッド 12
  http://pc3.2ch.net/test/read.cgi/hp/1034922586/l100
 ・代替スタイルシート
  http://pc3.2ch.net/test/read.cgi/hp/991400015/l100
 ・W3C信者にサイトを正しい記述に直して貰うスレ
  http://pc3.2ch.net/test/read.cgi/hp/1032205793/l100
 ・独自拡張、草案段階のCSSについて語れ
  http://pc3.2ch.net/test/read.cgi/hp/1019912046/l100
 ・真のアクセシビリティ
  http://pc3.2ch.net/test/read.cgi/hp/1034270272/l100

3 :Name_Not_Found:02/10/22 18:55 ID:???
>>1
乙彼。

4 :Name_Not_Found:02/10/22 18:58 ID:???
>>1
(*゚ω゚) 乙

5 :Name_Not_Found:02/10/22 19:30 ID:???
シンプルでよろし

6 :Name_Not_Found:02/10/22 19:42 ID:???
>>1 ついに5か。リンク集が、さりげなく3段組になってたよ(藁

7 :まとめたぞ ◆YbMATOMe7U :02/10/22 21:10 ID:M+QD0bZc
全スレまでまとめました。ダブリ、不具合を報告してください。
三段組にしてますが、float関連でヤバイ人は、index2.shtml などを
利用してください。

 http://webcafe.zive.net/~css/

8 :Name_Not_Found:02/10/22 21:58 ID:???
>>7
おつかれさまです。
渋谷区役所はもろテーブルレイアウトだと思うのですがどうでしょう。

9 :まとめたぞ ◆YbMATOMe7U :02/10/22 22:11 ID:???
>>8
W3Cバナーにやられました。削除済みです。ありがとうです。

10 :Name_Not_Found:02/10/22 22:15 ID:???
>>1 >>7


11 :Name_Not_Found:02/10/22 23:06 ID:???
289サイトか・・・
多くて少ないよな

12 : :02/10/22 23:29 ID:???
http://www.kuimaru.com

13 :Name_Not_Found:02/10/22 23:34 ID:???
テーブルレイアウトキター

過去スレ見て雰囲気つかめやゴルァ。

14 :Name_Not_Found:02/10/22 23:59 ID:???
全スレ使い切れYOボケ度も

15 :Name_Not_Found:02/10/23 00:30 ID:UmYhuDVG
>>12
全面的にテーブルレイアウトでもないが、
マークアップはCSSのためのdivとclass乱発に頼りすぎ。
何かに配慮しすぎて試行錯誤しまくった印象。
んーこれでも頑張ってるほうなんだろうなぁ。
同じレイアウトをきちんとしたHTMLでやれって言われたら一応できるけど、
IEではちょっとセレクタがおぼつかないから。

16 :Name_Not_Found:02/10/23 03:13 ID:???
渋谷区役所
前前スレに貼った者だけど
>まとめたぞ
あのバナーやられるよな
俺もあのバナーあったから即貼った
ソース見る時間なかった
だからなんでもかんでも
ソース見てない=厨とすんなよ

17 :Name_Not_Found:02/10/23 03:17 ID:???
そりゃ同情するけど、
バナー貼ってあるとこに限ってソースエライことになってる
ってケースは少なくないんだよね

18 :Name_Not_Found:02/10/23 10:56 ID:???
>>16
わけわかんね

19 :Name_Not_Found:02/10/23 11:00 ID:???
>16=厨

20 :Name_Not_Found:02/10/23 13:19 ID:???
・定期的出現嵐は放置
・宣伝、勘違い張り付けは放置
・騙り煽りは2ちゃんの基本。熱くならない
・自作自演バレバレも優しく見守る(w

21 :Name_Not_Found:02/10/23 19:47 ID:???
コテコテのテーブルレイアウトな上にタグ閉じ忘れまくりなのに
validバナー貼ってたアフォサイトを見たことあるな。
すぐに掲示板で突っ込まれて外してたけど。

22 :Name_Not_Found:02/10/23 22:44 ID:???
コテコテテーブルレイアウトなのにvalidバナー→東浩紀のサイト

23 :Name_Not_Found:02/10/24 16:58 ID:G+ieQs7R
本スレ一時age

24 :Name_Not_Found:02/10/24 16:58 ID:???
http://yty.mypost.ne.jp/toilet/
既出だたら御免よ

25 :Name_Not_Found:02/10/24 19:02 ID:???
>>24
リンク集右の79番にあるYO!

26 :Name_Not_Found:02/10/24 19:36 ID:???
http://www.dmic.org/game/home.shtml

27 :Name_Not_Found:02/10/24 20:00 ID:???
>>26
カッコいいな!

トップページもカッコいい!
http://www.dmic.org/game/

28 :Name_Not_Found:02/10/24 20:30 ID:???
>>26-27
Piroたん作かいな。

29 :*_*:02/10/24 21:49 ID:???
http://www3.omn.ne.jp/~ken3a7up/


30 :Name_Not_Found:02/10/24 21:57 ID:???
>>29
ソースが微妙だなぁ

31 :Name_Not_Found:02/10/24 22:35 ID:???
>>30
微妙というかいくらなんでも
<p class="title">はないと思う。

32 :Name_Not_Found:02/10/24 23:05 ID:???
>>31
それは良いと思うがlintで32点は低いだろ
cssは良いが内容の構成が悪かったら無意味

33 :Name_Not_Found:02/10/24 23:12 ID:???
>>29
ダサいYO。

34 :Name_Not_Found:02/10/24 23:31 ID:7ULwgamA
>>32
良いわけねぇ

>>33
はげどう

35 :Name_Not_Found:02/10/24 23:39 ID:???
>>29
paddingとかとれよ。
彩色もダサいし

36 :Name_Not_Found:02/10/24 23:59 ID:???
>>26のトップページ、カコイイか…?
目が痛いYO

37 :Name_Not_Found:02/10/25 00:09 ID:???
piroはかっこいいって言っておかないとコミュンに叩かれるんだよ

38 :Name_Not_Found:02/10/25 02:06 ID:???
http://www6.plala.or.jp/t109/
ここしょっちゅうデザイン変わるね

39 :Name_Not_Found:02/10/25 02:21 ID:???
>>38
いいなぁ。そのスタイル、色が気に入った。
body { font-size:80%;} だけど(゚ε゚)キニシナイ!!
リストマーカーの使い分けってのはもはや常套手段なのでしょうか。

40 :Name_Not_Found:02/10/25 02:27 ID:???
>>38
(・∀・)イイ!

41 :Name_Not_Found:02/10/25 02:32 ID:???
>>39
> リストマーカーの使い分けって…
装飾画像をHTMLで記述しないようにすると必然的にそうなってくるね。

それはともかく、 >>38 はいい。真似したいデザインだな。

42 :Name_Not_Found:02/10/25 02:38 ID:???
>>38
オリジナリティがないな
これくらいでイイ!とかいってるようじゃ

43 :Name_Not_Found:02/10/25 03:19 ID:???
>>38
残念ながら既出だ。確かにいいけど。

>>42
君のサイトをぜひここにさらしてくれ。
きっとオリジナリティあふれる素晴らしいデザインのサイトだろうから。

44 :Name_Not_Found:02/10/25 03:57 ID:???
>>43
激しく同意!

45 :Name Not Found:02/10/25 04:20 ID:???
>>43
>君のサイトをぜひここにさらしてくれ。

こういうのやめれ。話の次元が低くなる気がする。
ここは目で見てイケてると感じるサイトを探すスレだろ。
>>42は確かに煽ってるが、一つの感想として受け止めればいいだけのこと。

46 :Name_Not_Found:02/10/25 05:01 ID:???
>>43
いや、既出なのは知ってるけどさ、リニューアルしてたから
報告してみただけ。リンク集に載ってるサイトを全部定期的に
チェックしてる人間なんていないでしょ?・・・ひょっとしている?w

47 :Name_Not_Found:02/10/25 06:14 ID:???
>>38
マジでいいな
>>46みたいな人がいるからこそ
こういうのに出会える
最高!

48 :47:02/10/25 06:21 ID:???
つーか既にお気に入りに入ってた(w
ほんと一回見たら見ないもんだな
リニューアルしてますます良くなった
ってのは紹介して欲しい

49 :Name_Not_Found:02/10/25 06:21 ID:???
>>39
font-size:80%;
だと何がダメなの?

50 :Name_Not_Found:02/10/25 07:22 ID:???
>>49
標準よりも小さいサイズがデフォルトになってしまうことの危険性だろう。
この『標準』の定義が閲覧者(のブラウザ設定)によって違う事から生じる可読性の低下の
可能性を考えた方がいいんでないの、と。つまりそういうことだろう。
なぁ39よ。

51 :Name_Not_Found:02/10/25 09:44 ID:???
漏れはoperaなんだが、>>38のサイト読めないよ。
150%くらいにしたら見えたけどね。
モジだと大丈夫でした。


52 :Name_Not_Found:02/10/25 10:23 ID:???
>>51
たしかにoperaだと読めないね。小さすぎる。
font-sizeは82%が吉。

53 :Name_Not_Found:02/10/25 12:02 ID:???
>>49-52
http://pc3.2ch.net/test/read.cgi/hp/1034270272/
でネタ振りしてみたのでこっちで続けてくれない?

54 :Name_Not_Found:02/10/25 12:02 ID:???
>>52
82%の理由を教えてクレヨン

55 :Name_Not_Found:02/10/25 12:40 ID:???
>>51-52
オペラーなら、最小フォントを設定しる。
漏れは14(ピクセル)を指定しているので>>38も問題なしに読めた。
問題がないのはフォントサイズ面はに限って、だけど

56 :52:02/10/25 12:43 ID:???
>>54
font-face指定なしでfont-size:82%なら
WinIE、Opera、Mozilla、全てデフォルトの状態で
小さすぎない文字になるから丁度いいよ。

57 :54:02/10/25 13:15 ID:???
>>52
ありがとう。私見だが、82%は小さい気がするよ。高解像度なら、なおさら。

スレ違いsage

58 :Name_Not_Found:02/10/25 13:16 ID:???
とりあえずOperaは置いておいて、
IE、Mozillaでfontがverdanaなら78%くらいが好きだす。

59 :52:02/10/25 13:27 ID:???
>>57
うん、俺も小さいとは思うけど、メニューとかに使うのならアリだと思う。
私的には本文は100%であってほしいと思ってるよ。

60 :Name_Not_Found:02/10/25 16:11 ID:S3cuWps4
http://mput.dip.jp/
http://wdt.pekori.jp/info.html
http://www5d.biglobe.ne.jp/~kein2002/
http://www5d.biglobe.ne.jp/~Eyez/index.html
http://cycle.atnak.com/cycle2tune/cycle2tune2.html

既出あったらスマソ

61 :60:02/10/25 16:12 ID:???
訂正
http://wdt.pekori.jp/info.htmlhttp://wdt.pekori.jp/


62 :Name_Not_Found:02/10/25 16:45 ID:???
>>61
> 利用
> ・利用はもちろん無料です。
> ・商用利用の際は事前にご連絡下さい。
> ・リンクを貼っていただきますと管理人が喜んだりしマス...(強制ではありません)
> 加工
> ・カスタマイズ/二次加工は完全に自由です。制限の付けようがありません...
> ・頑張って改造して下さい...
> 重要事項
> ・テンプレートの再配布・無断転載は禁止です。
> ・一部のソースに、著作権表示が入ってますが消さないで欲しいです。
> ・テンプレート以外のHTML・画像の無断利用は禁止です。
> ・当サイト内のテンプレートと全ページの著作権は管理人caz にあります。

……キモッ


63 :Name_Not_Found:02/10/25 16:50 ID:???
>>61
ソースがグタグタやん

64 :Name_Not_Found:02/10/25 17:05 ID:???
>>61
典型的div病...

65 :Name_Not_Found:02/10/25 17:06 ID:???
>>60
空気読んでいるのか?
3番目はフレーム4番目は思いっきり不思議マークアップじゃボケ。
それに2番目のそれは前スレでさらされて総すかんだった奴だ。
過去ログ読んでからさらせタコ。

66 :Name_Not_Found:02/10/25 18:01 ID:???
>>61
そもそもHTMLが文章を書くための言語だって知っててこういうことやってるの?

67 :Name_Not_Found:02/10/25 18:13 ID:???
荒らしか、スレタイしか読んでない部外者のどっちかだな

住人がもっと頑張って捜索しる!

68 :Name_Not_Found:02/10/25 19:01 ID:???
マークアップもしっかりしてるし、デザインもかなりいい感じ。
http://www.katana.cx/~hackers/

69 :Name_Not_Found:02/10/25 19:04 ID:???
>>61
商用利用する場合なんていってくるのかな?
金でも取るのかな?誰かメール出してみて・・・

70 :Name_Not_Found:02/10/25 21:17 ID:???
>>68
幅固定がイタイ
マクアプもしっかりしているとかいってるが、
imgの代替テキストに alt="lain" とか意味不明なことかいてるし。
もう少し修行が必要だな。


71 :Name_Not_Found:02/10/25 21:45 ID:???
>>68
eniLの影響か最近この手のテキストサイトって増えてるね。
幅固定以外はそれほど悪くはないけど

ところで、マフラーって既出だっけ?
http://www3.j-speed.net/users/lain/

72 :Name_Not_Found:02/10/25 22:06 ID:???
>>68>>71も前スレで叩かれてたんだけど…知らないよねごめん

73 :Name_Not_Found:02/10/25 22:20 ID:???
>>60
トップページしか見てないが
http://mput.dip.jp/ 普通
http://wdt.pekori.jp/info.html 前スレで散々叩かれたのを持ち出すな。私怨か?
http://www5d.biglobe.ne.jp/~kein2002/ テーブルだし、フレームだし、DOCTYPE宣言ないし、すれ違い。
http://www5d.biglobe.ne.jp/~Eyez/index.html 見出しの使い方が意味不明です。
http://cycle.atnak.com/cycle2tune/cycle2tune2.html 普通だけど、クラスのふり方がちょっとあれだな。


74 :Name_Not_Found:02/10/25 22:34 ID:???
>>26痛い
>>29終わってる
>>38結構良い

75 :Name_Not_Found:02/10/25 23:41 ID:???
>>61
っていうか既出。

76 :Name_Not_Found:02/10/25 23:49 ID:Mw4PQYSG
幅固定は何故ダメなんでしょう?

77 :Name_Not_Found:02/10/26 00:20 ID:???
環境によって解像度が様々だからです。

78 :Name_Not_Found:02/10/26 00:31 ID:???
質問は他のスレでやっとくれ

79 :Name_Not_Found:02/10/26 01:16 ID:???
>>70
流石にそれは「Strictスレ」でやれば良いんじゃない?
"デザイン"には関係ないっしょ。

そのサイトが"CSSで"イケてるかは分からないけど。
画像は綺麗だと思うんだけどね。

で、ふと思ったんだけど「あのデザインをStrict+CSSで実現しる!」スレとかあったらどうだろ?
誰かが「イケてるデザイン・・・だけど、Strict+CSSじゃない」サイトを実現してくれるスレ。


80 :Name_Not_Found:02/10/26 01:31 ID:???
>>79
W3C信者にサイトを正しい記述に直して貰うスレ
http://pc3.2ch.net/test/read.cgi/hp/1032205793/
これがそうじゃないの?>CSSでデザインを実現

81 :Name_Not_Found:02/10/26 01:33 ID:???
>>79
画像をうまく使うのも“イケてる”かどうかのひとつのポイントじゃないか?
Quiaとか津波荘も画像をうまく使ってデザインしているし。

82 :79:02/10/26 01:35 ID:???
>>80
をぉ。なるほど・・・そのスレ、チェックしていませんでした。

>>81
確かにそうですが、"CSSで"との境界が難しいですね。
って単純に印象だけで考えれば良い話かな。

83 :Name_Not_Found:02/10/26 02:41 ID:???
>>79
件のサイトがそうだとは言わないけど、
cssの普及を目指すという観点からすれば、
今後はどんどんhtmlのほうも厳しくみるべきだと思う。
見た目のデザインさえよければというのでは、
tableレイアウトだろうが、不思議マークアップだろうが、
何でも来いということになってしまうだろ。
アクセシビリティも基準に入れればいいと思うのだが。
まとめたぞ氏も仕事がやりやすいだろうし。


84 :Name_Not_Found:02/10/26 06:54 ID:???
リンク集に載ってるのお洒落なの多いけど
どれもこれも欠けているのがひとつだけある
それが何かは絶対教えてやらない
これをすればお洒落指数∞%アップ
マジで
ヒント:
海外のサイトはほとんどやってること

85 :Name_Not_Found:02/10/26 07:43 ID:???

>>81
画像うまく使うという発想が女々しい。なるほど、画像を上手く使ってイケてる
(CSS)デザインは確かに多い。しかしそれは単に画像が良いだけだ。
画像がなけりゃあうまいデザインが作れないというのはフェイクに過ぎない。

と儂は思う。

86 :Name_Not_Found:02/10/26 08:17 ID:???
解像における最小単位を配置できる画像、及びそれに準ずる視覚的オブジェクトは、
デザインの最終的個性を決定するものであり、それを無視する事は自然、
限界ラインを低くする行為である。最終的には個性没個性に至るだろう。
よって画像を無視してセンスを語るのは極めて困難である。

ってのが昔テーブルスレで語られたなー。
その後(だからグリッド配置が可能なテーブルマンセー!)と続く。

ま、自分が信じるデザインが最高って事で。

87 :Name_Not_Found:02/10/26 08:49 ID:???
>>86
きっとそのテーブルスレのやつらはデザイン=視覚系要素と思い込んでいるんだろう。まぁデザインの一部には含まれるんだけど。webデザインではないな。

88 :Name_Not_Found:02/10/26 13:59 ID:???
>>87
デザインが視覚的要素だけじゃない、というのは同意するが、
"所詮デザインの一部分"と臭わし断定する言動には同意できないな。

視覚的要素を排除する事はその通り没個性に陥る可能性があるんだよ。
機能美という言葉が陳腐に聞こえるほど数多くのサイトがそれを実戦し、
個人差はあるだろうが、あるイメージにまで達している。
それを回避するための個性、視覚的効果、それもやっぱりwebデザインじゃないか?

凄い当たり前の事だが、見上げる必要はないけれど、
見下げるのはやめた方がいい。それで得する事は「自尊心が満たされる」だけだぞ?
ついでにまたCSS使いの立場が悪くなるから勘弁して欲しい。

89 :Name_Not_Found:02/10/26 14:54 ID:???
>>84
ヒントちょーだい!

90 :89:02/10/26 14:54 ID:???
訂正:
ヒントもっとちょーだい!

91 :Name_Not_Found:02/10/26 15:12 ID:???
「英語のみを使う」とかじゃねーの

92 :Name_Not_Found:02/10/26 15:39 ID:???
構って貰えないから自演してるだけだろ。放っておけ。

93 :Name_Not_Found:02/10/26 16:12 ID:???
質疑応答は他の適切な関連スレにて宜しく。

94 :Name_Not_Found:02/10/26 16:18 ID:???
div病だけど。
http://www.webstandards.org/

95 :Name_Not_Found:02/10/26 16:27 ID:???
>>85
いくらいい画像でも、使う奴がヘボければイケてるデザインにはならんのだよ。
画像に逃げる云々というのは、画像すらうまく使えない奴のいいわけだよ。
逆に画像をうまく使う人間は、画像なしでも充分やれるだけのセンスがあるはずだ。
「delta」なんか画像がなかったとしても充分イケてるし。

96 :Name_Not_Found:02/10/26 16:45 ID:???
>まとめたぞ氏
リンク集左側13番目の「QUIA」が移転したよ。
http://white.sakura.ne.jp/~quia/

http://www5d.biglobe.ne.jp/~quia/

97 :Name_Not_Found:02/10/26 17:22 ID:???
個人的には、テキストサイトでBORDERを用いた飾りを多用していると「うへぇ、『いかにもCSS』だ」と辟易してしまう。


98 :Name_Not_Found:02/10/26 17:56 ID:???
>>29
さっき見たら微妙に変わってたyo
lintで32点が屈辱だったらしく、lintにかけてみたら100点になってた。
でも彩色とかは特に変化ナシ。

99 :Name_Not_Found:02/10/26 18:13 ID:???
<p class="title">はかわらんのな。

100 :Name_Not_Found:02/10/26 18:27 ID:???
どうでもいいけどなんでフレームがダメなの?
今時ほとんどのブラウザが対応してるよ。

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

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