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

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で見ると右の部分が下に行ってしまう…

101 :飛翼:01/09/06 22:19
>>100
今見たら軽くなってた。
見た目はけっこう好きだな。
漏れはいけてると思うぞ。
うちの方が「イケてる」にはほど遠いっぽいな。鬱

NC6でもまとも。むしろNC6のほうが
かなりいい感じに見えてるのは漏れだけかな?
右側下がってないぞ?


IE4がmargin-rightに対応してないのがなぁ・・

102 :飛翼:01/09/06 22:21
NC6のタブを戻したら
突然下がった。(いつもは左端ぴっちりに追いやってる)

窓自体を縮めても同じ現象は起こらないから
NC6のささやかなバグってとこだろう。多分

103 :飛翼:01/09/06 22:22
3連続でほんとに悪いんだが
今もう一回試したらタブ動かしても問題なくて・・

漏れはお手上げ。逝ってくる

104 : カススタ:01/09/06 23:49
>>100
width指定を忘れていないか?
floatとwidthはセットでよろしく。
70%くらいだろうか。

105 :100:01/09/06 23:54
>101-103

わざわざ3度もどうもです。
94の2つ目はN6でも大丈夫なのでそれを見ながら直していこうかと。

ところで、褒めてもらってから言うのもアレですが自分のとこは基本的に
「共有ιょぅょ」のシートを引っ張ってきて改変したものです。
今はちょっと見られないようですが、シンプルな色使いでなかなか
良いデザインではないかと思います。HTML4.01 Strict + CSS2ですし。
http://jump.uranews.com/kanon/

106 :飛翼:01/09/07 00:12
>>104

widthの指定が無かったのか。納得
cssファイルまで見ないからナァ

>>105
漏れも作れスレのclip.cgiから
ねぎま氏のCSSかっさらって参考にしまくってた。(整地は今でも使ってる)
まぁ最初は模倣から入るぐらいで良いのでは?

ちなみに作れスレ
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104

107 :Name_Not_Found:01/09/07 00:20
CSSファイルくらい見ろよ
つか、CSSファイル見ない人にのスレってなんか意味あんのか

108 :飛翼:01/09/07 00:29
>>107
いや「イケテルデザイン」のスレだし
とりあえず見た目とソースがstrictかを見て
cssまで見ることはあんまり

作れスレとかのcssは見るけど

109 :Name_Not_Found:01/09/07 06:40
107じゃないが、

>>108
いや、「CSSで」イケてるデザインサイトだぞ?

110 :Name_Not_Found:01/09/07 07:37
俺もだっせぇとこのは見ないけど、基本的にCSSまで見る。

111 :Name_Not_Found:01/09/07 11:00
ソース表示で外部CSSも見れるブラウザきぼーん。
せめてMozillaはそうなってほしい。

112 :飛翼:01/09/07 20:24
>>111
激しく同意
それなら自然と見れて便利なんだけどナァ

>>109
「cssで」省略してしまった。スマソ
とりあえず外観を見て「CSSでこんな感じにもできるのか」
ってかんじで。外部cssをdlするのがおっくうなので

113 :Name_Not_Found:01/09/07 20:57
IEの「名前を付けて保存」でCSS代替スクリプトで表示中の.cssも保存して欲しいかも。

114 :Name_Not_Found:01/09/10 00:44 ID:p.pMZ4Z2
久々に来たら自サイト貼られてターヨ。
放置プレイ中なのにアクセス増えてておかしいとは思ってたけど。

115 :Name_Not_Found:01/09/11 00:52 ID:de9SN5JU
age

116 :Name_Not_Found:01/09/13 12:44 ID:DeazqCjA
>>114
どこよ。

117 :揚げ玉:01/09/14 03:44 ID:rtbV8Jek
http://www.2advanced.com/

カコ(・∀・)イイ!

118 : :01/09/14 03:52 ID:/BjdFts2
>117
すまん,スクロールバー以外に css が見当たらないのだが,どこにあるの?

119 :Name_Not_Found:01/09/14 04:08 ID:maTXSNRs
>>117
同じくスクロールバー以外に使ってないと思う

120 :Name_Not_Found:01/09/14 08:22 ID:3Zj5wNf6
>>117
入り口探すのに15秒かかった。

121 :Name_Not_Found:01/09/14 14:03 ID:wvaY96v.
IE6で、CSS使った疑似フレームのマウスホイールが有効になってるっぽくない?
piroたんところの"Flat"で確認。


その一方"Orange"が悲惨な状態に。悪いのはやっぱIE6かな?

122 :Name_Not_Found:01/09/14 16:30 ID:NyvIHPtk
>>121
漏れはそれいやだなぁ。
子犬のワルツみたいになるんだろ?

123 : :01/09/17 04:34 ID:TEqtvWoM
age

124 :Name_Not_Found:01/09/17 05:57 ID:.4OpQNWI
>>116
上の方だよ。ビクーリシタヨ

125 :Name_Not_Found:01/09/18 12:45 ID:4DlIb4hI
URL : http://www.kanzaki.com/info/valid-xhtml.html
CSS : http://www.kanzaki.com/parts/kan01.css

XHTML 1.0 全開 !!
既出だったらごめんなさい。

126 :Name_Not_Found:01/09/18 12:52 ID:QHNACmro
既出つか、神崎氏のサイト自体まとめ氏のリンクに入っているからな。
というよりも大御所でなく、隠れキャラが欲しい所。

何か一点でもCSS的に秀でている部分があればいいと思うし。

127 :Name_Not_Found:01/09/18 13:44 ID:zUrFg9TY
http://isweb4.infoseek.co.jp/computer/coolo/guide/navigation.shtml

既出でしたらごめん。

128 :Name_Not_Found:01/09/18 13:58 ID:QHNACmro
>>127
前スレのどっかで三田ね、それ。

129 :Name_Not_Found:01/09/18 14:01 ID:zUrFg9TY
>>128
既出でしたか。すみません。
ってことでもうちょっと探してきました。

http://www.bc.wakwak.com/~aon/

- ttp://aonhotz.virtualave.net/index.html
- ここの別サイト??

http://www.remus.dti.ne.jp/~takahisa/flm/index.html

- わざわざスクロールバーを左側に

http://www2.osk.3web.ne.jp/~ykimura/

130 :Name_Not_Found:01/09/18 14:58 ID:rkzyBwcM
>>129
>- わざわざスクロールバーを左側に

??? 見たけど普通のスクロールバーでしたが。
あと、どのへんがイケてるのかなあ、コレ。

131 :Name_Not_Found:01/09/18 16:23 ID:FM24pkaQ
CSSの限界を痛感するスレ

132 :Name_Not_Found:01/09/18 16:46 ID:DkJuqc3c
海外
http://www.outer-court.com/

133 :125:01/09/18 19:31 ID:sKui5./.
>>125
125 にある神崎氏の CSS を見ていたのだが、
以下4つの要素の意味を知りませんでした。

dfn
acronym
var
col

皆さんは知ってますか?

そこでこんなリファレンスを見つけてきました。参考になりますよ。
http://www.parkcity.ne.jp/~chaichan/src/element.htm

134 :Name_Not_Found:01/09/18 21:19 ID:SCUL1wrg
>>133
ぉぃぉぃ・・・・

135 :ちょこら:01/09/18 22:24 ID:jHxGZiiw
>>132
よいね

136 :Name_Not_Found:01/09/19 21:33 ID:lyMeZ/Ik
既出?

http://0084radio.fw.cx/

テーブルレイアウトっぽい。

137 :まとめたぞ:01/09/19 22:07 ID:.tpn/hlc
http://203.174.72.112/monar01/

久々の更新だじょい。
気づいたこと。何個か。

一応作者の意向をくんで<title>からタイトルをコピーしたんで、ソースを全部見て
るんだけど、結構個性が出るね。<div class="hidari">とかやってるとニヤリと
する。

海外が増えた。がんばれニッポン!

ついに、100リンク突破。

次回の更新はまた気が向いた時に。では!

138 :Name_Not_Found:01/09/20 05:40 ID:c5N9w8eM
http://203.174.72.112/monar01/
が見れない。

139 :Name_Not_Found:01/09/20 09:21 ID:.BcOmapM
↑俺漏れも!

140 :Name_Not_Found:01/09/20 10:14 ID:RdXmdUPs
ウイルスの影響?

141 :Name_Not_Found:01/09/20 11:23 ID:gbQvUui6
デリられたんでわ。広告違反か何かか?

142 :まとめたぞ:01/09/20 19:43 ID:67O8hVqg
デリられた模様。gooの無料HP(w 使ったんだけど、バナー消してたからなぁ。

さて、別にバナー消ししなくてもポップアップしてもいいかなとも思うので
いい垢探してageますわ。

ローカルにはしっかり残っているのでしばしお待ちを。

143 :カススタ:01/09/21 00:57 ID:nlnY8b2Y
まとめたぞ氏がうぷするまで
http://www.geocities.co.jp/Milano-Killer/8583/matometazo.html
でふんばっておくれ。イッコ前のやつだが。

144 :Name_Not_Found:01/09/21 03:52 ID:P.nO9ONs
広告消しでデリ・・・イケてなさすぎる

145 :Name_Not_Found:01/09/21 04:42 ID:yYEw6xrE
新版のHTML、オフラインキャッシュに入ってたけどいる?

146 :Name_Not_Found:01/09/21 05:48 ID:jinh3Lyo
http://www.akane.sakura.ne.jp/~teambwi/

147 :Name_Not_Found:01/09/21 11:50 ID:yuaAlj8Q
>>146
テーブルレイアウトだねぇ

148 :Name_Not_Found:01/09/22 02:41 ID:Ziu0ivl2
>>136
う〜ん・・・。
よくわからんが何か違和感が。

わかる人います?

149 :sage:01/09/22 03:38 ID:bgz4xvOg
>>148
どんな違和感??

150 :148:01/09/22 08:54 ID:Ziu0ivl2
文書構造の違和感かな。
素人なもんで。

151 :Name_Not_Found:01/09/22 10:22 ID:.OdOr8wA
文書構造も何も画像使ってるし┐(´ー`)┌

152 :Name_Not_Found:01/09/22 14:04 ID:JrUcDruc
>>136
メニューがぴょこぴょこワープするのは仕様か?
Macで掲示板つかいづらい&フォーム文字化け。甘いな。

153 :Name_Not_Found:01/09/23 09:19 ID:.l2sgzws
ダブルクリックでメニューが出るって書いてあるYO!

154 :Name_Not_Found:01/09/23 22:12 ID:xZdgr6lQ
http://www.geocities.co.jp/Playtown-Denei/3081/

さっぱり風。

155 :Name_Not_Found:01/09/24 00:13 ID:luy.CQ7M
>>154
ここはイケてるデザインスレなんだけど?

156 :Name_Not_Found:01/09/24 21:44 ID:lS.GZWKc
http://minatsu.pos.to/
http://noemi-withyou.hypermart.net/index.cgi
http://kenny.pos.to/
既出があったらスマソ。

157 :Name_Not_Found:01/09/24 23:28 ID:OfPP3tUc
海外
http://www.fchrc.org/

158 :Name_Not_Found:01/09/26 00:29 ID:cGqRihzM
ありがとうございます。
私のサイトなんぞを取り上げて頂いて。

ねぎま氏に感謝の極み。

159 :ねぎま:01/09/26 03:46 ID:LB9F/vUE
>>158
何かしたっけかな…

ひさしぶりです。そこそこ忙しく生きています。

160 :Name_Not_Found:01/09/27 11:48 ID:0Tc3xiEM
海外
http://www.petmystone.com/
「table使ってません」というバナーがある。これは初めて見た。

161 :名無しさん:01/09/27 12:34 ID:gWJ0Ob2I
>>160
ネスケ4だけじゃなくてIE4でもうまく表示されないよー。

162 :Name_Not_Found:01/09/27 12:40 ID:tomIvq22
>>161
float を使っているからです。
IE4など使っているほうが悪い(暴言は承知の助)。

163 :まとめたぞ:01/09/28 01:31 ID:NG3OhM1g
とりあえず、前回のを復旧。
リンク追加については週末に。

http://members.tripod.co.jp/monar01/

164 :ちょこら:01/09/28 01:57 ID:cZRbEmxo
復活age

165 :ちょこら:01/09/29 11:27 ID:EygkPNig
保守sage
2連続レスで何やってんだか。

166 :さが:01/09/30 01:22 ID:qkTWnNn.
下がりすぎ。

167 :まとめたぞ:01/09/30 03:44 ID:.T1TpQp6
http://members.tripod.co.jp/monar01/

とりあえず、サイト移転組の書き直し+リンク切れの削除+既出サイトを追加。
こんな夜中に何やってるんだという思いにカラレながら何とか更新。

勝手ながら<!DOCTYPE>が怪しげなのと、style直書きのサイトは今回入れなかった。
まぁ、あんまり反対の人もいないだろうけど。

168 :Name_Not_Found:01/09/30 04:29 ID:69IAny.I
>>167
お疲れさんです。
我が放置サイトも追加して頂いたようで、
なんというか、ごめーそ。
そろそろ新しいシート書いてみようかと思い立った。

169 :コピペ:01/09/30 07:33 ID:vHei.cjk
60 :Name_Not_Found :01/09/30 04:27 ID:wgLjjBls
文字サイズのこと、聞いていた人がいたけど、Macの標準フォントOsakaでは、
11pxや13pxは、汚い表示になります。(9、10、12、14はOK。)

IE 5 では補正がされているようなので、一応、大丈夫なんだけど。
iCab(ネスケでも?)だと、ギザギザになっちゃってるよ。
ちなみに、iCabは、簡単にUAが偽装できるので、「そんな人は見に来ていない。」
と思っていても、結構いたりすると思う。(はじかれないように、「IE 5」にしていたり。)
マカーの間では、マンセーなブラウザだし。

詳しくは、よくこの板からリンクされている CSS系(URL失念)のサイトに載っていたから、
調べてみてちょ。

61 :60 :01/09/30 07:24 ID:vHei.cjk
ここだった。

三日坊主++の部屋
ttp://east.portland.ne.jp/~sigekazu/css/sample/font_size.htm

170 :まとめたぞ:01/09/30 15:41 ID:xn3MsshA
>>169

全てのUAで問題なく閲覧できる。WAIの思想はなどなど、アクセシビリティは私自身
のサイトでも結構気にしているので、あのリンク集においても、多少フォントサイズ
をいじらせてもらった。100.css作者さん。スマソ。

171 :169:01/10/01 01:04 ID:iQimddqE
>>170
あ、読みやすくなってる!
ありがとう。感謝。
まとめたぞさん、すてきー。

172 :Name_Not_Found:01/10/02 01:31 ID:fFLFqWyY
アノイロヅカイデ
>アクセシビリティは私自身のサイトでも結構気にしている
トイウノハイカガナモノカ。
テカ、
>全てのUAで問題なく閲覧できる
ッテホントカ?(w
ア、
http://east.portland.ne.jp/~sigekazu/css/sample/font_size.htm
ニノッテルスベテ・・・カ。

173 :まとめたぞ:01/10/02 01:37 ID:UH13eI3M
>>172

ネタなんですが。。。

まぁ、いいや。見にくかったらCSSオフにしてちょ。

174 :Name_Not_Found:01/10/02 09:04 ID:VrFD9azM
まとめたぞ氏は、strictで書いただけなんだから、そんな責めてもなぁ。

>まとめたぞ氏

前の白いシートに代えたら?漏れも100.css氏には悪いが見にくいと思う。

175 :Name_Not_Found:01/10/02 18:06 ID:V44XUrg6
100.css作ったものです。
まとめたぞさん、手直しありがとうございました。
自分で言うのもなんですが、見難い色だと思います。
私はかまいませんので前のシートに変えてください。
つーか誰か新しいの作ってよ。

176 :まとめたぞ:01/10/04 23:31 ID:hqAtLr0M
>>175

申し訳ないけれど、前に戻したよ。私は結構好きだったんだけどね。
http://members.tripod.co.jp/monar01/

177 :Name_Not_Found:01/10/04 23:50 ID:gn7TgBbQ
もうちょっとLINKとVLINKがはっきり識別できるといいなぁ


とか言ってみる。

178 :凪d萌え:01/10/07 18:28 ID:WfaUrxaA
んががが。
http://cgi18.plala.or.jp/nagito/index.shtml

179 :Name_Not_Found:01/10/08 17:06 ID:3DYTw8mk
>>178
右側の空白に少し萎えた。
でも萌え〜

180 :まとめたぞ:01/10/08 18:03 ID:c41l.r8I
カススタ氏に触発され、エロリニューアル。
93.css氏。勝手に書き換えちゃった。スマソ。
http://members.tripod.co.jp/monar01/

181 :まとめたぞ:01/10/08 18:05 ID:c41l.r8I
fixed マンセー
関係ないので、sage

182 :Name_Not_Found:01/10/08 18:32 ID:HgD8Wfgg
クソ重いYO!

183 :まとめたぞ:01/10/08 19:18 ID:Eb5kbjBo
やっぱり?
やめよう。(泣)

184 :Name_Not_Found:01/10/09 18:45 ID:uSwNK286
http://members.tripod.co.jp/monar01/

この際だから相互リンクにしてしまおうかと迷ってるのだが。
どうしたものか。

185 :まとめたぞ:01/10/09 23:30 ID:gC3GFOAk
いいんじゃないだろうか。
漏れは、ただ書いただけだから、何とも言えないけどね。

つーか、本人降臨組ね。仲間っす。

186 :ねぎま ◆NEgiMAFY :01/10/10 02:00 ID:1HToz2xI
最近めっきりシート作らなくなったなあ。

と思っていたら、今日帰り道でちょっと思いついたので、
まとめたぞリンクのシートそのうち作るかも。思いつきだから
実装に阻まれて作れないかも。んー。

187 :Name_Not_Found:01/10/10 04:40 ID:N8DM/hs.
IE 6.0って惨いね。
画像のfloatプロパティをいじって、文書を回り込ませたあと、clearプロパティをbothにして
回り込み解除するStyleSheetでHTML表示させたら、回り込ませた文章が消えてしまう。
しょうがないから、img要素のalign属性+<clear>で解決しようと思う。

188 :Name_Not_Found:01/10/10 05:47 ID:5OBYw3eE
>>187
へえ。
できればもうちょっと詳しい状況をこちらで報告してくれると有り難い。

CSS/DHTMLバグ辞典スレッド ver2.0
http://natto.2ch.net/test/read.cgi/hp/991666454/l50

189 :Name_Not_Found:01/10/10 12:40 ID:k7yyggQs
>>187
ttp://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/WinIE6float.html

190 :ねぎま:01/10/10 17:37 ID:1HToz2xI
>>189
http://www.google.co.jp/search?q=cache:R-_rIfT3eqk:www.cc-net.or.jp/~piro/tips/page/p0044.html

こういうことじゃなくて?

191 :Name_Not_Found:01/10/11 12:19 ID:2a2LVJL6
>>190
違う。>>189のリンク先をよく読んで。

192 :Name_Not_Found:01/10/11 14:03 ID:6m4ACXq2
http://www.shion.sakura.ne.jp/~akaname/
Win版とMac版が選べる。

193 :Name_Not_Found:01/10/11 14:09 ID:Woe0pIJ6
http://www3.plala.or.jp/df/
構成が割りと良いかも
内容も充実してるし

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

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

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