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

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

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

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

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

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:???
どうでもいいけどなんでフレームがダメなの?
今時ほとんどのブラウザが対応してるよ。

101 :Name_Not_Found:02/10/26 18:30 ID:???
スレ違い

102 :あげ:02/10/26 18:30 ID:???
>>99
どこがいけないの?

103 :Name_Not_Found:02/10/26 18:56 ID:???
全部

104 :あほどもへ:02/10/26 19:17 ID:???
どうせ対した理由もないくせに
ただ偉そうに批評したいだけか。

105 :Name_Not_Found:02/10/26 19:18 ID:???
>>29
前に評価版で見たがその時は良いセンスしてた
彩色はわざとやってるんじゃないのか>ダサク
だとしても面白くないサイトだが...

106 :Name_Not_Found:02/10/26 19:29 ID:???
>>100
frameが何故悪いのか、一から勉強して来い
>>104
前に散々叩かれましたか?それとも>>29

107 :Name_Not_Found:02/10/26 19:43 ID:???
煽りに煽りで反応したり身元を邪推したりしない事。
わざわざ書き込まず脳内で留めて納得しておくと吉也。

108 :Name_Not_Found:02/10/26 19:54 ID:???
>>106
>>26では無いと思わレ
でも26はこのままでも良いと思うが?
>>107にはげどう

109 :Name_Not_Found:02/10/26 20:04 ID:???
>>29
ワラタ
pへのclass付けで色んな物を代用してるな

110 :104:02/10/26 20:13 ID:???
>>10
それが賢明だね。

111 :Name_Not_Found:02/10/26 20:15 ID:???
pは段落。見出しはhn、リストはul/olを使うべき。
tableが表であり、レイアウトに使っちゃスレ違いなのと同じ。
一つ一つの要素に意味がある、だからdivを無意味に濫用してはいけないのも…。
って散々言われているのにまだ分からないお馬鹿さんがいるの?

112 :Name_Not_Found:02/10/26 20:20 ID:???
小学五年生ですがhnをはじめて知りました
ハンドルネームの略ですか?

113 :Name_Not_Found:02/10/26 20:45 ID:???
>>100
どうでもいいけどなんでfontタグがダメなの?
今時ほとんどのブラウザが対応してるよ。

114 :111:02/10/26 20:47 ID:???
そおです。
dlはリストでわありません。

115 :Name_Not_Found:02/10/26 20:53 ID:???
>>113
ふぉんとに?

116 :Name_Not_Found:02/10/26 21:03 ID:???
>>112
nは適当な数字。
数学で n∈N(n=1,2,3...) って使うことあるだろ。
ここでは1〜6のこと。

って、小学生にはまだ分からないか。

117 :Name_Not_Found:02/10/26 21:24 ID:???
>>116
さっぱり分かりません
でもh1とかの大きな文字を作る奴だと分かりました

118 :Name_Not_Found:02/10/26 21:26 ID:???
てんぽがたった! てんぽがたったよ!

119 : ◆GKR6tM/6J. :02/10/26 22:03 ID:???
>>114
騙るな低能。ていうかここは学習スレじゃなくてStrictHTML+CSSで、
イケてるデザインサイトを探すスレなので、君たちはラウンジにでも逝け。
そして戻ってくるな。

120 :Name_Not_Found:02/10/27 01:53 ID:???
ってか、何でこのスレの連中は厨の相手するのが好きなんだ?

テーブルレイアウトは「デザインがかっこいい・おしゃれなサイト Vol2 」へ
http://pc3.2ch.net/test/read.cgi/hp/1026356407

ユーザビリティなどは「ユーザビリティ専用スレ その2」へ
http://pc3.2ch.net/test/read.cgi/hp/1020575673/

ユーザビリティなどその2「@media:all { 真のアクセシビリティ } 」
http://pc3.2ch.net/test/read.cgi/hp/1034270272/

Strict、W3C信者「Strict-XHTML スレッド 1.0 (W2C Recommendation)」
http://pc3.2ch.net/test/read.cgi/hp/1033282702

初心者「☆ Webサイト制作初心者用スレッドver35 ☆ 」
http://pc3.2ch.net/test/read.cgi/hp/1034984327/

その他、煽り→使われてない糞スレでさげでやれ
http://pc3.2ch.net/test/read.cgi/hp/1035627286/
http://pc3.2ch.net/test/read.cgi/hp/1035616030/
http://pc3.2ch.net/test/read.cgi/hp/1034350850/
http://pc3.2ch.net/test/read.cgi/hp/1035534711/


このスレは、それなりに正しいHTML+CSSでいけてるデザインのサイトの
紹介・評価スレッド。最近、いくらなんでも無駄にスレ伸びすぎ。

121 :Name_Not_Found:02/10/27 03:30 ID:???
>>29
これまた糞ダサなデザインだなー。かとけんリソースと呼ぶことにする。

122 :Name_Not_Found:02/10/27 08:21 ID:???
>>29
ダサいが好感は持てる、洗脳される。かとけんシンドロームと呼ぶことにする
内容はかこうぃいな
内容評価ではない為sage

123 :Name_Not_Found:02/10/27 08:23 ID:???
>>29
<p class="taitle">直したので好感age
デザインは近年稀に見るダサさ

124 :Name_Not_Found:02/10/27 08:26 ID:???
>>122
>洗脳される
ゎら

125 :Name_Not_Found:02/10/27 08:51 ID:???
ところで、
今年はCSSデザイン大賞やらないの?

126 :Name_Not_Found:02/10/27 09:17 ID:???
やらないのか?
漏れはやってほしいな

127 :Name_Not_Found:02/10/27 12:23 ID:???
糞コテハンの腐のサイトだが
http://www9.ocn.ne.jp/~am13/


128 :Name_Not_Found:02/10/27 12:56 ID:???
>>127
こういうabsolute配置をやってるとこはあんまり無いから
それはそれでアリだと思うけど、iframeねぇ…

129 :Name_Not_Found:02/10/27 13:45 ID:???
>>127
幅固定なのがねぇ...

あとデザインとは関係ないけど、
画像にaltくらいつけて欲しい。

それ以外は良いと思うけど、他のページ「test」「404」「ぐふぐふ」かよ。
駄目じゃん。

130 :Name_Not_Found:02/10/27 14:02 ID:???
いつまで29なんか引っ張ってんだよw

131 :Name_Not_Found:02/10/27 17:18 ID:???
( ´D`)ノ

132 :Name_Not_Found:02/10/27 18:34 ID:???
>>127
いい加減にしてくれよ。思いっきりスレ違い。インラインフレーム使ってるし。
>>29以来ろくなのがないなマジで。

133 :Name_Not_Found:02/10/27 18:44 ID:???
前も言ったけどさ、フレームの何がスレ違いなの教えてくれよ

134 :Name_Not_Found:02/10/27 19:12 ID:???
従来はフレームで実現されていたようなこと(例:固定ナビバー)でも
CSSでなんとかするくらいの心構えは持って欲しい、ということだ。

CSSデザインは必ずしもフレームを排斥するものではないが、
フレームに依存するのもよくない。アクセシビリティの観点からもね。

135 :Name_Not_Found:02/10/27 19:33 ID:???
>>134
アクセシビリティってなんだyo
2chもフレームじゃんyo


136 :Name_Not_Found:02/10/27 19:34 ID:???
>>134
だよな。俺も同じ意見だけど、>>132みたいなのは思考停止して見えるよ。

137 :Name_Not_Found:02/10/27 19:36 ID:???
>>29に意見を述べるスレはここですか?

138 :Name_Not_Found:02/10/27 19:55 ID:???
それはもう終わりました。

139 ::02/10/27 21:28 ID:HKwAUX1c
>>129
>画像にaltくらいつけて欲しい。

そのうち付ける。このサイトには代替テキストは必要は無いんだけども。画像が見れないブラウザは来なくていいんで。
一応構文エラーになるから付けとくつもりだった。

>それ以外は良いと思うけど、他のページ「test」「404」「ぐふぐふ」かよ。
>駄目じゃん。

作っている途中で放置中のサイトだった。消すのは忍びないから、消す前に公開しとこうと思った。

>>132
インラインフレームを使ってはいけない理由は無い。
ターゲットとしているブラウザで表示さえできればこっちにとっては問題がない。
見れない人に対しては、このサイトを見るな、ということです。


140 :Name_Not_Found:02/10/27 21:32 ID:???
>>133
フレームを使うこと自体は構わん。だが、それに依存するのはダメ。
仮にフレームを使うとしても、フレーム内に呼び込まれるファイルが、
独立したwebページとして成立している必要がある。

少なくとも、>>127はこの要件を満たしていない。

>>135
2chがやっていればこのスレの対象足りうるというのは、理論的に全くもって意味不明。
君の理屈だと、fontタグ、テーブルレイアウトもOKになるぜ。

141 ::02/10/27 21:35 ID:HKwAUX1c
>>134
frameやiframeを使わなければ、target属性が使用できない。
だから、現状のCSSではframeやiframeに頼らざるを得ない。

アクセシビリティうんぬんについてだけど、
アクセシビリティをたまには無視しろ。
例えば、写真だけのサイトに、代替テキストが必要か?答えは、実際には必要ではない。場合によれば、構文エラーになるので仕方が無く代替テキストを書くけども。
つまり、この場合、本来はテキストブラウザを無視してよいということ。

142 :Name_Not_Found:02/10/27 21:42 ID:???
>>141
何だ突然? 本人降臨ウザイ。
いいたいことはあるだろうが、このスレは一々本人が批判に反論する場ではない。
っていうか、叩かれるのやなら自作自演するなよ。

143 ::02/10/27 21:44 ID:HKwAUX1c
>>142
べつに自作自演には興味がないんで、自作自演と思いたいなら思っとけ。

で、反論は?

144 :Name_Not_Found:02/10/27 21:47 ID:zNKQx6di
うちのサイト4年間細々と続けてるんだ。
開設時からログとってるけどIEからのアクセス以外は4年間一度もなかった。
だから俺には関係ない。
んがんぐ。

145 ::02/10/27 21:48 ID:HKwAUX1c
>>140
>君の理屈だと、fontタグ、テーブルレイアウトもOKになるぜ。

横レスすると、個人的にはOKだと思う。(もちろん宣言するDTDによるけど)
font要素は、あと5年は問題が無く表示できると思うし。(10年後は知らない)
サイトを何年も記録やメモリアルとして残したい人以外は、font使っても問題なし。W3Cに洗脳されるな。

146 :133:02/10/27 21:51 ID:???
すいません俺が悪かったです
フレーム使う人間がこういうアレだからなのですね

147 ::02/10/27 21:54 ID:HKwAUX1c
>>140
>フレームを使うこと自体は構わん。だが、それに依存するのはダメ。
>仮にフレームを使うとしても、フレーム内に呼び込まれるファイルが、
>独立したwebページとして成立している必要がある。

なぜ独立したwebページとして成立する必要がある?
今の場合はその必要は無い。
もともとcssを多用しているために、最近のブラウザでのアクセス、それもパソコンでのアクセス以外は求めていない。
iframeを表示できない奴やframeに対応してない奴は来なくてよし。

お前むちゃくちゃ言ってるな。

148 :Name_Not_Found:02/10/27 21:54 ID:sz+Id0Gq
http://onohiroki.cycling.jp/
http://www.k-brand.gr.jp/
http://www.cosmos.ne.jp/~kaz6120/
http://write-off.cside.com/
http://www.fontgraphic.com/
http://wordsweaver.com/
http://www.asahi-net.or.jp/~sn7i-hrd/

色々と探してきてみました。
DIV厨サイトもありますが。

149 :Name_Not_Found:02/10/27 21:54 ID:???
>>148
ブラクラ

150 ::02/10/27 21:56 ID:HKwAUX1c
マジレスすると、観念的、固定的に考えるんじゃなくて、もっとケースバイケースに考えてくれ、おわり。

151 :133:02/10/27 21:57 ID:???
>>147
CSSの多用とアクセシビリティは関係ない

152 ::02/10/27 21:58 ID:HKwAUX1c
関係がある。

153 :>>140:02/10/27 22:00 ID:???
>>152
関係ないよ。

これ以上やるなら↓に移ってくれ。
http://pc3.2ch.net/test/read.cgi/hp/1034270272/

154 ::02/10/27 22:01 ID:HKwAUX1c
ちなみに>>127のターゲットとしているブラウザは、
IE5.0以上(動作確認したのはIE6.0)
NN6.0以上
opera6.0以上
他のブラウザは来なくていい。

155 ::02/10/27 22:01 ID:HKwAUX1c
>>153
関係あるよ。

156 :Name_Not_Found:02/10/27 22:02 ID:???
もう関係あるでいいから消えてくれよ

157 :148:02/10/27 22:03 ID:???
ブラクラじゃないのに・・・ヒドいなぁ。


158 ::02/10/27 22:04 ID:HKwAUX1c
そう関係があるんだよ。

159 :Name_Not_Found:02/10/27 22:05 ID:???
放置でよろすく

160 :Name_Not_Found:02/10/27 22:10 ID:???
>>148
どれもきっついなぁ。強いて褒めるならこれ↓か。
http://www.cosmos.ne.jp/~kaz6120/
これもdiv厨だけどな。


161 :Name_Not_Found:02/10/27 22:12 ID:???
しかし、ぶっちゃけたところ
フラッシュを使用していないサイトの中で>>127はかなりうまくデザインが出来ていると思うが。
今まで挙げられたサイトの中ではデザインが1、2を争う

162 :Name_Not_Found:02/10/27 22:13 ID:???
>>148
> http://www.cosmos.ne.jp/~kaz6120/
文字サイズ固定いや、しかも小さすぎ。
> http://write-off.cside.com/
カーソル指定いや。

あとは普通かなぁ。

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

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