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

一番上、a:hoverで字が消えるのが凄く嫌だ。

>>901

http://www.interq.or.jp/jupiter/akira724/a.top.index.html
雰囲気があっていいスタイルだなー。
ところどころの要素にちりばめられた画像がまた素敵。

http://members.tripod.co.jp/jyunsuinikky/index.htm
ナビになるリストのマーカーが、現在表示しているのだけ違うというのは
面白いアイデアだと思う。今度マネしようっと。

Hotwierd　読んだ？
こんなんありました。
http://jscript.dk/lycos/2/

>>904
>>837

http://www.akiyan.com/
tableレイアウトから移行したらしい
不思議マークアップなページも残ってるようだが

宣伝スレ？

次スレよろしく

>>906
divがｲﾊﾟｰｲ ヽ（´ー｀）ノ

次スレは950で十分と思われ

「イケてる」はやめよーよー

じゃあ「ナウい」とか。

>>906
頼むから､
<span class="displaynone">
なんてやってるのを挙げるなよ｡ トップページからして明らかにdiv中。
テーブルがなければなんだっていいってわけじゃないだろ。

<div class="title_contents" id="ta1">
<h1><img src="../image/title/titie_mini.png" width="128" height="24" alt="蓄積多趣味人"></h1>
</div>
こんなのもどう考えたっておかしいだろ｡

http://www.opera.com/buy/

>>912
そのdivに何か追加するつもりがあるのかもしれんよ

>>912
Strictスレじゃないんだからいいんじゃない？確かにいらないdiv/spanが多いが…
こういういかにもニュースサイト風のマルチカラムレイアウトは、
実はこのスレではあまり見かけないから、新鮮といえば新鮮。
W3Cですらテーブルでやってるしねえ＞マルチカラムレイアウト

次スレは　「ナウなヤングにバカウケなCSSデザインサイト5」

ネタが少ないから、Div/Span厨なCSSサイトでも良いような気がしてきた。
無論、Stric+CSSが1番良いんだけど。

次スレは「CSSで抜けるデザインサイト 5」に決定

次ｽﾚはｽﾚﾀｲを一新して

「strictなhtmlでｶｺｲｲ(･∀･)ｻｲﾄ」

はどうでせうか？

CSS = CoolでStrictなSite

関係ないが、W3Cのサイト見てたらシート書きたくなった（ｗ
http://webcafe.zive.net/~css/

元に戻って「/* CSSでイケてるデザインサイト { number: 5; } */ 」とか良いなぁ、と思った。

「Strict HTML+CSSでデザイン良いサイト5」とかは？

CSSを正しく使った（・∀・）ｲｲ!!デザインのサイト

今、CSSが熱い！CSSデザインサイト特集！第5回

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

Cイデサ5

CSSがムケているデザインサイト5

やっぱこのまま「CSSでイケてるデザインサイト 5」で良いんじゃない？

つーか「イケてる」定義って何？
StrictHTML？
テーブルレイアウトしないこと？
divをあまり使わないこと？

「格好良い」とは別なのかな。

「背景真紫かよ！趣味悪いよ！」みたいなサイトでも
StrictHTMLでテーブルレイアウトしてなくてdiv厨でなければOKのようで。
というわけで

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

を推す。

>>929
その条件を満たして尚且つ「イケているデザイン」だろ。
イケているイケていないを判断する以前の不思議マークアップサイトを出す馬鹿が、
ここ最近は多かったからねえ。

>>929
あえて、CSSでとうたっている以上、
文書構造としてのHTMLと、表示状態を規定するCSSとが分離されている上で、
表示状態がそれなりに格好良いということではないかなぁ?

StrictHTML … 望ましい｡
テーブルレイアウト不使用 … これは最低限
divをあまり使わない … divの量ではなく、意味のない div/span の量が問題

だと勝手に解釈してます

>>930
それなら、「CSSのいっちゃってるデザインサイト 5」は?

テンプレに

イケてる!!→すぐに晒す。ではなく。
まずは落ちついてソースを吟味する事。

とか入れてはどうか。勿論これも忘れずに。

・テーブルでのレイアウトを使用していない
・正しい HTML で記述されているもの
・その他、参考になるもの

>>932
divについては適切な用途があるのにdiv/spanを使っていない、もかな。

あと、場所だけ挙げられても広告疑っちゃうし、一言二言あると。

＞まずは落ちついてソースを吟味する事。
あまり見た人を馬鹿にするような事を書きたくないんですが。
「正しい」だけで理解していただけないでしょうか。
スレ違いの書き込みは流せばいいだけです。

>「正しい」だけで理解していただけないでしょうか。
・DOCTYPE宣言はあるか
・見出し（hn）、リスト(ul/ol/dl)、段落(p)などの要素を正しく使っているか（div/spanはあくまで汎用要素である）
・物理タグ、テーブルレイアウトは論外。
・AHLで高得点をとるよりも志向性としてのStrictを目指しているか。

ていうか、「正しいHTML」を理解できていないなら書き込まずROMしてろということで…

>937
禿げのエドゥ

(ﾟДﾟ) ﾊﾞｶﾃﾞｽﾏﾝ

ゆかぽんですぅ（＊＾−＾＊）
こんなスレあったんですね〜気が付かなかった（＞＿＜）

CSS Maker - スタイルシート作成ツール
http://www.cssmaker.com/

>>941
質問スレッドで批判されてたね。ワカッテナイ人の作ったサイトて感じ。

スレタイ「CSSのみでイケてるデザインのサイト 5」は？

>>906
で、紹介されたサイトの管理人です。
トップページのムダなdivをできるだけ減らしてみたのですが
どうでしょうか。http://www.akiyan.com/

わざわざご報告にこなくてもおよろしくてよ

>>944
divはこのくらいで良いと思う。強いて言うならクラス名が気になるな。
class="leftmenu"とかって見栄え指定の香りがする。
まぁこのスレでそこまで言うこともない気はするけど。

>>946
leftmenu、気にしてなかったんですけどたしかに匂いますね。
考え直した結果、
　leftmenu→mainmenu
　rightmenu→supplement
となりました。

>まぁこのスレでそこまで言うこともない気はするけど
言って貰えると嬉しいです。
...スレ違いだったらすみません。

>>944
せっかく本人光臨したのでつっこみ

・<h2><span class="forieoriginalcss_sidemenutitle">■ 基本</span></h2>
これが気になる。■は画像にしてbackground-imageするか、
h2:before {content: "■";}が望ましい。これはMozilla限定だが。
あとここでspanで囲む必要性が見られない。

・<li><span class="nn4nodisplay">｜</span><a href="contents/siteinfo.shtml">当サイトについて</a></li>
これの｜も気になる。これもborderを使ったほうがいい。

・全体的にclassに頼りすぎ。子孫セレクタなどを活用して無駄なclassを減らす努力をしてください。

もしよろしかったらそのネタをこっちのスレで提供して頂けませんか？
スレ違い、横槍レスすみませんですた。

>>948
> h2:before {content: "■";}が望ましい。これはMozilla限定だが。
これも考えたのですが、仰る通りmozilla（＆opera）限定になるので
かっこ悪いなと思いつつ妥協してました。

>■は画像にしてbackground-imageするか、
画像が良さそうですね。やってみます。

>あとここでspanで囲む必要性が見られない。
IE独自拡張のfilter使ってるのが理由です。

>>949
>もしよろしかったらそのネタをこっちのスレで提供して頂けませんか？
ぜひ。今後はそちらで話したいと思います。

>>948
><li><span class="nn4nodisplay">｜</span><a href="contents/siteinfo.shtml">当サイトについて</a></li>
これの｜も気になる。これもborderを使ったほうがいい。
borderは思いつきませんでした。有難うございます。やってみます。

>IE独自拡張のfilter使ってるのが理由です。

理由になっとらん

>>952
>理由になっとらん
h2にfilterしてもだめだったのでspanしたのですが、実は出来ますか...？
それともfilter自体がペケですか。

見栄えだけのためのDiv/Spanは不要ということですな

>>950
次スレよろ。ってのは、かわいそうか。

このスレ>>1カス氏に一任したいがよろしいか？スレタイは、現状維持でいいんじゃないか
と個人的に思う。

>>954
なるほど、納得しました。

>>955
>次スレよろ。
そうさせて頂きます。

filterは独自拡張だし、連打ﾘﾝｸﾞが重くなりがちだから、嫌いと言う人がいると思ふ。

http://www.tukaerusite.com/
ここけっこうかっこいいよ

>>958
宣伝やめれ
こんなうざい宣伝するサイトは絶対に利用したくない

>>959
958だが管理者ではないので。

>>960
スレの趣旨理解してるのか？
早く(・∀・)ｼﾈﾖ

>>960
在ﾁｮﾝ市ね

>>958
ツカエナイサイトの間違いだろ。

(´ー｀)

１０００ゲッター降臨　川￣ι￣川

次スレ立てました。
http://pc3.2ch.net/test/read.cgi/hp/1035279937/l1

Fｄさふぁｓｄｆｓｄふぁｓｆ+++

　　　　 γ'"⌒ヽ,,,_
　 　､‐-/::::::｡::::::::;;;;;;;)
　　 ~ﾝ::　`''''"~　/　　　 ／￣￣￣￣￣￣￣￣￣￣￣
　)ヽ/と;ノ (,,ﾟдﾟ)つ　＜　おーい、誰かイルカー。
　ﾒノ'＼__　 　／　　　　＼　1000争始めちゃうぞー。
　　　　　U"U　　　　　 　　＼＿＿＿＿＿＿＿＿＿＿

ゞ:ヾヾ.: ;ゞ;ゞ ;ヾ ;ヾ ; :ヾゞヾ.,　.ゞヾ;ゞゞ;ゞ　　　`　　　　　　　　　　　`
,,ヾ ;";ヾ; ;ゞ ;" "ゞ ; ; ; ゞ ; ;ヾ ; ;;ヾ ;ゞ "ゞ;ゞ 　　　`
; ;ゞ ;" ;ヾ ; ;";ヾヾ; ;"ヾ/" ; ;ヾ　;ヾ "ヾ"ヾ゛;"; ゞ:.　　゛　　　　　　`　　　　　　　`　　　　　　`
" ;ヾヾ ; ; ヾ ;ゞゞ; ;ゞ ;" "ゞ ; ;"/" ヾ ;ゞ ;" "ゞ ; ; ;　　　　　　　`
ゞヾ;ヾゞ:ヾ　ゞ:.y.ﾉゞ ; ;ヾ ; ;ゞ ;"ゞ "; ; ; ゞ゛;ゞ ;ゞゞ　　`　　　　　　　　　　`
ゞ:.y.ﾉゞ ; ;ヾ ; ;ゞ ;" "ゞ; ; ; ゞ゛;;ヾ ;ゞ ;" "ゞ ; ;ゞ ;;; "ゞ;ヾ; 　　`　　　　　　　　`
ゞ:.y.ﾉゞ ; ;ヾ ; ;ゞ;; ;" "ゞ; ; ゞ゛;ゞ:.y.ﾉゞ ; ;ヾ ; ;ゞ ;" ゞ;;ゞ゛;　　　　　　　　　　　　　`
:ゞ:.y.ﾉゞ ; ;ヾ ; ;:_/ゞ ;"ゞ; ; ;ゞ゛;ゞ:.y.ﾉゞ ; ;ヾ ;ゞ"ゞ;　　　　`　　　　　　　　　`
..;;;;;; ; ;ゞ;;ノ;ノ″ 　　　　　　　　`　　　　　　　　　　　　　　　　　　　　　　　`　　　　　　　　　　`
:;;;　;;;;.....:::/　　　　`　　　　　　　　　　　　　`　　　　　　　　　　　　`　　　　　　　　`
;....;;;::::;i;..ii|　　　　　　　　　　　　`　　　
::::　;;;..;.ii:i|　　　　　　`　　　　　 　　`　 　`
::..;;;.::..　:ii|　　　　　　　　　　　　　　　　
:::.::;.;;;.:i;:iii|　　　　　　　　　　　　　　　　
:;;.:.　..;;.ii;i|　　　　　　　　　`　　　　　　　　　　　　　　　　　　　`　　　　　　　　　　　　　　　`
;;;....;;::;...;;ii|　　　　　　　　　　　　　　　　
::;...;;:..;i...iii|　　　　`　　　　　　　　　`　　　　　　　　　　　　　　　`　　　　　`　　　　　　　`
:..;;;.;;;.:;:;i.;ii|_∧　　　　　　`　　　　　　　　　　　　　　　　　　　　　　　　　`
::;...;;.;;ii:i;;;:;i∀・)　1000取り合戦ﾃﾞﾁ〜　　　　　　
::;...;;.;;ii:i;;;:;|⊂ノ　
.;...　.;;:.;:;iiii|` Ｊ　　　　　　 　
iii;;ii:i;;i:i;:;iii;;ii .. ,,.. ,..　,.... ,,,.,..,　§§§　§§.,,,... .,,.. ,..,... _,,　,..,... ,,..,,, ,

1000ゲト！！！！！！！！！！！！

1000!!

　　　　　　　　　　　　　（
　　　　　　　　,,　　　　　　　　）　　　　　　）
　　　　　　　　ﾞﾐ;;;;;,_　　　　　　　　　　　（
　　　　　　　　　ミ;;;;;;;;､;:..,,.,,,,,
　　　　　　　　　　i;i;i;i; '',',;^′..ヽ
　　　　　　　　　　ﾞゞy､､;:..､）　　｝
　　　　　　　　　　　.¨.､,_,,､_,,r_,ノ′
　　　　 　　　　/;:;":;.:;";i; '',',;;;_~;;;′.ヽ
　　　　　　　　ﾞ{y､､;:...:,:.:.､;:..:,:.:.　._　　､｝
　　　　　　　　　".¨ｰ=v ''‐ .:v､,,､_,r_,ノ′
　　　　　　　　/;i;i; '',',;;;_~⌒¨;;;;;;;;ヾ.ﾐﾞ´ﾞ^′..ヽ
　　　　　　　 ﾞ{y､､;:...:,:.:.､;:..:,:.:.　._　　.､）　　､｝
　　　　　　　　".¨ｰ=v ''‐ .:v､冫_._ .､,_,,､_,,r_,ノ′
　　　　　　　/i;i; '',',;;;_~υ⌒¨;;;;;;;;ヾ.ﾐﾞ´ﾞ^′.ｿ.ヽ
　　　　　　　ﾞ{y､､;:..ゞ.:,:.:.､;:.ﾐ.:,:.:.　._υﾟo,,'.､）　　､｝
　　　　　　　ヾ,,..;::;;;::,;,::;):;:;:; .:v､冫_._ .､,_,,､_,,r_,ノ′

　　　　 　 　 　 　東 / 埼
　　　　　＿ 　　京 / 玉　　　　　　　　　　　　　　　　わかってねえっ・・・・！
　　 ､N´　　 ｀ヽ、/
　　 ゝ　　　　　　ｌ ７二ニ7＝=‐-_､　　　　　　　　埼玉に住むってことは
　　 ｲ　　　　　　ｌ /　　　//￣＼ /、`'‐､　　　　ただごとじゃねえんだ・・・・・・
　　 "W._ヽ＝-‐|/-──'-~､..＿/　 `'‐､ ＼
　　　　　 ￣,￣7 ⌒ヽ　　　 　 /　　　　　＼.ヽ　　　　間違いなく・・・・・・・・・・
　　　 　 　 / ./　　　 }.　　　　 k　　 　 　 　 ＼!
　　　　　 /　/　　 　 |＿＿＿_|　　　　　　　　/‐┬f＝i　　一生バカにされる・・・
.　 　 　 /　　 7'''─r/　　　　　＼.　　 　 　 , '　　.|_|　‖　　ダサイタマだの田舎だの・・・・
.　　　 /　　　/　　//　 　 　 　 //ヽ.　　 ／/ ‐''´ ,E! ﾘ
　 　 /　　 f_/　 .//　　　　　　 / 　 ヽ／.∠. -‐┬f＝i　　
　　/　＿,:=/　 /'´　　　　　　 ,'　　 　 ／　　　　 |_|　‖　　この苦しみが
｀ /　 {三　'　_,ﾉ　　　 　 　 　 l　　　　 　 _,　-‐''´ ,E! ﾘ　　　　お前らに分かるか・・・・？
./　　　￣￣　　　　　　　 　 　 `ｰ-‐ ''"´ 　 　 　 ゝｰ'　

(･∀･)ｳﾒﾁｬｴｰ

チ！

うめましょうかね

21000

　　　　　　　　　　　　　　　__,..;:-ｰ-:;.,　　
　　　　　　　　　　＿,,_,_;-''~　　　　　 ''---;;,_
　　　　　　　 , "´~　　　　　　　　　　　　　　 ヽ..,,
　　　　　 　 /　　　　　　　　　　　　　　　　　　'iヽヽ
　　　　　　,;' ,'　　　　　'i,　　　 'i',　 　 ﾞi,　　、　ゝ!"｀ﾍ 　　　カール子がクルクル978げっとよ〜
　　　　　 ;' ∧　 i　　　( i＼　　'1＼　　ﾍ　 ｀i　　 ）Ｉ" j　　
　　　　　 i,｜i.　 |ヽ　　i"Y ~''-::..|_,,...=-;:,i._''-ﾞ-　ﾉ ,'　i　　　
　　　　　　＼ 'i.,,_'iヾ.,-y=ｨ、　　　　;;''~Ｔiヽr~ヽ/¨｀ﾞj .|　　　　 >>979 ピザでも食ってろデブｗ
　　　　　　　　　　｀ヽ ｲ　i;;ﾉヽ　　　　..,,!r'ii　 ./ ! O ） i　　 　　>>980 ピザでも食ってろデブｗ
　　　　　　　　　　　 ﾍ　 ~~ ､'　　　　　　、 ／;;/¨ヽ　｜　　 　　>>981 ピザでも食ってろデブｗ
　　　　　　　　,.._,／　i　　　　 ,,....,,　　iﾍi ヽ;'~O 9丿　 |　　　　 >>982 ピザでも食ってろデブｗ
　　　　　　　 __,,＞ 　 ',　　　 ~' , ノ　　!,　　ヽ,_,.／　　 〉　　　　
　　　　　　　 ゝ;;_ー´~ ＼　　　　　　　 ,｀' ,,_　　_./ / /　　
　　　　　　　　　 ~"-;...,,__,,ヽ、　　　 ／　|＜＿,,,.. ﾉノ　　　　
　　　　　　　　　　　　　　　　 ）-=~´...,,_　!〜

1000♪

100000

980までいってるのに
連続してバカみたいなコピペレスがないなんて
この板まだ大人が多い証拠だな
うれしいぞ

記念ﾊﾟﾋﾟｺV(^o^)V

1000!

埋め立て

埋め

1000

1000000000

abcdefg

千のナイフ

おにぎりﾜｼｮｰｲ

1000!

1000!?

10000

2ﾌｪｯﾄ

2ゲットォォォ！

垣

1000

1000000

終点

次スレ立てました。
http://pc3.2ch.net/test/read.cgi/hp/1035279937/l1

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。