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

このスレッドに挙がったサイト、Operaで見てもまだイケてるかな。
誰か試した人は？

>>484-485
作れスレにお題があると思うが。

>>487
そこにどんな意味があるんですか、と聞いてみる。
OperaはCSS対応あやしいからさ。

＞OperaはCSS対応あやしいからさ。

その「あやしさ」がIE5.0と同程度で済むのなら、Operaへの対応も
考慮した方がいいかなと思ったもので。
実際、具体的な問題点がわかりませんし。どうなんですか？

>>489
なるほど。

オレが確認したのは
position:absoluteで、rightが無視された
overflowしない
くらいかな。
他にもあると思うけど、強制終了が多くて
使い物にならなかったので（βだから仕方ないが）
いろいろ確認する前にアンインストールしてしまったよ。

印象としてはそれほど軽いと思わなかった。
まだIE5.01の方がましかなと思った。
CSS実装ではやっぱmozillaが一番かな。

長文スマン

Operaはお話になんないよ。CSSで言えば、

IE5＞＞Opera＞＞＞＞N4

こんなところか。
子孫セレクタとか{ positon: fixed; } には対応してるようだけど。
座標や余白がガタガタ。

広く浅い対応と言えそう。

こっちもage

http://www.printnet.co.jp/~ukun/yaksa/

ここはまだ出て無かったかな。

>>493
どこいらへんがいいのか理解に苦しむ。

ネタ切れですかね・・・えらい停滞気味

http://www.keddy.ne.jp/~ill/

例によって字が小さいなー。
あのデザインなら普通のサイズにしても
縦にのびるだけで特に問題無いだろうに。

いいやつがいろいろ出てても、そこから学習して
レベルアップするサイトが無ければ意味が無いよねえ。
見て文句言うだけなら誰でも出来る。

/.の投稿で見つけたサイトだけど、良く見たらここの住人だ。

ってか前あったサイトだったね・・・デザイン変わったのかな？

>>498
なんで決めつけてんの？

誰か、a: hover に背景画差し込んでる有名サイト知らそ？
企業系が好ましいんだけど。

>>502
あれ？いなかったっけここの住人で。hoverにGIFアニメ入れてる人。

>>503
www.ero-site.com のことかな?

あと cgi.mrdn.net/maple/ とか。

>>502-503
piro氏のとこの strict スタイルがそう。企業じゃないけど。

>>504-505
それは両方とも同じ作者の手によるものですが、
>>504の方は消したい過去であり、今はどっかの人が全部入れ替えたので
見た目はちょっと似てますが、テーブルレイアウトのサイトになってます。
/*お暇でしたらリンク週から消しちゃってください>>まとめたぞ氏*/

http://users.goo.ne.jp/freegame/
PCゲーム板の住人
main.htmがいまいちかなぁ。ゲームの内容のページはみやすくていいよ。
すっきり白系

みなさんありがと。
ちょっと某所で使用例として紹介したいんで、
できれば個人サイトは避けたいというか。
企業ではやっぱりないんかな。なかなか見つからそ。

>>508
このスレの人たちが近々作ってくれることを願いましょう。
がんばりまっす。

>>ちょこら氏

ero-site.com を削除しました。よろしう。

新しいスタイルを拵えたんだが、どうよ？
http://www.medias.ne.jp/~wangando/index.html?Brown%20and%20Autumn

>>510
お手を煩わせてすいません。
ありがとです。

>>511
縦幅がないと、スクロールが多くてなんだか。
タイトルと文字が重なってるのがわかりにくい。
でも方向性は悪くない。
# 何でいまさら「秋」なのかというのはおいといて。

>>513

>でも方向性は悪くない。
thx。

このスタイルを考えていたのが9月ごろだったのだが、
なかなかスタイルを書く暇が無くて。色と絵を変えて冬バージョンも作ろうかな。

縦幅がどんなでも、スクロールが出ないようにする方法ってありますか。
%ではなくて、emで指定?

http://www.bbap.cc/~sakana/

スレ住人と思われ。
しかし、ソースを見るとわかるが、あまりHTMLをわかってるとは思えない・・・

とりあえず DOCTYPE宣言を正しい物に直しとこうね。
align使ってるのにstrictになってるよ。

>>515
IE5.01だと崩れる（左側が空いてコンテンツリストが真ん中に重なる）。
Mozillaではテキストがボーダーで区切った枠を越えて表示される。

いつも思ってたんですが、イケてるサイトをどうやって見つけてるんですか。
ジャンルも何もかもバラバラで、到底よく見てるとこのリンク先から拾ったって感じでないし。
検索するにも自分で「ＣＳＳでイケてる」ってキーワード入れてるヤツは滅多無いはずだし。

>>517

CSSやHTML関係の用語をいろいろ組み合わせて探してます。
でも最近は出尽くし・・・

もっと海外へ進出しよう。

>>515
これってしかたなくはいったバナーだったんでは。

>>519
本人?
バナーじゃなくてDOCTYPE宣言をつっこんでいるんじゃない？
Transitional な HTML だから。

>>515
カスイケかと思った。
http://homepage.mac.com/csstyler/

>>515
ﾜﾛﾀ。
特にｲﾀｲのは、http://www.bbap.cc/~sakana/style.css
みてみれ。

>>522 ﾜﾗﾀ。つうか絶句。
これで何を人様に教えようというのか。

>>521
なるほどね。あっち系の画像とかね。別にいいけど。

配色はカスイケ氏より見やすくていいな。
でももっと頑張って。

>>515
なんか html, css ともに「どっかからコピペしてきた感」
が漂いますが。なんか一人の人が書き上げた感じじゃない。
まあいいですけど。
いろんなテクニックとかよりも、
もうちょっと基本的なことを勉強するのがよいと思われ。

をいをい、あんま叩いてやるなよ。
って思った。で、見てみた。

ﾜﾗﾀｰﾖ。教えるより教われ。

CL-Styleの管理人です。
移転したので、
http://members.tripod.co.jp/monar01/
のリンクを直していただけませんか？

http://www.bb.wakwak.com/~mya/
から、
http://www.style221.net/
に移転

>>527
わざわざありがとうございます。
完了しました。独自ドメインですか。
このスレと評価スレくらいだよな、自サイト晒すの（ｗ

http://hms.vis.ne.jp/bwr/

デフォルトのスタイルシート。中々面白いが
イケてるかどうかは怪しいとこだ。
どっちかというと“故意ダサ”系かも

http://203.174.71.21/%7Ekatuming/main2.htm
（http://203.174.71.21/%7Ekatuming/内の１フレーム。）
地域系サイトとしてよくできてると思われ。

http://www.karajan.tv/
のざきたんところのリンク集にはあったからみなさんご承知かもしれませんが。
こういうのを見るとやはりH1にいい画像を置くのが重要かと思う。

>>527
Sheet2が好きです。

>530
>http://www.karajan.tv/

デザインは良いとは思うが
＞お使いのブラウザは、JavaScriptが使用できないか、もしくは有効になっていません。
＞JavaScriptが使用出来ない環境では、スタイル・シート無効での閲覧をお勧めします。
ってのが頭に表示されるのが萎え

>>515
なんか>>525を読み返したら
確かになんかきつい言い方にも取れる書き方をしてました。
挑戦していく気概はいいことだと思うのでがんばってね。
ということを言いたかったのです。

ゴミレスｽﾏｿ

カスイケで思い出したが（藁、http://www.geocities.co.jp/Milano-Killer/8583/
が若干追加されていた。

ステルスCSS！隠せ、は極端な例としてわかりやすいかも。外出だが、多重インポで
遅くなるってのは本当だった。Macユザは是非確認して欲しいところ。
IE6だとCSS指定が無視されてるのは氏のミスだろうか。オペラは読み込んだ。

>>533
WinIE5.5でも無視されますね。そっか、IEに適用させたくない場合は@import20回で決まりだね！

>>533
MacIE5だといつまでたっても何も表示されない。
別窓で行っている別ページの読み込みまで止まってしまう…。

ﾏｸ専用ﾌﾞﾗｸﾗは@import20回で決まりだね！

>>536
作るのめんどくさいよぉ・・・

>>537
ショボイWSHで申し訳ないけど、支援ツールになります。
http://homepage1.nifty.com/VET06031/lib/ の StealthCSS Rev.0001

試してないけどCGIにしたらだめ?

use CGI;
my $q = new CGI();
my $count = $q->param("c");

print "content-type: text/css\n\n";

if ($c > 20) {
print '@import "real.css"';
}
else {
print "\@import \"giko.cgi?c=$count\"";
}

>>538
す、スゲ。
でもせっかくだけど、そんなに使うこともなさそう・・・。（汗

あんなクソtipsが凄い事になってますね。ﾋﾞｸ~ﾘ&Thanks＞yuu氏＆539氏

多重ディレクトリからの読み込み実験もあるのだが、ジオではあまりディープには
できないようで。

ローカル環境だと20impoの方が読み込み遅いから、ディレクトリ階層は
それほど問題では無いかもしれんです。
（外部サバからの読み込みが普通にできる時点で想像できましたが）

というかよく考えると著しくスレ違いなのを詫びておきます。

#実際使うかという話は別として。

http://www.zappallas.com/gbd/

>>542
かなーりスバラシイ。僕もこういうレベル目指す。
やっぱりプロパティいじりから脱却してふんだんに画像を使うべきだと思う。
「べき」ってのは変か。
昔、まだhtmlオンリーの時代にもそういう流れはあった。
最初はテーブルの枠やhrのプロパティいじって遊んで喜んでたもんだ。
でもそのあと画像のスライスってテクニックが広がって、今じゃ↑な事してるやつはいない。
cssによるデザインも今後そういう流れにいくと思う。というか行って欲しい。というかやる。
当然デザインとそれをcssでコーディングする作業の分業というのも当たり前になるだろう(なるといいなあ)。
bAとかはそうやったんじゃないだろうか。どうでしょうか?>>某氏

漏れも最近画像貼りこみに移行しつつある。
しかし画像作るのは思いのほか難儀な作業だ。
遅々として進まんよ。

>>515のｲﾀｲサイトのものです。はじめまして。

えっと、まずあのサイトのできた経緯ってのが僕みたいなCSS使いの底辺を広げてみよう
と思ったことからでした。ただ僕も底辺なんで、本やらCSS関連のサイト（このスレも）
のコンテンツやソースなんかを見よう見真似で書きながら覚えていこうかな、と思ってました。
自分でCSSの知識を吸収しながら、CSSを知らない人にも公開してたんですけど
だんだん調子に乗り出してあんなえらそーな書き方に。見切り発車でしたね。

人のソースをパクるつもりは無かったんですけど、いろんなサイトの「これいいな」と思ったソースの
断片を色々取り入れてったら、あんな風になっちゃいました。すんません。

>>515の
http://bbap.cc/のものです。

>>519 >>520
とりあえず、バナーは後から挿入されるものなんですが
以下のソースはバナーに関連してサーバ側から勝手に書かれます。

<P align="center">
<IFRAME WIDTH=468 HEIGHT=60 FRAMEBORDER=0 SCROLLING=NO SRC="http://www.b-click.net/cgi-bin/click/cad.cgi?gp=17&bc=12499">
<a href="http://www.b-click.net/cgi-bin/gif/ad.cgi?BC=12499&GP=31&PG=1&JP=1" target="_blank"><img src="http://www.b-click.net/cgi-bin/gif/ad.cgi?BC=12499&GP=31&PG=1" width=468 height=60 BORDER=0>
</a>
</IFRAME>
</P>

<!--********************/Do not change/********************-->
・・・・（中略）
<!--********************/Do not Change/********************-->

で、おそらくここの中にalignがあったからstrictを使うなとの御指摘だったと思う
んですが、他にもstrict使うならこれは違うっていうところありますか？
て言うかそもそも、素直にTransitionalに書き換えてしまう方がいいんですかね。

ひとまず、HTMLからきちんと修正していくつもりです。がんばろ。

最後に>>532のちょこら氏のフォローに感謝。

えーと、かつてこちらのスレで晒されちゃった人です。
phpでスタイルシートとDTDを切り替えるやり方を採用したんですが
WinのIE5.0とかIE4.Xじゃどう見えますかね。
ご意見お待ちしてしております。
http://www.kitapop.com/video/

>>545
みんな事始めはそんな調子だと思いますので、あんま気をおとさんでください。
曇魔射曇魔射

Opera な人でスタイルシート切るには Ctrl+G ですがなにか？

>>546

そういう広告が入ることはわかってることですよね。
ほかにもtargetなんかもあるし。

そしてそれが一体となってはじめてUAに渡されるんですから。
「自分の書いた部分はStrict」は通らない理屈です。

別に

途中で送ってしまった。スマソ

続き

別にStrictが偉いとかはないので、ちゃんと実態に合った
DOCTYPE宣言をつけることが重要です。

>>547
<meta name="id" content="00000000" />って何？

あと、外部からスタイルシート読み込んでるけど、
そこにわざわざ<STYLE TYPE="text/css"></STYLE>を書く必要は無いと思うんだが…。
コメント文の書き方も違うし。

でも、僕も昔はiframe使ってるくせにStrictにしてた所あったし…。
最初はそんなもんですね…。

修正がんばってください。

img 要素の border 属性も Transitional だYO!

おめえらfloatなんて使ってるんじゃねえよ
鳩丸を見ろ
あの殺風景なのがcss
これ最強。

↑そんなことよりIDｶｯｺｲｲ

IDがcssなやつは神

そこでまたmozillaですよ。

>>551
ファイル管理のために通し番号として
<meta name="id" content="00000000" />なんかしちゃってます、ハイ。

皆さん励ましの声、アドヴァイス等ありがとうございました。
一時はなかなか衝撃でしたが、今はむしろこのスレを利用して更なる技術の向上を
図ろうと息巻いている次第です。

日々の生活に終われなかなか時間を作るのが大変ですが、
web製作となんの関わりの無い一般人でも、CSSを使えばここまでできるんだ
っていうサイト目指して頑張ります。
修正してうｐが完了したらまた判定してやってください。では

CSS通の俺から言わせてもらえば今、ウェブページレイアウト通の間での最新流行はやっぱり、
position、これだね。
absolute。これ最強。
しかしこれをやるとネスケ4で崩れるという危険も伴う、諸刃の剣。
素人にはお薦め出来ない。
まあお前はfloatでも使ってなさいってこった。

>>560
IEでも崩れがちだけどな。
字は隠れるわ絵は隠れるわで昔挑んで降参した。
つーか嬉々として使ってるページの大半は
うちの設定(120dpi、中)じゃ読めないページ。重なったり隠れたり。

positionは難しい。
同じ環境使ってても、上部ツールバーや
お気に入りウインドウ次第ですぐ崩れる。
あれを上手く使うコツがあったら知りたいYO！

某板で見つけたサイト。ヲタ系サイトだが、
HTMLやCSSデザインは女にしてはちょっとイイと思う。
ttp://www.moon.sannet.ne.jp/rakugaki/

>>562
CSSとは関係無いが、コンテンツへのlinkを全部rel="next"にしてるな。
一昔前に流行ったマークアップだけど。

>女にしては
に対して釈明を求めてみんとす。
>同人女にしては
ならまだ*少しは*わからなくもないが。

>>542
お見事です。もはや見る人が見ればねぎま氏作ということが一目でわかる。
CSSデザインも作家性を持つ時代に！という感じですな。

>>543
>やっぱりプロパティいじりから脱却してふんだんに画像を使うべきだと思う。
542を見て画像云々というのはどうか。
CSS的には画像の役割は角ちょん切ってるくらいで、さほど比重は高くないかと。
むしろ目立つのはねぎま氏のお家芸とも言えるフッタのボーダーいじりとか、
ナビまわりの手堅さだと思うが。

まあ、単にそう思っただけかもしれんから、いいけど。

>>565
かなり有効に背景画像使ってると思わない?
css的には確かに凝った画像の使い方ではないと思うけど、
全体のデザインの中ではかなり効果的だと思うが。

まあ>>542を見てというより前々から思ってたことを
この機会に書いただけなんだけどね。

有効かどうかということであれば、確かに有効だけど、
プロパティいじりを脱却してふんだんに画像を、と短絡するほどでは…
と感じたので一応書いた。

float
秋田

floatや画像なしのテキストだけで
カコイイとこはやはりないのかねえ？

>>542のサイトってCSS以前にHTMLが
おかしくないか？

<link rel="bookmark" href="http://www.zappallas.com/gbd/" ZAPPALLAS,INC. - GBD Project">

この行の"抜けを境に要素も属性も正しく解釈不可能。

ほんとだ。Lintとかでチェックしないのかねえ。

>>561
dpi指定って、mozilla?
floatよりpositionの方がIEとMozillaでは安定してる気がする。

>>562
どのあたりが? hover背景ぐらいしか目につかなった。

>>565
「っぽい」ってのも良し悪しだなあと思ってます。逆を言うと
そこから脱却を図れていないとも言える。

ナビ周り、評価していただけたのは嬉しいんだけど、
納品した後 http://www.zappallas.com/gbd/mm.html
みたいなことになってちょっと残念な思いをしました。
下階層用のナビゲーションをデザインしなかったのが敗因。

あと、このサイト作ってちょっとしたバグを発見。WinIE5で発症。
・list-style-image を指定するとulを再描画して、z-indexを
無視して一番手前にきてしまう。
・liの中のaをdisplay:blockにすると、aの下に消せないmarginが
出来る。aにwidthを指定すると回避できる。

>>567 には同意。MozillaとかMacIE5でみると背景が楽しい
ぐらいで。ねぎま解釈のグローバル(謎)

>>570 直したつもりが…首吊ってくる。

俺は素人なんでよく分からんのだけど
仕事で作ったものをよくこういう場に晒す気になるよな。
依頼主に対して失礼な気がする。

>>573
どのへんがどう失礼にあたるのか説明してくれると嬉しい。
客のために作った物を自分の物のように扱うのが気に食わないとか
そういうことかなあ。今時、どこそこに晒したら煽られるとか
そんな話じゃないだろうし。

>>574
まぁだいたいその通りかな。＜客のために〜
自分の家の周りでさ、依頼した建築家が大勢引き連れて来て
「この家俺が作ったんだ、凄いだろ」とか言ってたらいい気はしないと思う。

サイトの企業自体はまったくスレ内容と関係ないところでしょ？

>>575
別に自慢してるわけじゃないんだけど、まあそういう解釈もあるか。
でもどこまで許せるかは人それぞれのような。自分のサイトで
仕事紹介とかはセーフなのか、個人と企業じゃ(対象としても、
行う側としても)違うのかとか。

Webは家とは違うからねえ。公開している以上、リンクや評価は
別に構わないんじゃない? 荒らされたらアレだけど、それだって
問題なのは荒らした人間なわけだし。

自分としては相互学習以上の意図は持ってないよ。言わんとする
ことは解るけどね。職人気質が好みの人もいれば、自分が作った
ものをバンバン表に出す人もいるし。てかスレ違いか。

>>575
その例はちょと違う気が。
建築家が、いい建築サンプルを探している人たちに対して
自分の作品の住所を教え、教えられた人は任意にその住所へ行って
施主の迷惑にならんように見てくる
という構造でしょ。
道義的にも失礼にはあたらないと思う。見解の相違かも知れんが。

>>576
まぁ俺がちょっと気持ち悪いと感じただけなのかな。
「凄いだろ」ってのは、僻みが出ちゃってるね。これは撤回。

>>577
確かにそっちの方が妥当だね。

話の腰折ってすまなかった。続けてください。

漏れはいいものが見られれば何でもいい。

>>577
なんか納得した。表現上手い。

>>578
いやいや、勉強になったよ。

とりあえず、これからも作って晒すよ。作るといえば、
そういや作れスレでW3Cの奴が2作品ほど出てた。伏兵だなあ。

そろそろ、新しいシートがほしいところです。

作れスレのを改造してageてみようかなぁ。

>>572の
・liの中のaをdisplay:blockにすると、aの下に消せないmarginが
出来る。

っていうやつ、オレも同じ事やって同じ目にあったけど、

<li><a href="hoge.html">法事</a></li>
<li><a href="hoge1.html">ほげ1</a></li>

っていうのを
<li><a href="hoge.html">法事</a></li><li><a href="hoge1.html">ほげ1</a></li>
と改行を入れずにやると詰まったよ。
消せないマージンじゃなくて、「全て選択」すると分かるけど改行を
スペースに変換して表示してるんだよね。

ul,olの子要素に#PCDATAは来ないから改行は無視しろよとIEに思ったり。
ひたすら改行無しだとソースが汚いので
<li>
<a href="hoge.html">法事</a></li><li>
<a href="hoge1.html">ほげ1</a></li>
とオレはやっているよん。

長文スマソ

>>582
横からｻﾝｸｽ

>>543
残念ながらそうなってないし、やはりtableレイアウトというのが主体になって
しまう（HTMLでレイアウトという状態）。
そうしたいとは思うけど、ある意味では未知のワークフローともいえるため、
なかなか難しい。一朝一夕にはいかないというか。
まあ僕はもう書いてないしね。名残（謎）でやってるのと自社（何処）のやつ以外は。

>>584
あー、すんません。書き方がわかりにくかった。
その自社のやつって意味でした。

http://www.pirated-sites.com/

age

＞586
（･∀･）ｲｲ!けど、字が小さくて固定してるのと
右側のドット背景固定がなぁ。。。
背景固定はする必要無くないか？この場合。

>>688
なんでクッキー効いてないのかわからんけど、>>586は僕＠弊社（何処）でした。
弊社（何処）の人に聞いたモノですが、内容がまたイイ。
とりあえずCSSかつ非テーブルレイアウトだったので此処に書いたんだが、主旨的には
別のスレのほうが良かったかも（該当するスレがいまひとつ見つからないが）。
内容はパクリサイト紹介のポータル的サイトです。

>>375
> つまり、どう表示されるかを意識しながらマークアップしているのですね。
> それならそれで、別にイイとは思いますが、僕の性には合わない。
古い話しを蒸し返して悪いんですが。
html には、章や節そのものをまとめるタグがないので、
<div class="section">
　<div class="subsection">
　　ほにゃらら
　</div>
</div>
という風に書いていくのは、文書構造に基づいていると思うのですが、いかがでしょう。

>>590
どう表示されるかを意識するのと何か関係あるのでしょうか。

むしろ>367の
>classは外観構造なので、ハナから書かれることは無いように思う。
>classをゾーニングに使うことは無いという前提だが。
の前提が間違っているという話だと思うが。

>>373
＞divとclass使ってネタバレ段落を勝手に定義して、
＞まとめてﾎﾟｱしてますが何か？

>>375
＞>>373
＞つまり、どう表示されるかを意識しながらマークアップしているのですね。
＞それならそれで、別にイイとは思いますが、僕の性には合わない。

367 が class="ネタバレなのでﾎﾟｱ" としているのであれば「どう
表示されるかを意識しながらマークアップ」だけど、ネタバレか
どうかとポアするかしないかはまったく独立の事象だから、
class="ネタバレ" というマークアップ自体は「どう表示されるかを
意識しながらマークアップ」していることにはならないと思うがどうか。

それとも「ネタバレ = 表示してはいけない」というのはあたりまえ?

>>593
ネタバレをﾎﾟｱするかどうかは表現者の勝手だよね。
敢えて巨大な強調文字にする陰険な人もいるかもしらん。

>classは外観構造なので、ハナから書かれることは無いように思う。
>classをゾーニングに使うことは無いという前提だが。
Classによって外観を区別するからには意味の上でも区別があるはず。
その意味上の大まかな区別を行うのがClass属性ではなかったのか。

divの話はStrictスレでやれば良いんじゃない？
こっちはあくまでカスイケサイト主体で。
ネタが無いみたいだけど。

ならネタ。http://www.medias.ne.jp/~wangando/diary/index.html?Blue%20and%20Simple
闇雲日記を参考にしました。
パクリとも言う。

>>596
正直、イケてるとは思わない。
あと、「闇雲日記」ってなに?

あと、そのサイト内に興味深い記述を発見。

「デフォルトスタイルのgray2.cssが11377キロバイト、2番目に作ったwhite2.cssが8250キロバイト、
3番目のblock3.cssが9960キロバイト、4番目のblackbox4.cssが4363キロバイト、
第5作のautumn.cssは6154キロバイト、そして今回のblue.cssは2517キロバイト。4ヶ月で5分の一になったようだ。 」

11メガバイトのスタイルシート…。小さくなっても2メガバイト。
バイトって知ってるのだろうか。

読んだんだ

>>599
ええ、まあ(笑)。目に入ってきた文字をとりあえず追ってみたらあったので。

って、僕のやってる事って大いにスレ違いですね。ごめんなさい。

ところで実際CSSファイルの大きさって気にしてます？
うちも切り替えで、個々は全て1枚にまとめてるんだけど、
大きいのだとジャスト10KBあります。

…ネタですから。

http://www.socius.jp/
「XHTML1.0、JavaScript、CSS1などを使用しています」とのこと。
旧サイト（http://www.honya.co.jp/contents/knomura/）を更新停止し、
「これから は、ローテクな読者への配慮などから辛抱してきた技術的なことなども遠慮なく 実行させていただきますね。」
と日誌にありますが……。
でも依然としてテーブルレイアウトなんですね。

漏れは運が良かったのか悪かったのか
nozサイトを見てから正しいHTMLとやらとCSSのデビューをしたのね。
たから、テーブルタグ云々はもちろん気をつけてCSSを導入したけど
HP評価ｽﾚを見てると、どうも「慣習的な作り方+CSS」というのが一般的みたい。

その>>603サイトみたいな作り方が、主流になるんじゃない？
CSSは使う。配置の制御のためのテーブルも使う。

>>604
そんな主流はヤダァァァァ・・・・・

>>604
オイラもヤダァァァァ・・・・・

>>607
漏れっちもヤダァァァァ・・・・・

>>607
レス指定マチガエタァァァァ・・・・・

>>604
実は僕も激しくその予感がしている昨今。
どうなってゆくのか。

まあ現時点ではそのやり方が現実的っちゃー現実的だもんね。
トータルの製作時間としては一番短くて済むと思う。

>>601
ＣＳＳファイルの大きさ、気にしてます。
でもどうやっても12kbより減らない……
Operaみたいなのが出てくると、いままでブラウザのデフォルト・スタイルに
任せてきたのもいちいち指定してやらなければならんし、サイズは増える一方。
みなさん、いいダイエットの仕方あったらご示教下さい。

ちなみに12kbってのは基本スタイルのシートです。
この他にフォントや各ページごとのスタイルやブラウザ別の補正用シートもあって……。
なんかもう管理が面倒になってきた。

漏れは15KBを超えた場合は新たにシートを用意して再編する。
今のところ、15KB×1、6KB×1。
HTMLファイルよりも重いっていう本末転倒な結果になってる気がしないでもない。

>>610
体験談を少し。

セレクタの概念を
http://www6.plala.or.jp/go_west/css2/e.htm
で覚える。するとclassの濫用が減った。
ul.hoge li
とかそういうのね。これで結構ダイエット。
HTML文書そのものもきれいになる。

ブロック要素をよく分かっていなかったから
なんでもかんでもdivを入れていた。
ul dl form などがブロック要素と知って、またまたダイエット。

ブラウザ別CSSの弾き方を
http://east.portland.ne.jp/~sigekazu/css/boxm.htm
で覚える。その気になれば
1つのCSSファイルで全て事足りる状態に持ってゆけるので、もひとつダイエット。

各ページごとに色分けしてるならbodyにidを入れると良い。
んで、セレクタを利用する。
body#black h1
body#green h1
ってな風に。

CSSを無効にしたときの見栄えのギャップが好きなんだな。

>>613

漏れもそんな感じで覚えていった。
数年前からCSSは使ってたけど、実践的なテクニックを覚えたのはほとんどこの１年。
始めた頃はノウハウがほとんど蓄積されていなかった。

＞CSSを無効にしたときの見栄えのギャップが好きなんだな。

わかる。このスレでageられるようなサイトをw3mとかで見るのもまた楽しみ。

http://painter.jpweb.nu/
ハァハァ

ケーキ屋さん
http://www.asahimachi.com/mizushima/

>>615
フツーに上手いと思った。好感触。

ついでに絵もいい。塗りがステキ。

>>615
http://painter.jpweb.nu/html/doc/index.html#web_policy
ポリシーもなかなか。

div と strongで見出しにしているのはCSS非対応UAの
フォントサイズを意識しているのかな？

>>616

富山県朝日町・・・・きっといつもの人ですね。

>>616
というか、イケてるのか・・・！？マジ疑問

>>620
CSS 技術的には。

いつからCSS技術の優れたサイトを紹介するスレになったのだろう？
イケてる*デザイン*でしょ？

>>616 はあんましイケてないと思うよ、俺は。

>>616
table使ってないんだけど、なんかテーブルレイアウトっぽいね。
画像の影とか、全体にくどい。
もっとｱｻｰﾘしているといいかも。

企業サイト。

http://www.harmonate-town.com/

>>624
ｶｺｲｲ。フォントサイズ固定だけど。
レイアウト固定デザインをテーブルじゃなくcssでやった感じだね。(って昔同じこと言われた気が(笑))

セレクタの使い方をもうちょっと考えるとソースがすっきりすると思う。

>>624-625
トップページしか見てなくてコメントしたんだけど、
ほかのページも見てみたらメチャメチャ良く出来てて(サイトとして)、
これ作ったの誰だ!?と思ったら[bA]でした。うむー。さすが…。

>>626
こういうサイトを作るのには、どういう営業で取ることができるんだろう。
うちの営業なんか、結局テーブルレイアウトなサイトしか作らせてもら
えないような営業しかしてないんだよね。
爪のアカ煎じて飲ませたいよ。

>>618

> div と strongで見出しにしているのはCSS非対応UAの
> フォントサイズを意識しているのかな？

それって見栄えじゃん.

>>628
ここはstrictスレじゃないので可。

>>624
Operaでみると…

>>630
Opera6でも特に変ったことはありませんでしたが？

>>624
背景色は指定した方がいいと思った。

リア厨サイト。
http://yochipo.s5.xrea.com/

http://www.harmonate-town.com/help/hg/spec.html
そういや、ここの文章書いたっけ。

yuuって何者？

何者って、>>634のサイト見ればわかるっしょ・・・

いや、こう言って欲しかったのかなぁと思って・・・

>>637
小さな親切、大きなお世話。（ｗ

過疎化してるね
廃村状態・・・・・・

じゃ、あげてみよう

http://www.ravens-nest.net/

リンク集の行き先にまとめたぞ氏のリンク集が（ヤヤコシイ）。

http://www.webcafe-prelude.com/

>>642

それｶﾞｲｼｭﾂですよん。つーか・・（汗

>>627
禿同。
NN4.7で見栄えが変わることに対して、クラを納得させるのはどうやっているのだろう。
スレと関係ないのでさげ。

メンテナンスageなり

>>644
だよね〜
普通に営業していたら絶対にNN4.xでの見栄えが変わる
サイトなんて作らせてもらえないヨ。
いわゆるプロの方が>624のようなサイトをどんどん作って
クライアントの意識を変えるしかないよね。じゃないといつ
までもコミュあつかいだヨ。
それかテーブルレイアウトなサイトをドキュソ扱いにして晒す
しかないよね（汗

リンク集にあった

http://isweb28.infoseek.co.jp/diary/rika2001/

って思いっきりテーブルでレンダリングしてるじゃん。
失格。

> レイアウト目的のTABLEを使ってなくて（なるべく）

だから別に良いんじゃないの？

>>647
（；・∀・）infoseekのバナーとWEBリング以外はテーブル使ってないと思うけど･･････

サイト内検索とかにも使ってるね
まぁこれくらいありだろうけど

何度か「なるべく」に関する話題が出てるんで釈明。

前スレでも度々、CSS+TABLEでイイ感じのサイトが挙げられてて、
それに関するツッコミや何やらは最初から最後近くまであったワケで、
とりあえずの折衷案として「なるべく」と書いてみた。

今思えば、立てる前に周りの意見も聞くって事をすっかり忘れてたんだな、、、。
次スレ立てる人は今スレの1を参考にせず、テーブルレイアウトに関する
住民の意見を反映してくれればと願う。

http://www.somethingfine.com/br/

Strict＋CSSで盛り上がるにはネタが足りないよな。
待ってりゃ普及するかというと、何とも言えないとこだが。

>>652
字が小さい・・・。
それに何がイケてるのか分からなかったヨ。

>>642
http://www.webcafe-prelude.com/ ですが、いつまで待っても表示されません。
どうなってるのでせう？

http://www.mediawars.ne.jp/~m921320/
ここキレイやわ。見やすいし、デザインもいけとる。

>>655

htaccess で嵐くんを吹っ飛ばしてるんです。スマソ.
d のつく isp ですよね??

>>652
フォント指定emでやっちゃってますね。

基礎的な質問でごめん。
なぜemで指定しちゃだめなの？
cmやmmみたいな絶対指定がマズいのはわかるけど。

>>659
以下引用。
http://members.jcom.home.ne.jp/jintrick/Personal/bad_css.html
LEVEL4（IE対策）
body{ font-size:1em }
昔私もやってました。文字の大きさを変更すると、ものすごい勢いで変化します。狙ってやるのはアリかも知れません。

なるほど。ありがとうございます。

http://www.meyerweb.com/eric/css/edge/

IEだと一瞬あまりイケてないのが表示されて、その後本来の姿になる。

>>662

サイトの内容と関係なさそうなW3C のリンクがあるところを見ると向こうの W3C信者か

>>663

２つ上の階層見ると・・・
http://www.meyerweb.com/eric/

信者どころの話じゃないような・・・

>>664
ﾜﾗﾀ。＜W3C MEMBER ﾊﾞﾅﾊｹｰﾝ

ふと思ったんだけど、

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

って、バナー表示のために<script language="JS">を使ってるので、
strictでは不正になるかと思いきや、
another html lintでは100点満点なのな。

たった今気付いたよ。

>>666
<script language="JavaScript">
と書いててLintに減点されて
<script type="text/javascript">
と書き直した記憶がある。

そそ。script要素は
　language属性=非推奨
　type属性=必須
なんです。

なのに何故100点満点なのかな？って。
自分も無料HPスペース使う身なので、
気になっちゃいました。

>>664
何故か顔写真でﾜﾗﾀ

>>666
<!--Begin JavaScript roadmap code. If editing downloaded HTML source, delete
this portion.-->
から
<!--End inserted JavaScript code.-->
までは、HTML-lintのCGIでは評価できてないからです。
（チェック結果のソースを見ればわかると思いますが）

したがって、ブラウザで得たソース自体を評価すると、
| HTML4.01 Strict としてチェックしました。
| 9個のエラーがありました。このHTMLは 97点です。タグが 27種類 414組使われています。
となります。

>>668
script要素のlanguage属性は、HTML 4.01 Strictには無い属性ですから、
非推奨ですらありません。非推奨なのはHTML 4.01 Transitionalにおいて。

あのリンク集のHTML書いた時には、N崎ﾀｿに、HTML-lint で満点じゃないな
と日記に言われたんだよなぁ。そして&とかのエラーに気が付かず鬱に
なった記憶が。前スレを参照。

無料スペースの広告ありで、エラーというか、完全なものを書けるのは、
一部しかないですね。私は、もちろん完全なものは書けませんケド。

>>yuu氏

あんまり突っ込まないで（ｗ

>>まとめたぞ氏

http://cgi.html.ne.jp/frameset.html

が12月中に登録再開するらしいので引越しも考えてみては？
1MB/広告無し/CGI(Perl)とかです。

>>672
ありがとうございます。

1MB て! と思ったら、本当に 1MB だった（ｗ
CSS ファイルとindex で 22KB だから余裕なんですけどね。

しかし、既にかなりリンクされている上、goo のバナーをCSSでnoneして
削除されたことで引越しをしているし、三度目ともなると。。
カスイケ氏のリンクも変更になってないのも、多少気がかりだし。
<meta>で吹っ飛ばすかなぁ。

そこまで、あのサイトのstrictを求める人々はいるんだろうか。
私の書いたhtmlは、人の参考になっているのだろうか。

安易に作ったケド、ここまで大きくなるとちょと悩む私であった。

でもね、スペース借りるときに、
広告を出すからってことで契約したんだから
広告は我慢しなきゃいけないでしょ。

契約上のルールも守れない人間が
strictで作っても、何の説得力も
啓蒙力もないと思うんだよね。

だけど、世の中には広告の出ない
無料スペースもあるわけだから、
それを利用するもよし。

あと、ここで寒波募って、
優良鯖に移動するもよし。

夏目さん一枚くらいなら出すよー。

広告を出すことはかまわんのよ。というかそれと引き替えに場所を提供して貰ってるのだから
載せて当たり前。

けどせめて、Strict でなくてもいいからVaildなHTMLで広告部分を書いて欲しい。

あ、これは他の無料鯖とかの話ね。タダなんだから贅沢は言えないのはわかってるけど、
どれかに準拠してくれないとDOCTYPEのつけようが無い…

674の件だけど、何も我々がお金を出さずとも、
まとめたぞがvalue commerceのバナーを張ればいいんだよな。

そんで、ここの住人が一日一回かならずクリックすると。

これで元は取れるでしょ。

>>677
えっちなのはいけないと

お、騙りだ。そろそろﾄﾘｯﾌﾟつけよ。

>>まとめたぞ氏

そこはアドレスがナイスなのでお薦めなのです。
cgi.html.ne.jp/~css/
とかとれれば、正にって感じで。

それと、管理人さんの好感度大です。
掲示板でマメにレス下さってる姿を見ると・・・うぅ。涙でそうです。

>>672

なるほど。逝ってきます。見てきます。

俺もtripod.com使ってるよん。

pop-upにしてlintに掛けたら、-8点だった。
理由は、xhtmlなのにbodyタグが大文字になっていたため。
どうやらバナー挿入の為に鯖が大文字に変換しちゃうみたい。
html4.01ならvalidになるかもしれないけれど、
重いし落ちるから今更引っ越す価値はない。(藁)

自サイトっす。
http://www.ac.wakwak.com/~andi/onepiece/
時間が無くて（言い訳）一部にしか適用できていませんが。

ここでお世話になっているので。

>>683
HTMLはもうこれで良い、立派だ。
この次は色の組み合わせの勉強すれ

>>684
どうもです。

色は・・・多少色覚に問題があるんですよ（＾＾；
そのせいかどうかは分りませんが。

一応クリスマスカラーのつもりです。

>>683
雪降らしは勘弁。やるなら一回限りにしてくれ。

>>686
すみません・・・25日までの予定でやってますので・・・。
それまでは許して下さい。ごめんなさい。

>>687
それよく言われるけど、ただ降ってるだけなら特に気にしない。
一個一個がリンクになってたりすると引くけど。

どっちにしても期間限定にしとくのが無難だね。

>>688
一個一個がリンクて
何を血迷ってそういうことを思いつくのかやってる人に是非聞きたい

というか自分がサイト回るときはこまらんのだろうか

一応スレ内容にあったカキコにしなきゃいけないので
http://village.infoweb.ne.jp/~fwhs8240/
既出だが最近見たらここで見かけてたころから２つほどCSS増えてる。
まぁlightのほうはIEonlyの文字通りNC6だととんでもないことになってたが（藁
IE6でも崩れるらしいが漏れはIE5.5なので未確認。

sharpはabsolute使いすぎな気がするのだが
NC6とIE5.5では見れたのでひょっとして問題ないのかもしれん。

absolute不信なものでね。自分の使い方が下手だったんだろうが

やっぱり雪やめた方がアドバイス頂けやすいですか？

＞690
２５日までならいいんじゃねーの？

>>691
了解です。ありがとうございます。

取り敢えず雪が嫌いな方はもし良ければ26日以降に来て下さい。

http://www.meyerweb.com/eric/css/edge/popups/demo.html

a:hoverの使い方が面白いです。(使い方は)既出？

別の板のクッキーのこってました。695さんは次の方ですね（ｗ

>>693
へー、いいねこれ。パクろう（ｗ

ただ黄色くなるだけなんだけど。

それともそこで紹介されているやり方のこと？

>>696
左のナビバーみたいな奴。枠ごと反転しない？

>>696

http://pc.2ch.net/test/read.cgi/hp/998894057/662
で書いてある現象に関連あるのかと。

あ、ホントだ。

個人サイト以外ではどうよ？

>>700

>>624とか。

>>693
いいなあ、これ。
パクロウカナ。

アンカーのブロック化なら既出だけど、
それとも何か他の部分？　漏れﾒｸｰﾗ？

>>703
アンカーのブロック化と、あとリンクのキャプションが
出たり消えたりするのも俺は初めて見たなあ。
このスレで既出かどうかは知らない。

http://dfj.cool.ne.jp/
ここってどうよ？

某評価掲示板で偉そうにコメントつけているんだが。

>>704
本文とソース見てなかったYO。
ただのスクリプトかと思ってた。

・・・・・・・・・・・・( ﾟдﾟ) ﾊﾟｸﾛｳｶﾅ・・・・・

>eric
IE6で見たけど、ちょっとズレるね。まぁ修正可能な範囲だけど。

良いものは皆でパクリましょう。スクリプトなしでも便利なUIが作れるのなら、それに越したことはないです。

同じくソース見てなかた。
これ、スゴイかも！

昔、同じ事やって、
「こーゆのがイヤでスクリプト切ってるのに、ウゼェんだよ！！」
とか言われてやめたことあるんですが、すごいんですか？

言われてみればスクリプトが心底嫌いな人にとっては悪質かも？とおもたよ。
OFFにできないからね。

>>709
ががーん。そう思う人も居るのね・・。
自分のサイトも>>693と同じような事やってんだけど。
ど、どうしようかな・・・。

ウザく見えるのっていかにもスクリプト厨房的な雰囲気（他にも厨が好みそうなスクリプトを
多用してるとか）があるからなんじゃないかと。アクセント的に使えばｶｺｲｲと思う。

にしても凄いなこれ。こんな使い方は思いつかなかった…

スクリプトをセキュリティとポップアップ抑止以外の目的でオフにする人もいるのか…。

ねぎま氏　http://homepage1.nifty.com/magi/
まとめたぞ氏　http://www.webcafe-prelude.com/
ちょこら氏　http://www.mrdn.net/maple/
カススタ氏　http://jils.org/l-_-l/
yuu氏　http://w3j.org/

感謝＆尊敬age

ユーザビリティ的に優れているかは疑問。
文字サイズをmmやinのようなabsolute unitで指定しているし。
lynxフレンドリじゃないしね

その辺はこの際どうでもいいと思われ

何気にCSS切ったら表示が変ですな（ｗ
でもどうにかなる範囲ですな

使い方的に面白かったんで載せてミマシタ。個人的には説明が
出るだけなので嫌な感じはしませんでした

>693
Mozillaで文字サイズを大きくするとﾁｮﾄやばい。

>>693
IE4だと凄い表示になりそうな気がする。
あと、三日坊主あたりで既出な技じゃないかなと思った。

>>705
なんか割と良くURL貼られてるね。
CSSに操られてる感じがします。

>>713
あ、なんかバレてる。
まあいいや、住民の方々、今後ともよろしく。

そうそう、なんかねぎまさんが増えてきたので、今後は
本名(謎)+トリップで通します。こういうイケてない書き込みは
なるべく行いたくないものですね。

＞719
有名になると大変ですな。
これからも頑張ってください。

どもども、バレ組です。

もう少ししたら、今年最後の更新をしたいと思います。

というか、ねぎまさん年下ですか　鬱だ死のう

>>713

ことごとく逝けてないのは何故？

>>721
見覚えのあるトリップだと思ったら…

某板の超有名神やん！！

>>713
まぁ、許して（泣
>>724
おそらく勘違いと思われ

>>713 間違い
>>723 正解
スレ汚しｽﾏｿ　逝ってくる

>>725
いやいやいやいや、勘違いなのは判ってるけどさ、
トリップって何兆個あるんだっけ？まじで凄いよ！
単純な意味のある単語なのかな？

あと、sgaeって何だYO! (w

なんであがるんだYO!と思ったら、これか（ｗ　ありがとう。

>725-728
藁ﾀ

>>684
今日『Web配色事典』なる書籍を購入してきました。
これからまた精進します。どうも有難う御座いました。

>まとめたぞ氏
イケてるリンク集おおいに役立ってます。ありがとうございます。
そこで要望。そろそろサイトの追加更新ねがえませんでしょうか。
それから、ついでに意見なんですが、カテゴリ分けされると
さらに使いやすくなると思うんです。
たとえば、
・文句なしイケてるデザインサイト
・デザインはともかく、内容がCSS的に価値あるサイト
・とりあえずCSS使ってることに意義があるサイト
てゆう感じで分類できるんじゃないかと。
まあ、勝手なこと言ってますが、新規のサイトを探すのも良いけど
既出サイトを見直して、語るのもいいかなと思ったんで。

>>731

追加は、ｶﾞｲｼｭﾂですが、年内遅くとも、年初くらいに一回したいと思ってます。
ジャンル分け!! これは、私の一存では決められないですねえ。
age ますんで、レスを待ちましょう。

さとみかんより。
http://www.cafedessin.jp/

>>732
要するにCSSでイケてるレベルで分ける訳ですか？
公平を期すなら投票とかやればいいんでしょうが、
この際まとめたぞ氏の独断と偏見でもいいんではないでしょうか？
……あれだけの量のサイトをレベル分けせねばならんのは
一人にはちょっと酷な気もしますが、上の方からちょっとずつって事で。

客観的にやるなら、DOCTYPEに従ってとか・・・それじゃのじたんのリンク集だな(w

>>734
投票とまではいかなくても、ここで意見を出し合えば
ある程度は見えてくるかなと。
それとか、全部レベル分けは大変そうなので
特にイケてるサイトを推薦しあって、それだけまとめるとか。

・お勉強系（リファレンス系）
・シンプル系（ばけ○系（ｗ）
・段組おらおら系
・何かが光る系（ﾃｸﾆｸで役に立つcssファイルを思わずﾀﾞｳｿしたくなる系）
・Web 屋さんの作った企業系
とかの分類てどう？ダメかな。。

とりあえずこれまでの追加のサイトを更新してageました。
もう、180 以上あったんですねぇ。疲れました。

シートなんですが、漏れのサイトのを少し改変しました。いろいろ不満も
あるかもですが、あまりにも変化ないのも鬱なので。

新しい分類とか、そういうのをいろいろ意見出しましょう。

あと、人頼みでスマソですが、新しいシートｷﾎﾞﾝﾇ。お願いします。
寝ます。

http://members.tripod.co.jp/monar01/
はり忘れ

まとめ、おつかれさまです。

確かにﾉｻﾞｷたんとカブるけど、
DOCTYPEごとに分かれてると参考にしやすいと思う。
これからstrict＋CSSに移行しようと思ってる人とか。

分類するなら、とりあえず・・・・

○HTMLのDOCTYPE

○CSSでimport使ってるか否か(旧ネスケに優しいか否か)

○代替スタイルシート、スタイルシート切替の有無

くらいでいいかと思う。

トップのHTMLソースのhead要素内と、メインと思われる
CSSのソースを見るだけで機械的に判別できるので
作業も楽と思われ。

http://www.akane.sakura.ne.jp/~teambwi/

￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
サイト名 | DOCTYPE | importの有無 | 切り替え |
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
★★★★ |HTML4.01 | × | ○ |
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
■■■■ |XHTML1.0 | ○ | × |
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

こんな感じ？

ｽﾞﾚﾃｰﾗ

￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
サイト名 | DOCTYPE |　　NN4対策 　| 切り替え |
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　★★★| HTML4.01 |　　　　×　　　　| 　　○　　|
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　■■■| XHTML1.0 | 　 　　○　　　　| 　　×　　|
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

ただ、これだと表にしないと駄目ですね。
登録サイトの数を考えるとお勧めできない気が。
別途ページを用意するという手もありますけど。

>>746
「切り替え」を項目の1つとして挙げることには疑問。
Script要素が使えないﾄﾞｷｭｿﾀｲﾌﾟ宣言もあるんだし。
×ってされるとなんだかねえ
第一「切り替え」行為そのものが、なんだかstrictっぽくない。

NN4対策ってのも、このｽﾚで挙げられてるサイトなら
読めたらそれで良いようにCSS化されてるはずだし、これまた疑問。

>>743
地味だけど好きよ、こういうの。

DOCTYPEで分類というのもありかとは思うが
このスレの趣旨から言ったらやはりデザインを問うべきでは。
たとえstrictで書かれててもダサダサってこともあるわけだし。
>>737のようにデザインの傾向で分類されてたほうが
役立つ気がする。

こういうリンク集を参考にする客層はどういう人なのか、どういう目的で見るのかを考えると、
私も>>737方式に１票。

いっそ検索エンジンでも作るか
カスイケサーチ

段組おらおら

piroさんが使ってた（ｗ
age
http://www.cc-net.or.jp/~piro/

>>752は>>693の方法を、ってことです

>>752
orangeとflatね。知らなかった。
ただorangeのほう、IE6とMozillaで妙なことになってるんですけど…。

あげてみる実験

・・・

>>755-756
ﾜﾗﾀ

>>748

でも分類が難しくないか？
異論もたくさん出るだろうし。

機械的、形式的に分類できるやり方が
現実的だと思うな。

このスレやその界隈での有名人が
各々選んでくるのはどうか、とか言ってみる実験。
ひとことでもいいので理由つけて挙げる、と。

"CSSで" "イケてるデザイン" だったらそうするしか
ないような。マクロでイケてるか、ミクロでイケてるかで
違いもあるだろうしね。

そうするしかないというのは言い過ぎだったsage。

>>737の括りと上手い事混ぜられたらいいやね。

>>760
737で基本的にいいと思うけど、複数のカテゴリに入る場合はどうするの?
例えば、web屋さんが作った企業系だけど段組みしてあって、かつ何かが光るとか。
それぞれのカテゴリにダブルorトリプルエントリーでもいいのかもしれないですが。

ところで、「輝け！ＣＳＳでイケてるデザイン大賞at2001」とか決めないの?
別に年を越してもいいので、今年度このスレにあがったサイトから選んでみるのも一興かと。

>>761
うーん。というか正直言うとカテゴリ分けするよりも
ダブルエントリー以下の消して(光る一発技を除く)、
サイトごとに皆で講評入れてピックアップって感じに
したほうが良いんじゃないかなと今思ったです。
とりあえず三分の一ぐらいまでには楽に削れるはず。


>>762
そういうアプローチもｲｲと思う。

ところで作れスレシート&リンク集シートもエントリーに入れる?

>>737
に私の方法で、3つずつ位ageて区分けしていこうかなと思います。その際の
意見も活発にお願いします。

んで、文書型宣言を気にする皆さんのために、私のほうでそれも分けます。
なんらかの形でわかるように。html 書き直しですね。まぁがんばります（謎）

>>763
これはイケてないだろというのは、削除になる可能性も秘めてますね。

>>762
2001年の大賞は、それこそ投票が必要ですね。僕はcgiを書くことができない
ので、どなたか協力してくれませんか? そもそも無料スペースとして使用して
いる鳥壺はcgiを使えないので、そこが悩みところ。

分類しましょう第一段
野崎ﾀｿのとこ
http://members.jcom.home.ne.jp/w3c/
piroﾀｿのとこ
http://www.cc-net.or.jp/~piro/index.html
SiR
http://www.page.sannet.ne.jp/m-shina/

>>764
今サイト閉鎖中だからCGIスペース貸しましょうか？

>>766
ありがとうございます。
しかし、投票のcgiはかけるでしょうか？>>766さんじゃなくてもいいんですが。

どこかのフリースクリプト設置すれば良いんじゃないですか。
http://www.imjnews.com/bcp/bcpcgi/bcpmain.cgi?karte=wl0011&p=1
や
http://www.i-say.net/cgi/listview.php3?category=7
で気に入ったのがあれば、
デザインに自信がある人がカスタマイズすればﾖｼ！
出回ってるタイプのスクリプトは
フリーのを使う方がお手軽かと思われ。

んじゃあ適当にCGI探してきて準備しますんで
舞っててちょうだい。

ミスった
舞ってて→待ってて

どんなタイプのにします？

＞766氏
項目を観覧者が増やせるのは不可。
無意味なものを追加されそうだ。

・項目は決まっている
　（一応、まとめたぞ氏のリンク集のリンク切れ以外全て？）
・項目名からサイトへ飛べる
　（デザイン確認のため）
・連続投票不可
　（不正投票避け）

こんな感じかな？
（偉そうでｽﾏｿ）

>>766氏

ありがとうございます。よろしくお願いします。
何かあれば、リンク集の<address>のメールにメールを下さい。

設置完了した。
あとはDAT作りだけ

＞まとめたぞ氏
メールおくりました

>>766氏
メール確認しました。ありがとうございます。

投票 cgi だったので、デザイン別の分類は、ある程度僕の方でやって行こうかな
と思います。

まずは、途中経過まで。つか、大晦日に大きな変化があるなんて（ｗ

みんな年末は忙しくないのか・・・。
まともな生活してないのかね・・・俺含め。
いや、俺だけか。
鬱出汁脳。

>>777

そんなことないよ。そんなレス番とってんだから来年いいことあるよ・・

投票で盛り上がってる中関係ない質問なのですが、
まとめたぞ氏のリンク集の選定基準って、どうなんでしょうか？
このスレにあげられるだけではダメなんでしょうか・・・？
一度自サイトさらしてもらったことがあるので、
載るかと思って楽しみにしてたんですが載ってない・・・

>>779

もしかしたら、漏れているかもしれませんが
一応私が載せ「ない」のは、

・文書型宣言をしていない
・2 回のリロードでも 404
・テーブルレイアウトをしている
・外部のスタイルシートを用意していない
・どうみてもイケてない
などに当てはまるとリンク集にいれていません。

こころあたりがなければ、晒してください。
ちょっと気がひける場合は、リンク集の<address>にメールを下さい。
・

>>780

779ではないけど、(というか、載ってる某サイトの者ですが)
“どうみてもイケてない”の基準というか範囲というか凡例
というか、そういうのはありますか?

リンク集見るかぎり非常に守備範囲広いと思そうなので
よほどのことがないとイケてなくならないんじゃなかろかと
思っていたもので…。

>>781

おっしゃられるように、
それで落としたのは、現在のところないです。
イケてるというのは、あくまで人により相対指定なので・・（汗

逆に、イケてない認定を目指して
デザインを追及してみようかな(　´∀｀)。

2001年が終わろうとする時に盛り上がってますね。
今年2chデビューした僕にとってはこのスレはとても思い出深いです。
思い出というか。いろんな人と知り合うことが出来たし。
いろんなことが変わったし。いろんなことが変わりそうだし。

カススタ氏、ねぎま氏、まとめたぞ氏、管理人氏、
そして住人の皆さんにありがとうと言いたいです。
投票。楽しみにしてます。


と、スレを私物化するテスト。

あけましておめでとう、と正月から2chに来てみるテストヽ(´ー｀)ノ

続いて「明けおめ」と書いてみるヽ（´ー｀）ノ

ヤフーオークションで、幻の人気商品、発見！！！

今は無き「コピーガードキャンセラー」↓
http://page3.auctions.yahoo.co.jp/jp/auction/c15158602

ヤフーオークション内では、現在、このオークション
の話題で、持ちきりです。

>>787
逝ってよ氏

と、レスをつけるテストヽ(´ー｀)ノ

>780 まとめたぞ氏
テーブルレイアウト使ってました・・・・
もしかしてどうみてもイケてないので弾かれたのかもしれませんが(w
春あたり気合入れてリニュるつもりなので、
そのときに再びここの住人の目にとまることを祈ってます。自分でさらす勇気は無い・・・・

>>779

がんばって下さいね。期待してます。

Web板は半年以上ぶりだなぁ…。

明けましておめでとうございます。
カスイケスレの皆様、本年もご指導ご鞭撻のほど宜しくお願い申し上げます。

と新年の挨拶をしてまわるテストヽ(´ー｀)ノ

HTML, HTML+CSS = デザイン
HTML+Table layout = デコレーション

>>792
同意。

>まとめたぞ氏
リンク集の140と179だぶってるんですけど

>>794
ありがとうございます。早速修正しました。
http://members.tripod.co.jp/monar01/

>>795
ご苦労様です。
で、今気づいたんですが、138と164もだぶってます

さらに
10のキルマカーは
外部スタイルシートも使ってないし
ばりばりテーブルレイアウトなんですけど

>>797

リンク切れ、移転も含め修正済み。量が半端じゃなくなってきた。
ｳﾃｭ氏

ネタです。

http://www.age.jp/~giko/

まとめたぞさんのサイトに行ってみたんだけど、
http://members.tripod.co.jp/monar01/ で使用しているCSSの
意味が全然わかりません。
つーか自分が基本も分かってないだけなんですが･･･。
FONT-SIZE: 100%ってどーゆーいみですか？
FONT-FAMILY: Verdana, Geneva･･･（略）って日本語指定しちゃ
だめなんですか？（MS ゴシック、OSAKAとか）
どっかCSS解説してるサイトないですかねぇ？

＞799
ネタって言うなー

＞http://www.age.jp/~giko/
なんか変なマークアップだね。

＞どっかCSS解説してるサイトないですかねぇ？
それこそリンク集から辿ればいい。
ttp://www.cc-net.or.jp/~piro/tips.lzh
これのCSSの部分とかね。

いけてるYO!
http://www2h.biglobe.ne.jp/~TOSHI/profile/

>まとめたぞ氏
例の投票のＵＲＬいつ晒します？

>>804氏

メールしたので、ご査収下さい。

>>800さん

漏れのサイトのシートはそんな大したもんじゃないし、もっとスマートに記述
できるはずなので、あまり参考にしない方がいいよ。

お役立ちリンク集てのをせっかく作ったので、見てみて下さい。

「荒らされ覚悟で自分のHPを晒すスレ。」で拾ってきた。
http://www.kiss-kiss.net/kiyoharu/top.html
内容はともかくデザイン的にはなかなかだと思うんだけどどうよ？

>>806
ツクスレにありがちな感じ。
ああいう系統じゃないのが見てみたいにゃあ。

>>806
ありが�d。
でもNN6にも対応させてないし、放置状態で閉めようと思ってるんで。。。

>>808
ホントにそこの管理人？
私としてはなかなか好みのデザインなんだけどな〜

>>809
うぅー、マジありがとー。
そこの板にキャップつけて「808さん萌え」とでも書きましょうか？（ｗ

アホだ、806さん萌えね。

がいしゅつ？
http://www.kct.ne.jp/%7Ekorekata/

>>812

何となくhttp://hms.vis.ne.jp/bwr/に似てる

>>806
自分は内容が気に入りましたよん。
リンク集をながめても、どーもＣＳＳ関係のサイトって内容が偏ってる気がしてねぇ。
育児日記とか音楽教室とか文庫の紹介とか、ほんとに「ふつう」の内容をＣＳＳデザインしてるところが好きなのだ。
（これからのウェブデザインの主流になってほしいって期待もこめて）

>>814
オタクな内容でごめんなさいね。

自分の趣味を貶されると悲しくなるよまったく。

>>814
「CSSでデザインすること自体が目的」っていうサイトが多いしな。このスレッドは。

ヲタクな内容のサイトはＣＳＳデザインでなくても多いからまぁいいとして。
（ＣＳＳデザインサイトでの比率が高いのは事実だと思うけど）

で、>>816で書いてあるように、「ＣＳＳ使用」が目的化してる、っていうか、それを前面に出してアピールしてるところにどうも違和感を持ってしまうし、それが「ウザい」って印象を持たせてしまう理由なのかなって思ったりする。
過渡期だから「啓蒙」が必要だっていうのはわかるんだけど、どうもそれが逆効果のように感じるのは自分だけなのでしょうか。

だから自分は「啓蒙」色がなくて、「さらっと」ＣＳＳでデザインしてるサイトが好き。
できればＣＳＳデザインについて触れるのは１文ぐらいに抑えてあるともっといい。
（もちろん自分自身の好みだけ）

じゃさ、>>749あたりからの続きになるけど、分類項に
「W3C関連とヲタ系(アニメ、ゲーム、ロリ)以外のメインコンテンツがある」
を基準にしてヲタ/常人とを分類しない？

常人って… せめて非ヲタ系と言ってくれ。

>818
内容に踏み込むのは、デザインリンク集の趣旨から外れませんか？

>>766氏との話し合いを行い、投票システムを構築中です。>>766氏に感謝です。
CSS デザの 2001 年の総決算という意味でも、皆さんの投票がものを言うと
思いますので、是非ご参加ください。そして、もう少しお待ちください。

>>820氏も言うように、ジャンルによる分類は、css に関するものを分ける以外
今のところ考えていないです。現在、少しづつですが、作業してますので、
もうしばらくお待ち下さい。分類については、各位の考えがあるとは思いますが、
まずは、私の方で分けているのをageたいと思います。こちらも、もうしばらくお待ち
下さい。

＞まとめたぞ氏
新年早々ご苦労様です。
頑張って下さいね。

代替スタイルが複数あるサイトはどうなるのでしょうか。
複数エントリー？

それはデフォルトのスタイルを優先させるのでは？
或いは切り替えスクリプト使用サイトというジャンルに区分されるのか・・・
・・・まとめたぞ氏にお任せしよう

自分の場合、デフォルトは見易さを重視してて、
他ので色々やってたりする。

デフォだけが対象ってのはチョトね。。。
総合点で評価とか？

http://members.tripod.co.jp/monar01/2ch.html

こんな感じで、制作中。意見がホスィ。

あと、上のナビゲーションを左にピッタリ寄せるcssの記述を伝授してホスィ

あ、なんかカッコイイ。

ul と li 両方に margin: 0 と padding: 0 をブチ込んだら良いのでは、と
素人意見を述べてみんとす。

>>827

ありがとう。直ったッス。

>>828
フォントはMS Pゴシック、Osaka、sans-serifで決め打ちですか…

>>まとめたぞ氏
<html>と</html>が見当たらないのですが…

>>830

仕様では、省略可能です。

嘘です。ありがとうございます。今から修正します。制作途中からこれか。ウテュ

>829
sans-serifは一般フォントファミリだから別に問題ないのでは？

>832
いやあ、そう言う事じゃなくて、私はブラウザのデフォのフォントを
見やすいやつに変えてブラウジングしてるから決め打ちされると
アレだなー、なんて思ったわけですよ。

!importantでユーザCSSでいいじゃんと思われるかもしれないけど、
時々弊害が起こるから切ってるんですよー。
個人的にはsans-serifとかの一般名は「フォント無いときの補完用」
という感じではなくて著者がフォントの系統を指定して
あとはユーザに選ばせてあげるという優しさとしてとらえている
わけなんですよ。まぁ、別にいいんですけどね。

ちなみに私は自分のとこでは font:icon; 使ってます。

>>833

まぁ、あれですよ。あれを再現するにはこれだなぁと安易に決めたですよ。
ちょっとしたシャレっ気ですので、もし見づらい場合は、ユーザシート
使うかしてください。
http://members.tripod.co.jp/monar01/2ch.html
ということで、寝ます。明日もがんばります。

>>833
font-family:sans-serif;だけだと、却ってWinIE5〜で弊害がありますよ。
http://www.microsoft.com/japan/support/kb/articles/J058/3/67.asp
http://members.jcom.home.ne.jp/jintrick/Personal/bad_css.html#level4

http://shota.pobox.ne.jp/css/

CSS でイケてるデザイン大賞 2001 投票システムを稼動します。
・締め切りは1/31
・他のスレに貼らない
・投票は 1 回のみしかできません
・純粋に気に入ったものに投票するようにしましょう
・>>766氏に感謝

定期ageよろしくです。↓
http://shota.pobox.ne.jp/css/

>>67
正直ビックリした。３ＤＣＧは実写かと思うくらいリアル。
本当に凄い！！！この人は素人ですよね？

>>837
誤爆?

お疲れさんです。
ところでpiroたんのとこの＆quot；がそのまま出力されてますね。

>>835
へぇ、そうなんだ。フォント回りってどこかしらで
やっぱり弊害が起こるもんだね。 font:icon; とかも
ベストとは言い難いし。現状では無難な指定にしておくのがいいのかな。

いざ一票となると、むづかすぃ・・・。

>>836
このスレに来てる人がどれくらいいるか知らないが、そう多くはないだろうから
一人一回一票のみの投票ではとても有効な結果が得られると思えない。
そこで複数投票可にして、イケてると思うサイトすべてに一票ずつ投票する
ようなシステムにすれば、そこそこ有効な順位が現れるのではないか。
（もちろん同サイトに複数回投票は不可）
これを予備投票とし、上位候補を対象に決選投票をしてもよいだろう。

まとめたぞ氏と766氏の尽力に感謝こそすれ、ケチを付けているわけでは
ないので念のため。あくまでも意見ということで。

確かに一票だけじゃなぁ・・・

念の為確認だけど、あくまでCSSの投票だから

投票基準の「デザインが優れてる」ってのは、
「見た目が優れてる」とか
「HTMLの設計(=デザイン)が優れてる」とか
じゃなくて、あくまで
「CSSの設計(=デザイン)」が優れてる」という
事で良いんだよね？

まあ、CSSのデザインの良さには見た目も含まれるんだろうけど。
あくまで、実際のCSSの書式も見た上で判定する、と。

>>844
自分の感覚では全て必要だと思うけど。
というか逆に僕はオーサリングツールの吐いたCSSでも
適宜シート分けできてれば構わないとか思う。

ちなみに「CSSの設計(=デザイン)が優れている」って
どういうこと? 美しいソースとか分類とか?

でも逆にそういう価値観で投票するのもアリだと思う。
「CSSで・イケてる・デザイン・サイト」の投票だからねえ。

http://members.tripod.co.jp/monar01/2ch.html ここまで完成　ふぅ。

このhtml+cssをパクったら君のサイトも巨大掲示板に（ｗ
というか、ここのhtmlてすごくstrictに向かないです。面倒です。

http://shota.pobox.ne.jp/css/
については、>>766氏　の作業になりますので、可能かどうか、反応を
お願いいたします。

投票ですが、コメントを後で参照できるのと、今後のためにも
コメントの入力をお願いいたします。

>>846

そうね。投票者の判断次第だね。

漏れの場合、CSSでイケテルデザインの定義には
「HTMLでデザイン絡みのインチキをしない」というのもあるので、
メニューを
<p>ABOUT | BBS | DIARY | LINK</p>
みたいに書いてる奴はNGという判断。
そういうのはlist itemだろが。

>>847
デザイン巧い。ﾜﾗﾀ。

ところで“CSS を選択できる Web site 集”に選択漏れが多い様だ。
元々http://members.tripod.co.jp/monar01/にあるサイトを見ると
他にもまだ選択できるところはあるけど。

トリップがfont-weight: normal;　だと尚良いね。

>>849
スレとはズレるけど

<p>うんたらかんたら</p>
<p>なんたらかんたら</p>
<p>＆ｎｂｓｐ；(半角);</p>
<p>ハナシは変わってどーたらこーたら</p>

みたいのは可ですか?

>>852
私は
<p>foo<br></p>
<p>bar</p>
ってやってるけど…、これも悪いのかな？

素直に小見出しを付けた方が無難。

投票制限外します？

＞855
一票じゃ決めにくいんで出来れば。
投票数は個人の判断に任せてみればいいかと。

>>855

お願いします。制限の回数などは、お任せします。極端な数字でなければ。

>>850

どうもありがとうです。やはり慣れ親しんだ場所ということで（謎
しかし、下らないことで、完全再現してる自分に鬱です。
抜けてるところに関しては、誰か教えて下さいませんでしょうか?
一応、全部見たつもりなんですけど。

>>851

ありがとうございます。トリップにも<span>つけるのが面倒なので、
これで許してもらえませんか？どうしても、というのであれば頑張ります。

>>851-852

せっかくなので、シートでやるのがスマートだと思うです。

>>852

話がかわるところで行間をより広く空けたい理由は、
段落が大きく変わるからでしょ。

だったら、
<div>
<p>うんたらかんたら</p>
<p>なんたらかんたら</p>
</div>
<div>
<p>ハナシは変わってどーたらこーたら</p>
…
</div>

これが妥当だと思うが。

>846の例も>852の例も思想的にはTABLEレイアウトと大同小異だと思う。

HTML-LINTで減点されなけりゃ良いっていう、形式だけの
Strict信奉はCSS対象ノミネートしちゃだめだよ。

>>858
抜けてるところ。
とりあえず上の方から見てみたけど
"outsider reflex"
Biotronique Web Resources
Top Page [QUIA]
が抜けてるっス。

全部見た訳じゃないからまだあるかも。

766さんってホントに14歳なの？
ずいぶん落ち着いた人格者に見えるけど。

海外
http://www.webade.co.uk/

津波荘に4票目を入れた者ですが、Mozillaで「投票」をクリックしたら速攻で表にカウントされてしまったので、コメントを入力できませんでした。
どうにかなりませんでしょうか？
以下コメント。

「華美に走りすぎていない、背景画像を活かした心地よい装飾が良いと思った。でも、<span class="delimiter">はborderもしくは:before/:afterあたりで置き換えて欲しかった。」

スタイルシートでやっても良いんですが、それだと
スタイルシートが無効な環境では節区切りが判らないから
＜ｐ＞＆ｎｂｓｐ；＜／ｐ＞でやってたんですけど、
やっぱダメですよね。
面倒でも小見出し付けるコトにします。
スレ違い sage 。

>>865
意味的には、こういったところになるのかも。

.formal-p { display: block; }

<p>
<span class="formal-p">うんたら</span>
<span class="formal-p">かんたら</span>
</p>

A:link{display:none}A:visited{display:}
をvisited.cssなんかで保存して
インターネットオプションのユーザー補助でcss指定すれば
いらないスレあぼーんできるよ！

hr{display:none;}

<p>うんたらかんたら</p>
<p>なんたらかんたら</p>
<hr>
<p>ハナシは変わってどーたらこーたら</p>

私はこうしてるんですが。CSS無しでも区切り線見えるし。

>>868
>>852は空間（行間）を空けたいつってるから
hr { visibility:hidden;}
がいいんじゃないかな。

いや、実は日記なんですけど、すでに

<hr>
<h2>○月×日</h2>
<p>今日はあんなことやこんなことがありました。</p>
<hr>
<h2>△月□日</h2>
<p>今日はこんなことやそんなことがあったのです。</p>
<hr>

ってカンジで日ごとに hr で区切っちゃってるんです。

かといって

<hr>
<hr>
<h2>◇月♥日</h2>
<p>今日見たテレビはアレとコレです。</p>
<hr>
<p>ところで明日はあそこへ行きます。</p>
<hr>
<hr>

ってワケにも行かんですよねぇ。

それなら日毎にdivで分けるもんなのでは。

ex.
<div id="diary020108">
<h2>02/01/08</h2>
<h3>8ch</h3>
<p>
今日、ヲチ板いったんですよ、ヲチ板。そしたらなんか、8chができたとか言ってるんです(以下略)
</p>
<h3>会社</h3>
<p>
めでたく永久休暇を貰いました。
</p>
</div>

<hr />

<div id="diary020109">
<h2>02/01/09</h2>
<h3>探し物はなんですか</h3>
<p>
仕事。
</p>
</div>

あ、 div で囲むのはやってるんです。
ちょっと >>868 氏の
>CSS無しでも
云々って発言を受けてのレスということで、
CSS 非対応ブラウザでは関係無いからとりあえず今回はいいや、
って省略しちゃいました。ちゃんと書いた方が良かったですね。

とりえあず自分は CSS 非対応ブラウザでも内容の把握に
問題が無いようにってのを最優先にしているので、
<div class="section"> とかで囲んでも NN3 とかでは無意味
→何か別の手段で節区切りが判るようにせねば
→ hr は日の区切りを視覚化するために使っちゃってる
ってコトで ＜ｐ＞＆ｎｂｓｐ；＜／ｐ＞ とかやってたんですが、
それはそれでやっぱりマークアップとして不適切、ということで
まぁ結局 >>871 さんが書かれた例のように
<h3> で小見出しを付けるってコトで今は落ち着いてます。

海外
http://www.bluerobot.com/

>>852
激しくスレ違い。荒らしと認定。

>>873のサイトにインチキ空DIV発見。
line 127 : <div id="headerOverlap"></div>

>>875
CSS適用しなくてもまともに見れるんだったら別に良いんじゃない?
W3Cに完璧に準拠してもあまり意味がないわけで。

>>876
いや、「別に良い」は同意なんだけど、
こういうレイアウト専用の要素を作っちゃえば
幾らでもビックリ!なスタイルにできるわけで。

それをやらないで苦労している人もいるわけだから、
一応指摘しといた方がいいかと思って。

>レイアウト専用の要素

何故かTABLE以外はみなさんノーチェックなんだよねぇ。
というか、TABLEにだけ何故かウルサイ。

おい…なんでもいいけどあんまりレスで流すなよ

カスイケサイト投票はこちら
http://shota.pobox.ne.jp/css/

カスイケリンク集
http://members.tripod.co.jp/monar01/

住民ダブってるんだろうけど
Strict-HTML スレッド
http://pc.2ch.net/test/read.cgi/hp/1008380243/
CSS スタイルシート質問スレッド
http://pc.2ch.net/test/read.cgi/hp/1005047493/
も参考に。

こちらは本題でお願いしますね。もうそろそろ1000逝きそうですな・・

>>878
TABLEによるレイアウトにうるさいのは、デメリットが明白だからでは？
DIV等のレイアウト専用要素はさほど他人に迷惑をかけないし。

>>881

うーん。つまり、不適合HTMLの程度判定も
ブラウザ依存ってことか…。

>>880
追加

CSSコミュニティの功罪を評価するスレ　3rd style
http://pc.2ch.net/test/read.cgi/hp/1010065020/

正直、そのスレはいらない。

IE3で今色々見まわっています。
…ご想像にお任せします（汗)

いや、でも早いっすな、このブラウザ。
Opera6の軽快感の上行ってます。(当たり前だけど)

<STYLE type="text/css">
<!--
A{
text-decoration : none;
cursor : default;
}
A:HOVER{
color :ここに文字色;
text-decoration : none;
cursor : default;
visibility : visible;
float : none;
clear : none;
position : relative;
top : 2pt;
left : 2pt;
}
-->
</STYLE>

お聞きしたいのですが、↑上のタグをつかって、リンクの上にカーソルを置くと
字や画像が少しズレて、さもへこんだように見えるようにしたのですが、
画像が動かないのです。（字はちゃんとへこんだように見える）

でも、例えば外部から直リンしたバナーなどの画像はちゃんとへこんだように見えます。
この違いはどういうことなのでしょうか？

>>886
>>880で
http://pc.2ch.net/test/read.cgi/hp/1005047493/
が紹介してあるのに早速それか、ゴルァ！

非常に申し訳ありませんでした。
すみません……。

>>882
あくまでもイケてるデザインという観点からですが。
strict的にはまた違ってくる。

定期コピペ

カスイケサイト投票はこちら
http://shota.pobox.ne.jp/css/

カスイケリンク集
http://members.tripod.co.jp/monar01/

投票age

おい、お前ら投票してください

ところで、投票期間っていつまで？
それとも総計何票で終了、とか？

>>892

1/31 で締め切りです。「娘娘飯店しるきぃうぇぶ」さん強いなぁ。

全部で50票ぐらいで、5票も取れれば優勝かと思ってました。
思ってたより住人多くてよかったです。

結局、複数投票案は没になったの？

今、投票見たけど、１票入ってる「佐川文庫」ってどうなのよ。
確かにスタイルシート使ってはいるけど、トップページ以外は
めちゃめちゃテーブルレイアウトなんですけど。

>>895

複数投票はできますので、気に入ったものに入れて下さい。
佐川文庫に関しては、サイトをチョイスする時にトップしか見なかった
私の責任です。スマソ。

>>895

そこは移行中だって初出時に書いてたでしょ。

>>893

強いんだけど、コメント読む限り、評価ポイントがCSSじゃ
ないような。
ていうか、ﾊｧﾊｧ系のコメント多過ぎだYO!

>>898
確かに・・・
コメントだけ見るとなんかそっち系のサイトだと思ってしまう

>>899
うむ。。。確かにそーかも。
よく見たら、サイトの日記で投票の事書いてる。
そこから流れて来た常連が投票してたりなんかして。
コメントからそんな感じする。

>>900

サイトのデザインも、まあ言うのも何だが
イケてるデザインで票が集まる程特徴的な
ものではないしな。(どこにでもあるデザイン。)

萌え系だからダメとは言わんが、組織票呼びかけちゃ
だめだろうに。

>>897
移行中か知らんが、少なくとも今の状態で
票がはいることが疑問。投票者に対して。

娘娘飯店しるきぃうぇぶのコメントは、どうなんだろう。

日記から流れたんだろうな。せめて、デザインについてコメントしてホスィ

定期コピペ

カスイケサイト投票はこちら
http://shota.pobox.ne.jp/css/

カスイケリンク集
http://members.tripod.co.jp/monar01/

ってゆーかそろそろ新スレかな？

950くらいまでは続けようよ。勿体無いし。

>>906
同意。
あまり残して新スレ逝くと、旧スレあがったりして面倒だしね。キリ番ゲッター（何）
もいなそうな、平和なスレだし。

>>893, >>898, >>899, >>900, >>901, >>903
組織票呼び掛けじゃなくって、
ノミネートされてる側として＆ CSS でざいん推進派として
この投票を広く周知したかったから日記に書いた
のですがが。だめですか。
罰げーむとしてノミネート除外でもいいですよ。まじで。

ウチのでざいんは「イケてる」のは目指してないです。
（つか能力がないから出来んのですが（w
もったり系目指しCHU! （はぁと

折れコメント考えて無かったからキャンセル押したんだよ。
そしたらコメント無しで投票されちゃった。

さとみさんとこは、いい。
CSSじゃないけどtableにあえてborder入れてるとこも、とてもいいです。
そういう思想大好きです、はい。

カウントだけ競っても面白くないよー。

投票するときコメント入れてくれた方が面白いのにー。

>>908

> 恥外聞無し
>
> よーしパパ自分のサイトに清き一票入れちゃうぞー。っていうか、してるし。わらい。

票を欲しがっている様にしか読めないんですけど。

http://shota.pobox.ne.jp/css/choice.cgi?mode=3;id=1;comment=%83e%83X%83g

自分で自分に一票いれた、って事実を
言わなきゃいいのにわざわざ書くことを
「恥外聞無し」といってるのですが。

そりゃ票が欲しく無いといったらウソになるけど
うちに投票すれとは言ってないし、そー受け取ったとしても
そのままなにもかんがえず投票するほうもどうかしてるのでわ。

せっかくのイベントがつまんなくなるので、このへんで。

>>914

取り敢えず、日記ログの問題の記事を、今回の
コンクール投票終了日までコメントアウトなりで
表示から外してくれ。

誘導の意図が無かったといくら言ってみたところで、
事実上あれには誘導する作用があるのだから。

気にする事はないよ。
一票も入らない奴が妬んで僻んでいるだけ。

↑そういう煽りもやめれ....

別に気にもならんがなぁ。
っつーか、>>914んとこ、実際イケてると思ったし、
上位に来ることは誰もが予想できてたはず。
そんな目くじら立てるなや。ﾏﾀｰﾘいこうぜ。

っつーわけで定期ageだ

カスイケサイト投票はこちら
http://shota.pobox.ne.jp/css/

カスイケリンク集
http://members.tripod.co.jp/monar01/

>>918

> 上位に来ることは誰もが予想できてたはず。

それは無理ありすぎ。
ノミネートされた全サイトのデザインを覚えている人なんか
いないし。

俺も、突如上位に食い込んできた件のサイトを見て
「こんなサイトもあったっけ」
と思ったクチだけど。

|
|､∧
|Дﾟ）　ｼﾞｰ
⊂）
| /
|´

>>920

ー＋ー　　　/　　　　　lﾆ|ﾆl　　 　 ｜　　 ヽ　ノ　　　　,　 　 、　　　　　｜｜
ー＋ー　−+--- 　 ￣￣￣￣　ー十一　三l三　　ー十一,　ヽ　　　　　|｜
＿|＿　　/　--　　　 |二二|　　　 /|ヽ　　ヽ| ノ　　　　 |　　|　　　　　 　|｜
|_/　　　/　､　　　 　 |二二|　　　/ | ヽ　 ノ| ヽ　　　　/　　|　　　　　　｜|
　　　　　　　￣~ 　＿ノ　 ヽ＿　 　 |　　　 ､|　　　　　/　　､l
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　（　）
　　,>>1､　　　　　　　　　　　　　　　　　　　　/ヽ
　/　O　　円ｸﾞﾋｬｯ !　　　　　　 /ヽ、　　　　 /　 ヽ
　,, ： ,ー, O |　　　　　　　　　　/　 _,;, -'''"~~　　　 ヽ
'' ； ∴_ﾉゝ ゝ 　　　　　　　　／o　　　　O　　　　　　ヽ
　　ヽ　,;''"~"'';,　　　　　　　/　 ┌─┐　　　ノ（　　　ヽ
＿ノ| 　;;'';;'';;'';;''　　　　　　｜　 /　 　 |　　　 ⌒　　　　|
　　 ゝ、ヾ　　ヾ　　　　　 　 |　ト､　　 |　　　　　　　　 /
　／　 ヽ ヾ　　ヾ　　　　　　ヾ、　＼ノ　　　　　　　 ノ
　　　　ノ＼_ヾ　　ヾ　　　　　　／⌒ヽ、　＿＿＿／、
　　　　　　　ノヾ　　ヾ＿ ＿／　　ノ,　　　　　　　　　ヽ
　　　　　　　　　ヽ、ゝ　　　　　ノ　ノ　　　　　ハ　　　 ヽ
　　　　　　　　　　 ゝ､　　　ノ　　ノ、　　　　 ﾉ　ゝ 　 ｜ ）
　　　　　　　　　　　　 ー─一'´　　ゝ、　　　　　　　　l'´
　　　　　　　　　　　　 　 　 　 　 　 　 ）　 　 　 　 　 /

ー＋ー　　　/　　　　　lﾆ|ﾆl　　 　 ｜　　 ヽ　ノ　　　　,　 　 、　　　　　｜｜
ー＋ー　−+--- 　 ￣￣￣￣　ー十一　三l三　　ー十一,　ヽ　　　　　|｜
＿|＿　　/　--　　　 |二二|　　　 /|ヽ　　ヽ| ノ　　　　 |　　|　　　　　 　|｜
|_/　　　/　､　　　 　 |二二|　　　/ | ヽ　 ノ| ヽ　　　　/　　|　　　　　　｜|
　　　　　　　￣~ 　＿ノ　 ヽ＿　 　 |　　　 ､|　　　　　/　　､l
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　（　）

　　　 　 　 ∧ ∧ 　／￣￣￣￣￣￣￣￣￣￣￣￣
〜′ ￣￣( ﾟДﾟ)＜ 恥ずかしい奴だ。
　 UU￣￣ U U　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿

>>900-919
折角のイベントがしらけるじゃねーか！ﾏﾀｰﾘしやがれこんちくしょうめ！

>>920-922
ウザ━━━(#ﾟДﾟ)━━━!

>>924以降
カスイケサイト投票はこちら
http://shota.pobox.ne.jp/css/
>>950とった奴は是非新スレ立ててください

http://kaba.2ch.net/test/read.cgi/net/1010674850/

『曉に死す』に投票したいのだが、候補に見当らず。
ttp://www.akatsukinishisu.net/
一見スッキリしてるが実は工夫を凝らしてある所がいい。

ヲチに立てたのは誰ですか…。
投票所のURLまで貼っちゃって…。

>>926
たっぴ。

黒地にすると、なんかみんな似通ってくる気がしません？
http://www.ne.jp/asahi/anarchy/saluton/
TokimekiとかOutsiderとかの先例の印象が強い所為かな。
なんかもっと別の良いお手本は無いものか。

>>928
シニアネット

娘娘飯店しるきぃうぇぶの軽はずみな行動で
ヲチ板に他サイトまで晒すことになったんだぞ。

責任とれ、こら！

>>928
ここですよね？
http://www.seniornet.ne.jp/
黒地なのはトップページのナヴィゲーション用の部分だけで
基本は黄色系の背景ですから参考にはならんでしょ。

そろそろ票が集中しだしそう。
みんななるべく全サイト見て投票するんだZO!

IEでないとコメントを書けないのがむかつく。
複数項目に投票しようとしても二重投票といわれて弾かれるのがむかつく。

カスイケサイト投票はこちら
http://shota.pobox.ne.jp/css/

カスイケリンク集
http://members.tripod.co.jp/monar01/

投票促進age

東方さんとこはイケてはないのか？投票したいと思ったんだけど

IDにgif拡張子ついちゃった。

>>903
現在快調に首位を逝っているﾃﾞﾙｰﾀの
最近のｺﾒﾝﾄもどうなんだろうか?

ﾈｶﾞﾃｨﾌﾞｷｬﾝﾍﾟｰﾝが成功したからか
娘娘飯店しるきぃうぇぶは票が伸びなくなったね。

>>931
css的にお手本になるサイトいう意味だと思ってました。
黒背景でお手本になるサイトがほしいのね。
カススタさんちではどうよ。

上位10サイトのコメントを考察(1/11 PM7:00現在)

1.Delta：娘娘飯店と同様、コメント内容が…特に追い上げ後から酷い。
2.津波荘：票数の割にコメント数が少ないが、コメント内容はちゃんとした評価。
3.娘娘飯店：ようやく1コメントまともな評価が。
4.outsider：これも票数の割にコメント少ない。コメント内容はまとも。
4.DEEPER：コメント数も多いし、コメント内容もまとも。
6.Mapleholic：3投票で1コメントだが、コメント内容はまとも。
6.ZAPPALLASINC：いい評価を得ている。投票数とコメント数が同じなのはよいこと。
6.bA：コメントがない
6.Biotronique：Mapleholicに同じ
6.おはぎ：コメントが・・・

お前らコメントはちゃんと書いてください

こ　の　投　票　は　企　画　倒　れ　で　し　た

実行してるんだから企画倒れではない。

と言ってみる実験。

766です。
投票の制限を一週間に1回にしました。
ということで7日たったらまた投票できます。
無制限にすると荒らす輩が出てきそうなので
不便ですがよろしく御願いします。
投票は引き続きこちら↓
http://shota.pobox.ne.jp/css/
あと、やっぱりコメントはCSSに関係した物のほうが望ましいです。
ご協力御願いします。

>>941
企画倒れなんて言わないで御願い^^;

>>938

>>940

追い上げと同時にコメントが酷くなるのは困ったもんだね。
誰が誰を呼び寄せることで追い上げ現象が生じるんだろう。

>>943
ということは実質３票か。
みなさん投票は計画的に。

理想的には締め切りまで投票経過が公表されないシステムのほうが
良かったかもね。

そろそろ次スレッドの>>1の雛形を考案しませんか。

スタイルシートを使ってて（必須）、
レイアウト目的のTABLEを使ってなくて（なるべく）、
それでいてかっこいいデザインのサイトを探すスレ。

【前スレ】
http://pc.2ch.net/test/read.cgi/hp/998894057/

【関連】カスイケリンク集
http://members.tripod.co.jp/monar01/

【関連】カスイケデザイン大賞 2001 投票（1/31まで）
http://shota.pobox.ne.jp/css/

【関連】CSS スタイルシート質問スレッド
http://pc.2ch.net/test/read.cgi/hp/1005047493/

【関連】* CSS { イケてるスタイルを："作れ";}
http://pc.2ch.net/test/read.cgi/hp/991906104/

【参考】CSS/DHTMLバグ辞典スレッド
http://pc.2ch.net/test/read.cgi/hp/991666454/

【参考】Strict-HTML スレッド
http://pc.2ch.net/test/read.cgi/hp/1008380243/


長いな・・・

記念に書いておこうかな。

【参考】代替スタイルシートに萌え〜
http://pc.2ch.net/test/read.cgi/hp/991906104/

【参考】Webサイト制作初心者用スレッド
http://pc.2ch.net/test/read.cgi/hp/1010524882/


功罪スレはいらないよね？

スタイルシートを使ってて（必須）、
レイアウト目的のTABLEを使ってなくて、
それでいてイケてるデザインのサイトを探すスレ。

＠初代スレ
http://natto.2ch.net/hp/kako/985/985978270.html
＠2 代目スレ
http://pc.2ch.net/test/read.cgi/hp/998894057/

関連スレ { イケてるサイト作れスレ : http://pc.2ch.net/test/read.cgi/hp/991906104/ ;
上記発表場 : http://www32.tok2.com/home/css/clip/joyful.cgi ;
Strict HTML W2C : http://pc.2ch.net/test/read.cgi/hp/1008380243/ ;
CSS、スタイルシート質問スレッド : http://pc.2ch.net/test/read.cgi/hp/1005047493/ ;
代替スタイルシートに萌え〜 : http://pc.2ch.net/test/read.cgi/hp/991400015/ ;
CSSコミュニティの功罪を評価するスレ　3rd style : http://pc.2ch.net/test/read.cgi/hp/1010065020/ ;
}

こんなんで、どうでしょう。

>>950
が、スレ立てって事で(笑)

>>947
前々スレも追加してあげて下さいナ。
http://natto.2ch.net/hp/kako/985/985978270.html

あと、「作れ」の発表所も。
http://www32.tok2.com/home/css/clip/joyful.cgi

【関連】
代替スタイルシートに萌え〜
http://pc.2ch.net/test/read.cgi/hp/991400015/

わ。みんな同じことしてたの〜??

しかも、自分で作った CSS リンク集を入れてないし（ｗ

>>947
「【関連】カスイケデザイン大賞 2001 投票（1/31まで）」は>>2-5に回しませう。

>953
ありゃりゃ(ﾜﾗ

しっかし凄い量になっちゃったなぁ…
まあ全部入れますか。

【関連】に追加。
CSS/DHTMLバグ辞典スレッド ver2.0
http://pc.2ch.net/test/read.cgi/hp/991666454/l50

スレ立ては、人の少ない朝方とか日中にすると良いと思われ。

カススタさんはもう来ないのかなぁ・・・

http://homepage.mac.com/csstyler/

極悪 CSS 研究所
http://www.geocities.co.jp/Milano-Killer/8583/

ここも笑わせてもらったね。

-------------------------------------------------
(以下は>>1の内容)
-------------------------------------------------

スタイルシートを使ってて（必須）、
レイアウト目的のTABLEを使ってなくて、
それでいてイケてるデザインのサイトを探すスレ。

【初代スレ】
http://natto.2ch.net/hp/kako/985/985978270.html

【2代目スレ】
http://pc.2ch.net/test/read.cgi/hp/998894057/

【関連】カスイケリンク集
http://members.tripod.co.jp/monar01/

関連スレ、参考スレは>>2-5以下を参照

-------------------------------------------------
(以下は>>2以下の内容。>>2に全部書いてもいいですし、
>>2-5に振り分けてもいいです)
-------------------------------------------------

【関連】カスイケデザイン大賞 2001 投票（1/31まで）
http://shota.pobox.ne.jp/css/

【関連】CSS スタイルシート質問スレッド
http://pc.2ch.net/test/read.cgi/hp/1005047493/

【関連】* CSS { イケてるスタイルを："作れ";}
http://pc.2ch.net/test/read.cgi/hp/991906104/

【関連】上記スレッドの発表所
http://www32.tok2.com/home/css/clip/joyful.cgi

【関連】CSS/DHTMLバグ辞典
http://pc.2ch.net/test/read.cgi/hp/991666454/

【参考】CSSコミュニティの功罪を評価するスレ
http://pc.2ch.net/test/read.cgi/hp/1010065020/

【参考】Strict-HTML スレッド
http://pc.2ch.net/test/read.cgi/hp/1008380243/

【参考】Webサイト制作初心者用スレッド
http://pc.2ch.net/test/read.cgi/hp/1010524882/

>>960の縮約（と追加）版

〜〜前略〜〜
【関連】
カスイケデザイン大賞 2001 投票（1/31まで）
http://shota.pobox.ne.jp/css/

CSS スタイルシート質問スレッド
http://pc.2ch.net/test/read.cgi/hp/1005047493/
* CSS { イケてるスタイルを："作れ";}
http://pc.2ch.net/test/read.cgi/hp/991906104/
　上記スレッドの発表所
　http://www32.tok2.com/home/css/clip/joyful.cgi
CSS/DHTMLバグ辞典
http://pc.2ch.net/test/read.cgi/hp/991666454/
代替スタイルシートに萌え〜
http://pc.2ch.net/test/read.cgi/hp/991400015/
CSSコミュニティの功罪を評価するスレ
http://pc.2ch.net/test/read.cgi/hp/1010065020/

【参考】
Strict-HTML スレッド
http://pc.2ch.net/test/read.cgi/hp/1008380243/
Webサイト制作初心者用スレッド
http://pc.2ch.net/test/read.cgi/hp/1010524882/

>>961
good job

/* CSSでイケてるデザインサイト { number: 3; } */
http://pc.2ch.net/test/read.cgi/hp/1010800617/

立てました。