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

2 :Name_Not_Found:01/08/27 16:11 ID:nIEKvAj.
CSS { イケてるスタイルを:"作れ";}
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104&ls=50

必要ないの??

3 :Name_Not_Found:01/08/27 16:14 ID:nIEKvAj.
あ、間違え。すまそ。

4 :Name_Not_Found:01/08/27 17:08 ID:XtOJ1NwY
個人的にはリンク集にある「Bachusのスタイルシートへの道」は
嫌なんですけど。
重ね文字とか、文字の前の「・」とか…。

あれがイケてるんだったら、
http://www.microsoft.com/truetype/css/gallery/entrance.htm
みたいのもイケてることになっちゃうような。

5 :ねぎま:01/08/27 19:45 ID:n3ZnyqLw
http://www.google.co.jp/search?hl=ja&safe=off&q=strict+CSS+%2Babout&lr=lang_ja

とかやると、まだまだ漁れるんじゃないかな。なんだかんだで
宣言してる人おおいし。

6 :ねぎま:01/08/27 19:51 ID:n3ZnyqLw
XHTML 1.1 とか ISO-HTML とか 4.01Transitional が上のだと
ひっかからないから、そこらへんは考慮の上で。

7 :Name_Not_Found:01/08/27 20:01 ID:n3ZnyqLw
探してみたら、早速自分のプライベートサイトのパクリを
見つけた。シートそのまま持ってって色だけ変えてた。鬱だ。

8 :ねぎま:01/08/27 20:02 ID:n3ZnyqLw
あれ、名前がはいってなかった。無関係レススマソ

9 :Name_Not_Found:01/08/27 20:22 ID:xQzRZBKw
http://www.geocities.co.jp/HeartLand-Cosmos/7976/

H1にカコイイ画像を置くのはもはや鉄則みたいですなあ。

10 :ゴミスタ:01/08/27 21:00 ID:meeP4I2o
>>9
なんだか、スクリプトエラーが出まくりやがってますが。
つーか、Lynx で見ると、結構間抜けだ。

11 :Name_Not_Found:01/08/27 21:10 ID:xQzRZBKw
http://home4.highway.ne.jp/radicon/
切り替えスクリプト使用
http://webclub.kcom.ne.jp/ma/s-ogawa/
ハァハァ系

12 :まとめたぞ:01/08/27 22:04 ID:wEoY.SJ6
>>1
新スレお疲れ!

>>9
結構有名サイトのパクリが入っているような気がしないでもないけど。
いいんじゃないだろうか。ところでgeoバナーは?(ワラ
>>11
ハァハァ

ところで、なんでsage進行?

13 :まとめたぞ:01/08/27 22:25 ID:wEoY.SJ6
/*>>4の逝っていたサイト漏れもちょっとと思っていたので、外したのと、新スレの
リンクをプラスしたものをアップしたよ。*/

14 :Name_Not_Found:01/08/27 23:46 ID:WKweRLHc
>>9
それをpositionとfontとcolorで表現するのが真のカススタイラと思われ。

15 :Name_Not_Found:01/08/27 23:57 ID:xQzRZBKw
http://www.toybox.jpn.org/p_station/

div span 依存症的なところもあるが・・・

16 :Name_Not_Found:01/08/28 00:27 ID:GUccsWAE
>>11
(・∀・)カコイイ!

17 :Name_Not_Found:01/08/28 01:22 ID:oRzyjMgY
>>11
いい!
個人的にはPale colorsとClearがかっこよいと思われ。

18 :ちょこら:01/08/28 03:05 ID:ThX19wRI
新スレおつかれさま&おめでたう

>>ねぎま
復活したね。

19 :Name_Not_Found:01/08/28 10:03 ID:Clsi7Sl.
age

20 :Name_Not_Found:01/08/28 11:28 ID:Y7O5Q146
http://www.mita.keio.ac.jp/~fb014011/
切り替えスクリプトあり
http://blue.ribbon.to/~in/
ナビゲーションのボタンがいい。
http://www.softclub.co.jp/~mzk/
シンプル。

21 :Name_Not_Found:01/08/28 17:28 ID:FOk2OGDc
>>20
どこもデザインがいまいち…
センスの問題やね

22 :Name_Not_Found:01/08/28 17:41 ID:716lzQeY
切り替えスクリプトってさぁ
W3C的にはオッケイでもWAI的にはどうなの?

23 :Name_Not_Found:01/08/28 17:50 ID:QCZ3G4FY
>>22
いいんでないの?

ただ、スタイルによってリストボックスの位置がころころ変わるのは
アクセシビリティ的にどうなんだろって気が。

24 :Name_Not_Found:01/08/28 17:55 ID:wxeF.qsA
>23
使ってるけど、それが悩みの種。

25 :Name_Not_Found:01/08/28 18:17 ID:d8wWeono
>>23
同意。
スタイル切り替えるたびにリストボックスを探さなきゃいけないのはうざい。

26 :むぎ茶      :01/08/28 18:43 ID:E1DYvdw2


CSSに依存しすぎて似たようなサイトばかりだな。


┐(´ー`)┌


┏━━━━━━━━━┓
┃('Д')y ─┛~~ ┃
┃むぎ茶      ┃
┃mugicha@360.cc  ┃
┗━━━━━━━━━┛

27 :Name_Not_Found:01/08/28 18:48 ID:2Je0HfBc
にぼしの方が面白いよな。

28 :Name_Not_Found:01/08/28 20:48 ID:eYoIuLEY
http://www.din.or.jp/~himura/

既出かな?

29 :Name_Not_Found:01/08/29 10:32 ID:ZYUEgPqY
なんかこう文句なしにカコイイところはないのかな

30 :Name_Not_Found:01/08/29 10:41 ID:0HiHUKoI
例えば過去出で"文句なしにカコイイ"ってのはあるのかな?

31 :Name_Not_Found:01/08/29 10:46 ID:U4VogiX6
海外から

http://www.lyx.org/
http://www.svendtofte.com/

32 :Name_Not_Found:01/08/30 17:04 ID:L9h1huDg
http://www.ps-ps.net/fe/
まだ内容は未完成みたいだけど。

http://www.net24.ne.jp/~omoti/
ネタとして。がいしゅつだったらごめん。

http://isweb3.infoseek.co.jp/art/aidisc/yosui/
♪捜し物は何ですか〜
デザインがイケてるかどうかは置いとくとして、「Super Simple Menu」で
dt以外をほとんどdisplay:noneして、dtを抽出するアイデアは
面白いと思った。

33 :Name_Not_Found:01/08/30 23:14 ID:1qwUT0ro
> ttp://isweb3.infoseek.co.jp/art/aidisc/yosui/

色使いが好きだな。そこ見て気付いたけど、
IEは6bでもborder-color:transparent;対応してないのね。

34 :yuu ◆xo3ilszg :01/08/31 01:28 ID:0X3MPphA
自薦で恐縮ですが、 http://w3j.org/nazo/

イケ具合の診断内容に応じて、出来る限り、社内(何処)リソース(誰)を
費やして(謎)改善を前向きに検討したいと思います(謎無)。
もっとも、それはCSSデザイン的なところに関してであって、コンテンツ的な
処方は特に考えてませんが。

# http://www.w3j.org/Style/ のほうも、ぼちぼちマジメに取り組みたいんだけど…

35 :Name_Not_Found:01/08/31 05:52 ID:L.D/dJoc
>>34
とりあえず、その喋り方なんとかしてから来い。
言ってることが少なくとも俺には意味不明なんだよ。

36 : ◆w9AXJZH2 :01/08/31 09:48 ID:m5TbK3Bo
>>35
yuu さんらしい普通の文体だと思います(笑。

37 : :01/08/31 10:07 ID:eZTbmKrs
どうでもいいけど
デザイン的にイケてるトコないの?
プログラマーが作ったっぽいサイトばかり

38 :Name_Not_Found:01/08/31 10:42 ID:xByqtA0A
トップページだけ気合の入ったFlashで、中に入ると
手抜きのサイトも多いだろ。

センスも関係するだろうけど、ページ数が多くなると
サイト全体をイケてるデザインにするのは難しいと思
うよ。

39 :Name_Not_Found:01/08/31 14:42 ID:HCsvDsTw
>>38
それができるはずなのが、スタイルシートでしょう。
たしかに、表紙だけ別シートというパターンが多いのはわかるけどね。
表紙以外でもイケてるサイトきぼーん。

40 :CSS使い:01/08/31 15:28 ID:3bZlcr9g
>それができるはずなのが、スタイルシートでしょう。

何で?
サイト統一のCSSなんか使うより、1ページごとにコンテンツに合わせた
デザインした方がカッコよくなると思うけど。

41 :Name_Not_Found:01/08/31 20:15 ID:qGQD7Wfk
こことか
http://www.kubota.f2s.com/a_warehouse/

42 :Name_Not_Found:01/08/31 22:40 ID:N3OJpEYs
国内は出尽くしかな。今日はこれだけ。
http://www.heavenlyblue.org/dolce/

というわけで、海外を探す。
半分ネタかも。

http://cynicsteaparty.tlm.com/
ブラウザ判別でMozillaも十把一絡げにネスケと扱われるので、IEじゃないと見えない・・・
http://www.html.dk/ デンマーク?
http://www.centre.public.org.uk/
http://www.kirjahylly.org/saruwine/
http://dreamweaverfever.com/

43 :Name_Not_Found:01/09/01 23:01 ID:Ac72vMX.
(゜Σ゜)
http://coolo.junbi.net/kage/

44 :ちょこら:01/09/01 23:55 ID:Q5Lwyjj2
>>42
http://www.kirjahylly.org/saruwine/
が割り切り方が面白くていい。デザインも涼しくてスキ。
やはりcssはそれだけで画面を構成してしまうのではなく
画像と組み合わせて使うもんだと思う。そうしないとやっぱり現行の
グラフィック多用のテーブルレイアウトサイトにはヴィジュアル的に
勝つのは難しい気がする。まあ勝ち負けなんてないんだけどさ。

>>43
オオグマ氏の以前のサイトというのを拝見した事がないのだが、
こりゃすごい。擬似フレームの組み方とかよく思いつくなあ。
もっと色々できるのかも。勉強になりました。
にしても16か……。

45 :Name_Not_Found:01/09/02 00:30 ID:fuJ5mFlE
http://www.rems.f2s.com/

46 :Name_Not_Found:01/09/02 01:41 ID:e4HMAr9Q
>>43
自薦ですか??
色使いとナビゲーションバー固定が素敵だと思いました。

>>45
う〜ん・・・良さが分からなかったり。
<br>でレイアウトしてたり。

47 :Name_Not_Found:01/09/02 01:55 ID:YIz6Dg3Q
>>45
フ ク オ カ<br><br>

こんなことやってる時点でCSSを理解してなさそうに思う。

48 :ちょこら:01/09/02 02:11 ID:a.Zt.W/U
>>45
とりあえずWebデザインとしてイケてるとは言いがたい。
色の感じとかはいいけど。

49 :45:01/09/02 02:12 ID:fuJ5mFlE
いや、プログラマ的デザインじゃないヤツを・・と思ったんだけど
やっぱりある程度はCSS徹底してないとダメか。

50 :ちょこら:01/09/02 02:18 ID:a.Zt.W/U
>>45
悪いとこまでテーブルっぽくしなくていいと思うよ。
とりあえず横幅固定でデカ過ぎ。

別にcssのテクニックがすごい必要はないと思うけど、
変な使い方をして閲覧性を下げてしまっては意味がないと思う。
あと>>47が言うように<br>とかのレガシーな手法と
ごちゃ混ぜにしてしまうのも意味がないと思う。もったいないよ。

なんか俺、えらそーだな。自戒を込めてということでユルチテ。

51 :45:01/09/02 02:24 ID:fuJ5mFlE
ていうか俺のサイトじゃないけど。直リンすんじゃなかったな。

ttp://www6.plala.or.jp/t109/
あと、こことか

52 :Name_Not_Found:01/09/02 02:25 ID:e4HMAr9Q
所で「プログラマ的」デザインと「プログラマ的でない」デザインの違いってどんな違いなんですか?

53 :Name_Not_Found:01/09/02 02:28 ID:fuJ5mFlE
>>52
武骨なヤツとそうじゃないヤツじゃない?

54 :ちょこら:01/09/02 02:28 ID:a.Zt.W/U
>>51
なんだ>>49の書き方でカン違いしたよ。スマソ。

55 :Name_Not_Found:01/09/02 03:20 ID:e4HMAr9Q
>>53

武骨ですか・・。いまいち想像つきません。すみません。
もし良かったらCSSにこだわらずに、どこかプログラマ的でない
サイトをご存知でしたら教えて下さい。
勉強してみます。

56 :Name_Not_Found:01/09/02 03:29 ID:e4HMAr9Q
>>53

あ、一生懸命HPを作ったが(相互リンク問題)の方に誤爆してましたね(笑)。
今読んでて「あれ?どこかで・・・」と思ってしまった。

57 :Name_Not_Found:01/09/02 03:32 ID:fuJ5mFlE
>>55
というか、はっきり言えばカッコイイデザインとダサいデザインってことじゃないでしょうか。

CSSにこだわらないのはスレ違いなんでこことかで探してみたらどうでしょう。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991018224

58 :Name_Not_Found:01/09/02 03:54 ID:e4HMAr9Q
>>57
助言どうもです。そちらも参考にしてみます。

ただ、ここは「CSSでイケてる」なのに「ダサい」って
ことでしたら、みもふたも無いですね。
結構好きなデザインのサイトも多いだけに。

精進します。

59 :Name_Not_Found:01/09/02 04:04 ID:fuJ5mFlE
>>58
うーん、ダサいというのは言い過ぎた気もします。
なんだろう、機能美と外観美(こんな言葉あるんだろうか)の違いかなぁ。

60 :ちょこら:01/09/02 04:06 ID:a.Zt.W/U
>>59
いや、それを両立してこその/イケてるデザインサイト/だろう。

61 :Name_Not_Found:01/09/02 04:08 ID:fuJ5mFlE
>>60
そういうの挙がってないじゃん

62 :ちょこら:01/09/02 04:09 ID:a.Zt.W/U
>>61
だから探すんじゃない?

63 :Name_Not_Found:01/09/02 04:12 ID:fuJ5mFlE
>>62
ていうか、俺は「プログラマ的デザインって何よ?」って質問に答えただけだし。
>>60は正論だけど、文脈的には的外れだと思った。

64 :Name_Not_Found:01/09/02 04:43 ID:E5D6T/CE
無いよ

65 :Name_Not_Found:01/09/02 11:24 ID:W0NpHCvY
海外
http://screaminweb.com/

66 :Name_Not_Found:01/09/03 13:21 ID:4PotyZz2
http://www.ichigo.sakura.ne.jp/~2nd/

リンクのコーナーのがちょっと好き。

67 :Name_Not_Found:01/09/03 15:37 ID:PeDlsT1s
http://www.hibiki.org/
壁紙の使い方がいいと思った。

68 :Name_Not_Found:01/09/04 01:23 ID:yVmamonI
http://www.cs-w.com/~sakura/

69 :Name_Not_Found:01/09/04 02:16 ID:4jVjWzgo
>>68
正直、何がどう、CSSでイケてるのか教えて欲しくなった。

70 :Name_Not_Found:01/09/04 02:33 ID:BD2oUIpc
>>68
格ゲーの腕はそれなりにあるみたいね。

71 :Name_Not_Found:01/09/04 02:41 ID:6G/42BdM
>>65
代替スタイルシートきれいだった。
ただ、背景画像にすべきところを、img要素でpositioning。
IEでCSS切ると一部訳わからん。

72 :Name_Not_Found:01/09/04 05:02 ID:u8BGCDQg
http://www4.ocn.ne.jp/~h5150/

73 :Name_Not_Found:01/09/04 09:23 ID:CIZjLhwU
http://www.mayhem.net/juke/bodiesbeat1.html
ロンドンの黒魔術師が作ったそうな…

74 :Name_Not_Found:01/09/04 11:03 ID:m7kXX7Kk
>>73
くだらないことするな。

75 :Name_Not_Found:01/09/04 15:09 ID:pMweymKA
>>72
いいかもしれない

76 :Name_Not_Found:01/09/04 15:14 ID:pMweymKA
自己満足以外の代替シートってのを見てみたい

77 :Name_Not_Found:01/09/04 15:23 ID:4jVjWzgo
個人的には、個人でやってるサイトで自己満足じゃないサイトなんぞ見たことが無い。
そもそも、代替シート(見栄えを用意すること自体)が自己満足なんじゃ?

78 :Name_Not_Found:01/09/04 15:27 ID:pMweymKA
いや、別に個人サイトじゃなくていいんだよ
代替シートって自己満足のためにつくられたもんじゃないだろ?

79 :Name_Not_Found:01/09/04 15:33 ID:4jVjWzgo
>いや、別に個人サイトじゃなくていいんだよ
まぁ、確かにそういうところがあれば見てみたい気はする。

80 :まとめたぞ:01/09/04 20:33 ID:QWB4R/Rk
ひさしぶりに野崎タンのとこ行ったら http://203.174.72.112/monar01/
がリンクにあったのでビクーリ。

漏れのサイトも載ってるから初の2コ制覇か(ワラ

81 :飛翼:01/09/06 01:23 ID:n1qhH.os
野崎タンのところ絶対登録されないと思ってたのに
漏れのサイトもあってビビッタヨ(藁

スタイルシート新しく作成
今回はかなり環境に左右されない
(NN4とIE3以下は別)CSSになったと思うので
デフォルトに設定してみた。

http://village.infoweb.ne.jp/~fwhs8240/index.htm?basic

新シートを作るたびにここでさらすのが習慣になったりして
いや、そんなにぽんぽんシート作らないが。

まとめたぞ>
2コ制覇おめでとう。
http://203.i74.72.112/monar01/の管理これからも宜しく

82 :飛翼:01/09/06 01:25 ID:n1qhH.os
誤打してるし。鬱
http://203.174.72.112/monar01/だな。

iってなんだよ。逝ってくる

83 :ちょこら:01/09/06 02:00 ID:U0rlz.gw
自らURL晒すスレってここくらいだね(笑)

84 : :01/09/06 02:05 ID:eZTH9Wdo
>81
だっせーんだよ。晒すほどのものか。
もっと作りこんでからにしろ。

85 :Name_Not_Found:01/09/06 02:14 ID:I8R/vLZI
>>81
とりあえずメニューがホバーでガクガクなるのはカコワルイ

86 :まとめたぞ:01/09/06 02:26 ID:czrxG8Ng
>>飛翼

なんか、評価スレみたいだな。
もうちょっと頑張ればいいものができると思うよ。84のいうことは気にせず
精進してちょ。

87 :Name_Not_Found:01/09/06 02:26 ID:nZ7/pJ.A
いまさらだけど
http://msdn.microsoft.com/default.asp
の左のメニューはすばらしい。

88 :Name_Not_Found:01/09/06 02:31 ID:I8R/vLZI
>>86
んー、俺は>>84の言うことも分かるよ。
一応ここはイケてるデザインサイトを紹介するスレなんだからさ
自薦でイケてなかったりしたら叩かれて当然じゃないすか。

89 :飛翼:01/09/06 02:32 ID:n1qhH.os
>>86
サンクス〜
2chでけなされてもあまり悔しくないのは耐性か(藁

>>85
ホバーガクガクなるのはカコワルイとは思ったけど
何故かなおらないんだよなぁ。鬱。
実力不足〜。まぁ数時間で作っちゃったので
もうちょっと色々いじってみるさ

>>87
カコイイかも知れないけど
レイアウトがtableなのが玉に傷か?

90 :まとめたぞ:01/09/06 02:45 ID:czrxG8Ng
>>88

なんとなく、良スレなのに言葉遣いが荒かったから、思わず。

>>89

カコイイの作って、もう一回晒して。

ところで、>>999てしてもリンクにならなくなったな。不便。

91 :Name_Not_Found:01/09/06 05:42 ID:w7dm0D9A
>>89

ul.manu li a {
border : 1px hidden #000;
}

あたりでどう? 色指定は不要かも。

92 :Name_Not_Found:01/09/06 12:12 ID:MNXChw5s
代替スタイルシート使用
http://www06.u-page.so-net.ne.jp/jf6/yamataka/

93 :Name_Not_Found:01/09/06 12:45 ID:OnrAt7gQ
>>92
そこの
/css/user-stylesheet.html
にある、

<引用>
あと、body 要素は小文字で書くほうが良いでしょう。
XHTML では小文字で要素名・属性名を指定しなくてはならない、
ということになっていて、XHTML は XML アプリケーションの一種でして、
大文字・小文字の區別をします。よって、Web での汎用性を高めるために、
要素名を小文字で記述します。
</引用>

は本当?
css内の記述まで小文字にする必要あるの?

94 :Name_Not_Found:01/09/06 12:56 ID:MNXChw5s
http://homepage.mac.com/macdawn/index.html
http://www.yo.rim.or.jp/~h_m/dependence/
http://www1.sphere.ne.jp/pillow/

95 :Name_Not_Found:01/09/06 13:06 ID:rfkOXzyE
>>93
はっきりと、
>XHTMLでは
って書いてるじゃん。
「誰もCSSで」なんて言ってないと思う。
HTML(XHTML)とCSSは全く別の仕様です。
そこの文章の流れだって、HTMLと
CSS両方の話をしているように見えるし。

96 :Name_Not_Found:01/09/06 13:09 ID:PF.XB.Fs
>>93
ここらへん。
http://www.w3.org/TR/REC-CSS2/syndata.html#q4
<blockquote>
All CSS style sheets are case-insensitive, except for parts that are not under the control of CSS.
<中略>
Note in particular that element names are case-insensitive in HTML, but case-sensitive in XML.
</blockquote>

97 :Name_Not_Found:01/09/06 13:13 ID:0uCY7zXE
>>93
http://www.w3.org/TR/xhtml1/ のC.13に
>CSS style sheets for XHTML should use lower case element and
attribute names.
(XHTMLのためのCSSスタイルシートには、小文字の要素名・属性名を使うべきです。)
とある。

98 :94:01/09/06 16:11 ID:OnrAt7gQ
>>96 >>97
理解した。ありがとう。

99 :飛翼:01/09/06 18:45 ID:n1qhH.os
http://www.din.or.jp/~himura/
微妙かも知れないが・・
at-worksが個人的にシンプルで好きっぽかったので
既出感漂う

http://www.pipmac.com/
これまた既出感漂ってるのだが
記憶に残ってないので一応あげる

>>94
2つ目が一番好きかも
3つ目がやたら重かったんだが漏れだけ?

>>92
確かそこは既出だったはず・・・

メニューのガタガタをなおして
背景画像を変えたが
さらすほど変わってないので・・

どうも漏れにはデザインセンスがないらしく
人とずれてるというのか・・
カコイイCSS・・・何がカコイイか考えてから再チャレンジするよ(藁

100 :94の3つ目:01/09/06 22:10
前スレは何度か覗いていたのですがまさか自分のサイトが載るとは。

>99
やたら重いとのことですが、以前から知り合いにも「重い」と
何度も言われてたんですよ。
解決方法がわからなかったのでそのままにしていたのですが、
94の2つ目を参考に

div.main {
float : right;
}

というようにfloatを使うよう変更したところ、IE5では軽くなりました。
今までmargin-leftを伸ばして左のスペースを空けていたのですが、これが
原因だったようです。ついでに左の部分もfloat:leftに。

#しかし今度はNetscape6で見ると右の部分が下に行ってしまう…

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

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

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