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

HTMLをCSSでイケてる感じにデザインしたサイトをあげるスレ。
過去スレ等々は >>2-5 の辺りです。

◆HTMLをCSSのみでデザイン
・ソースなどをきちんとチェックして要件を満たしているか確認しましょう。
　1.Strictな精神
　2.物理・修飾要素、本来の目的に添わないTableの使用がない

◆デザイン とは
・デザインは設計と訳されるべき、スタイル、ユーザビリティーを含んだ
　包括的な意味を持つ単語。見た目も重要だけど見た目だけじゃない。
・「使い勝手は最高、見た目最悪」も「見た目最高、使い勝手最悪」も
　良いデザインとはいえません。

◆イケてるデザイン とは
・イケてるか否かは個人の感覚の違いが出ますが、抽象論はおなかいっぱいです。
・各種サイズの可変／固定は、可変の方が人に優しい、固定の方が見栄えよくしやすい、です。

◆サイトへのコメント
・サイト推薦時にはコメントを添えよう！（自薦の場合は潔く申告すること。）
・サイトが紹介されたらできればコメントしてあげましょう。
・意見のズレにはあまりからまない。荒れる元になります。

◆既出を確認
・サイト紹介の際は、リンク集・リンク集2・まとめWikiでガイシュツでないか確認！
　1. ガイシュツチェッカーを使うと便利です。
　2. ガイシュツでもリニューアルされていれば大丈夫です。

◆過去スレ
1. ttp://natto.2ch.net/hp/kako/985/985978270.html
2. ttp://pc.2ch.net/hp/kako/998/998894057.html
3. ttp://pc3.2ch.net/hp/kako/1010/10108/1010800617.html
4. ttp://pc3.2ch.net/hp/kako/1028/10281/1028184718.html
5. ttp://pc3.2ch.net/hp/kako/1035/10352/1035279937.html
6. ttp://pc3.2ch.net/hp/kako/1037/10371/1037163893.html
7. ttp://pc2.2ch.net/hp/kako/1041/10414/1041492691.html
8. ttp://pc2.2ch.net/hp/kako/1044/10446/1044669039.html
9. ttp://pc2.2ch.net/hp/kako/1046/10467/1046709491.html
10. ttp://pc2.2ch.net/hp/kako/1048/10484/1048475227.html
11. ttp://pc2.2ch.net/hp/kako/1050/10502/1050201241.html
12. ttp://pc2.2ch.net/hp/kako/1052/10521/1052173155.html
13. ttp://pc2.2ch.net/hp/kako/1053/10534/1053446369.html
14. ttp://pc2.2ch.net/hp/kako/1054/10541/1054115237.html
15. ttp://pc2.2ch.net/test/read.cgi/hp/1056190919/
16. ttp://pc2.2ch.net/test/read.cgi/hp/1061107594/
17. ttp://pc2.2ch.net/test/read.cgi/hp/1064529812/
18. ttp://pc2.2ch.net/test/read.cgi/hp/1065889619/
19. ttp://pc2.2ch.net/test/read.cgi/hp/1067806559/
20. ttp://pc2.2ch.net/test/read.cgi/hp/1074254818/

◆過去スレ
21. ttp://pc5.2ch.net/test/read.cgi/hp/1078361001/
22. ttp://pc5.2ch.net/test/read.cgi/hp/1084711216/
23. ttp://pc5.2ch.net/test/read.cgi/hp/1087905861/
24. ttp://pc8.2ch.net/test/read.cgi/hp/1097724119/
25. ttp://pc8.2ch.net/test/read.cgi/hp/1119122494/
26. ttp://pc8.2ch.net/test/read.cgi/hp/1120837682/
27. ttp://pc8.2ch.net/test/read.cgi/hp/1126370726/
28. ttp://pc8.2ch.net/test/read.cgi/hp/1131205833/
29. ttp://pc8.2ch.net/test/read.cgi/hp/1135295733/
30. ttp://pc8.2ch.net/test/read.cgi/hp/1136660907/
31. ttp://pc8.2ch.net/test/read.cgi/hp/1141376701/
32. ttp://pc8.2ch.net/test/read.cgi/hp/1143863245/
33. ttp://pc8.2ch.net/test/read.cgi/hp/1149858258/
34. http://pc8.2ch.net/test/read.cgi/hp/1153394007/
35. http://pc8.2ch.net/test/read.cgi/hp/1156117751/
36. http://pc8.2ch.net/test/read.cgi/hp/1159268838/
37. http://pc10.2ch.net/test/read.cgi/hp/1162545373/
38. http://pc11.2ch.net/test/read.cgi/hp/1170345543/

◆文法チェック
・HTML
http://validator.w3.org/
・CSS
http://jigsaw.w3.org/css-validator/
・Another HTML-lint gateway
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

◆イケてるサイトのまとめ
・CSSでイケてるデザインサイトまとめWiki
http://www.css.mohei.info/
・CSSでイケてるデザインサイトリンク集 / まとめたぞ氏
http://ike.s33.xrea.com/
・CSSでイケてるデザインサイトリンク集2 / みぐる氏
http://www.geocities.co.jp/SiliconValley-SantaClara/1308/
・CSSでイケてるデザインサイトリンク集・分室 / 662氏
http://www.geocities.co.jp/Milano-Kotto/1366/
・カスいけサイト私撰集 / 永施 誠氏
http://stardustcrown.com/link/csssite.html
・CSSでイケてるデザインサイトリンク集(サムネイル版) / けんたろ氏
http://ike.s33.xrea.com/thumbnail.php
・CSSでイケてるデザインサイト*サムネイル*リンク集 / Mafuyu 氏
http://mafuyu.s41.xrea.com/
・ガイシュツチェッカー
http://www.wakaba.com/~hiji/2ch/cssike/

>>1otu

http://www.konami.jp/gs/game/pawa/psp_2/index.html
絵的には綺麗

>>6
なんかXPとOS Xを混ぜたようなデザインだ。

>>6
<table width="280" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" class="date">2007.03.28</td>
<td align="left" valign="top">『収録選手』公開！</td>
以下略

おいおい

>>6
<div id="container">

<div id="head"><div id="head_size">
<!--[]-->

<div id="logo"><a href="
以下略

おいおい

絵的には綺麗だな

http://www.mitchellgeere.com/
http://deus.plastiqueweb.com/
モノクロっぽいサイトはリンクがわかりにくい所が多いな

わかってんなら挙げんなよ。
しかしもうdiv直下にaやimgはたくさん。

>>12
やっぱdiv直下にimgはだめなの？
altの内容によると思うんだけど、どう？

>>13
関係ないだろ。
div直下にインライン要素自体がアレなんだから。

altの内容でどこがどう変わると思えるんだろう・・・

>>13
何を根拠に...

これはもうだめかもわからんね

でもDiv直下にimgって普通に使うよなあ。

18が普通じゃない世界に住んでるから

http://www.cyber-u.ac.jp/
ｶﾞｲｼｭﾂ？

パステルすぐる

なんかすまんかった
写真入れるときにパラグラフじゃ気持ち悪いなと思ったんだよ
調べたら、そういう場合でもDIV使うのは間違いみたいだ
すまんかった

>>22
そんときは順不同リスト

http://www.jam-graffiti.com/non-pic-css/
おまいら参加すんの？

http://www.clear-media.info/
ここは参加するらしいな

宣伝乙

http://www.hokkaido-np.co.jp/
地元の新聞のサイト
ちょこっと前から宣伝してたんよ
見出しの位置を変えれたり、増やせたり、ちょこちょここだわってるみたいよ
なかなかよく出来てると思った

ttp://www.soundfell.com/
見にくいけど綺麗

>>28
>>>1

>>28
完璧にJTFの手によるものだな。
一見、CMSかと思ったら手書きで更新かあ。

なぜにJTF？

スレと関係ないけど、思わず笑ってしまった。
http://www.s-abe.or.jp/

このサイト公式だよね？
なんでシェルのコマンドなんだ？？？

>32
ｼﾞｼﾞﾊﾞﾊﾞにはちょこっと文字小さくねえか？

>>32
それ前に話題になってたことが。
何なんだろうな。

ただのUnix系OSオタクだろ。
俺はコマンドラインで操作できますよっていうのをアピールしたいんだよ。

しかし総理大臣の公式ウェブサイトでこんなのやるか普通。。。

いまどきパワーブックかよ。。。

http://www.web-20.net/2006/09/post_33.html

TRIBUNE
http://www.tribune.com

どれもこれも...

http://tacoma.somacommunities.org/
かっけえ

>>40
俺も好き。

真実をねじ曲げ、非標準ソフトの販促を行い、我が国のWebを
大きく退行させんと企んでいるのは他社工作員である。

ホームページ制作王は、世界の権威であるCOMDEXが認めた
唯一のワールドスタンダードである。

標準ソフトに対して根も葉もない風評をでっち上げ、
非標準ソフトのシェア維持活動を行っている者たちこそ、
悪質な宣伝行為として非難されるべき、これが道理である。

他社製非標準ソフトを野放図にはびこらせておきながら、
世界標準・ホームページ制作王に対して反動的な発言をする者たちこそ、
他社工作員の典型例であることを、我々は知っている。

世界の権威COMDEXのの決定に従わない者に、
21世紀のWebを語り、扱う権利や資格は１つもないのだ。

http://www.htb.co.jp/subaseka/index.html
地味なんだけど味がある絵とか好き

http://www.relaxia.jp/time_design/

CSS naked dayってスゲーむかつくの俺だけ？
来訪者の事を考えないバカ管理人か、何でも飛びつくポリシーの無い奴がやるイベントだろ？

css naked dayは自己満足オ○ニーの極致。

http://twilightbookstore.org/
こことか笑えるな。
ロゴを批判してるが、自分が嫌いなものは全部趣味が悪いらしいｗ
よっぽど自分のセンスに自身があるらしいな。

>>46
「評論」とはそんなもんだべ

ま、思っててもやんわり書くのが普通だ罠。
外国のサイトだからいいや、と思ってんじゃね？
日本人が企画してたら多分書かないだろね。

サイトから引用する時、海外のサイト名だけ何故か敬称略で日本だと“さん付け”だったり、そう言う差別する人多いよね。

Ninja toolsに笑った
まだこんなものつけてるやついんだなあ

>>45
使いにくいCSSをかぶせられるよりは
すっぴんのがまだマシｗ

CSSのアップを失敗してた
ここ一週間ほどneked dayだったｗてへ

なんか、恥ずかしい企画だな

久しぶりに来たんだけど、今まとめって更新してないの？

http://seela.jp/
ここなんかいけてないかなぁ。
個人的には好きなんだけど。

俺の感性ではイケてない
今までの紹介を見てる限り、好きな人はいるとおもうデザインだとは思う
たぶんな

0.3秒でリンク場所が解らないサイトは駄目だと思うんだ。

>>54
色遣いは嫌いじゃないけど、>>56と、何より

<div class="layout_ph">

<div class="imgarea">
<table width="80" border="0" cellspacing="6" cellpadding="0">
<tr>
<td><div align="center">
<div class="img_70"><a href=

こういうのが入るのはスレ違いだ。

>>56>>57
なるほど、失礼しました。
自分もサイトを作るときは56さんのを参考にします。

>>57
それ、なんのためのテーブルなんだろうね。
レイアウト目的にしても意味のないテーブルに思えるんだが……。

テーブルよりも
<td><div align="center"><div class="img_70">
このDIVの激しい無意味さが・・・

http://www.enfant-ti-age.com/
ポップでかーいい

>>53
テンプレに入ってるのは更新してないみたいだな

数ヶ月前にまとめるって書き込みがあったけど完成報告はまだない

Sprint Nextel
http://www.sprint.com

Warner Music Group
http://www.wmg.com

Last.fm
http://www.last.fm

http://www.darasgarden.com/
背景がいい
ナビの書体はみづらい人もいるだろうけど

CSS mania
http://cssmania.com

>>66
すげえいい！

>>66
読みづらいうえにリンクが分かりにくい
背景の色使いがごちゃごちゃしてて落ち着かない

>>69
荒らし乙

ごちゃごちゃ以前にdiv直下にobjectやらimgやら
もう勘弁して。

>>71
荒らし乙

http://www.highgrovehomes.co.uk/
見やすくて分かりやすいな

>>73
見出しの最後にbrってｱﾘｴﾅｽ。
dlの中にdtなしってもっとｱﾘｴﾅｽ。仕様レベルだぞ。
文字小さすぎ。

あれ、dl要素ってdt要素必須だっけ？

DTDレベルでは片方でもいいが
仕様書レベルではセット。
順不同リストのliがdt/ddに分かれたイメージで想定されている。

問題はそんなことではなくて
>>1　1.Strictな精神
たとえ仕様上はOKであってもul直下にdelとかやってたら
strictな精神で書かれてないのと
dtなしは同じだと思うが。要するにスレ違い。
個人的にはdiv直下にインラインより嫌い。

個人的に嫌いかどうかはどうでもいい。

どうでもいいサイトを出した奴の負け惜しみ乙

NHK福井 杉浦友紀アナ Part2 [NHK]

これオレだわ

>>77
好きであってもスレ違い。

ttp://www.memocamera.com/
それぞれのページの見せ方がよかった

>>81
いいね。
Webデザイナー名乗るならこのくらいのクオリティは欲しいね。

正直言ってWebデザイナーを冒涜するようなクオリティのサイトが多過ぎる。

>>81
Topを押したらしばらく下にスクロールできない(しても戻される)もが残念
ただなんなんだろうな、色使いがいいのか見やすいな。

俺もこのくらいのクオリティーのサイトが作れればな。orz

自演乙と言った方がいいのか？
div直下の（ｒｙ
字が小（ｒｙ

おまえらは、やっぱfont-size:100%で作ってるの？

組織から狙われてる身だからそれだけは言えん。

>>85
本文は当然。

100%も指定してませんよ

>>86
コナン君だとsize:30%くらいだよな。

>81
シンプルというか、無難というか

>>89
もはや乳児

CSSに準拠すると思った以上にデザイン面が犠牲になるなぁ。
一部を除いてどれもこれも同じ物にしか見えん。
それとも実は製作者のセンスが無いだけなのか。

レイアウトに使われている画像の問題だろ

CSSに準拠できないと思った通りにデザイン面が犠牲になるなぁ。
未だにcontentプロパティもサポートしないってどういうことだよIE。

ie7も？

もちろんそんなものサポート*できていません*よ。
もちろんapplication/xhtml+xmlなんかサポート*しません*よ。

>>81
<div class="memoEnd">
<hr /></div>

http://www.nikkansports.com/
もうちょい行間があればよいのかなあ？

http://tv.gyao.jp/

>>99
テーブルなのが残念だけど、すげえいいな
分かりやすいわ

相手すんなよそんなのを。
しかもわかりにくい以前に見えないし。

ttp://www.markjardine.com/
既出？

>>102
背景がぱっとしないな。
詰め込み過ぎてバランスが悪い気がする。

>>102
幅が広すぎ・・・
つか<ul id="twitter"></ul>の意味を教えてくれ。

この三段組み気に入ったんだけどなぁ

三段組み自体嫌い。
許せて二段まで。

>>102
いわゆる視力テスト系サイトだな。

ttp://enil.info/
とてもシンプル

>>108
シンプルだけどそれ以上でも無いしそれ以下でもない。
タイトルとか全体的にもっと字が大きい方がいいと思う。

>>108
レイアウトはシンプルだけど、1ページ辺りのボリュームが食パン1月分って感じ。

よくわからんたとえだ。

>>108
つまらないです。
http://www.esopuslighthouse.org/

Gotcha!
http://www.gotchagotcha.com

サイズ変えられたぞボケ

http://www.nanaco-net.jp/
どんな世代でもわかりやすいように無難にまとめられてる

>>115
本当にどんな世代にもにしたいんだったら文字が小さい

自薦ですから

"無難に"ってことは本人もイケてるとは思ってないってことだよな。

>>115
これの、メニューの部分なんだけど。

width :110px 指定の 横並び li それぞれに
同じ大きな一枚絵(ttp://www.nanaco-net.jp/common/image/navi/navi.gif)をbackground-imageに指定して
positionをずらしながら、大きな一枚絵と同じ見た目にそろえてるけど

スライスした個別の画像を使わず、あえてこういうやり方は
なにかお得な理由があるの？

制作・管理が楽なんじゃないか？
一発で書き出せるし、画像一枚だから管理も楽。

一度読み込めば、オンマウスになったとき専用の背景画像の表示も速くなる。

>>120,121
そういう事なのか。
色々なところで、こういう作り方を見るから、どうしてだろうと思ってて。
勉強になりました、ありがとう。

ホームページなんてExcelで作ればいいだろ

>>115
すげえ、よくできてるね。
あの、企業サイトでのこの無難さが個人的にたまらん。
でもなんでHTML4.01transitionalなんだ？？

http://syuresangogo.blog77.fc2.com/blog-entry-47.html#more

Veoh Networks
http://www.veoh.com

http://www1.ttcn.ne.jp/~NIGIHAYAMI/
css使ってないがこういうシンプルさは自分の中へ取り込んでみたいと思うよ。

>>126
XHTMLで大文字って何もわかってないじゃん。

>>127
スレ違い。

>>127
頼むから逝ってくれ

http://spky.org/

幅狭すぎ字小さすぎDIV大杉色目に痛すぎ。

リンクも分かりにくい。20秒近くあちこち押しちまった。

>>130
これでも年商30億くらいでしょ？

DIV多いのはかまわんだろ。その分外部ﾘﾝｸ使ってんだから。

http://2xup.org/
ここのデザインパクってねえか？

>>134
馬鹿？

>>135
スレ違い。

ｗｗｗｗｗ
>>130は>>135のパクリ

劣化してるな

>>130
これ、フレームの右側だよな？

>>134がサッパリ意味分からん。
エスパー解説頼む。

エスパーとして答えさせてもらうと、
>外部CSSにして装飾部分の転送容量をきっちり減らしてるんだから
>多少DIVが多くてHTMLのファイルサイズ上げてたっていいじゃんﾊﾞｰﾔﾊﾞｰﾔ
と言いたいのではないかと思われる。
全くの見当違いな意見だがｗｗｗ

>>141�d

なるほど、こりゃ馬鹿だ

>>135
俺も言おうとした

>>130
Please don't steal this code
吹いたｗｗｗ

Cisco Systems, Inc
http://www.cisco.com

flashとjsに頼ってるじゃん

このスレの半分は晒し、2割はスレ違い、1割が既出、1割が自演

cssだけでデザインするの大変だよね

全然

>>147
そしてもう一割が>>147みたいなやつか。

Pajattiが

終了しているな

で、ここ（http://www.jam-graffiti.com/non-pic-css/）の奴の中ではどれがよさそう？

>>153
全部糞

『「神」か「糞」でしか評価できない２チャンネル脳』
養老孟司

>>153
ほんとにマシなの無いな、ここ

>>153
5,6年くらい前は、こんなサイトばかりだったな
みていて懐かしい気分になるw

>>154
期待通りのレスしかしないお前には失望した

>>153
4.froggreen
6.付箋紙
9.キリカキ/f1f1f1×1f1f1f
17.Olive-Line
23.インデントスタイル
40.White album gently weeps.
あたりは好きかな・・・
26.4/1用みたいなネタものもいいがｗｗ
しかし画像を使用してる方がちょっとアレ。

http://www.artscode.com/
汚いものをみたあとだから、心が洗われたよ。

<div id='extradiv'></div>
<div id='header'>
<div id='pageHeader'><h1 id='claim'><span>Arts, Communication and Design</span></h1></div>

<div id='pageHeaderAnim'>
<div id='flashcontent'>[movie]</div>

汚いソースだ・・・笑えという意味か？

正直字の小さいオサレサイトよりださくて読みやすいサイトの方がずっとマシ。

なにをいまさら

もっとも画像を使わない礼のサイトのソースは綺麗じゃないと思う・・・

32bit→16Bitに皆さん減色されて使用されているのでしょうか？

>>165
スレ違いというか・・・・馬鹿？

単に聞いてみただけですが、スレ違いと言うのなら去ります。

>>161
囲碁の対局である一手を見て「これはすごい一手だ」と
分かるためには、ある程度の実力が必要である。

何を言いたいかというと、そのHTMLを見て、それがちゃんとしたHTMLだと
分かるためにはある程度の実力が無いといけないということ。

あんたは汚いというが、それはあんんたが、実力が無く
そのHTMLの意味が分からないだけだ。

そのページは良く出来ている。Lynxなどのテキストブラウザを使えば、
それが良く分かるだろう。

少しヒントを言えば、h1タグはほとんどのブラウザでは
画像として表示されているが、SEO的に効果があるように
htmlではテキストになっている。

Flashの部分はテキストブラウザでは[movie]と表示される。
直接Objectタグで埋めると、例のEolas特許に対策のIEの仕様に引っかかる。
それを避けるためにscriptで対応するのはよくある手だが、
その場にscriptを書くと、古いブラウザでJavaScriptコードが露出し、
そのコードを<!-- //-->で対応しようとすると今度はxhtml的には本当にコメントになってしまう。
という問題をうまく解決している。

>>168
おまえが汚い。

>>168
お前が賢いのは分かったから、わざわざ難しいこと考えるな
このスレで喚いても損するだけだ

すげえ、当たり前のことをいかにも高尚なことのように言うやつ初めて見たよ

いや、当たり前ですらないdiv擁護だし。

>>160や>>153の大会公式HTML見て思うが、文章の意味ではなく整形のためだけにdivを使っているとしか思えん
<body>
<div class="all">
<div class="container">
<div class="base">

とか、こんなのもいらないだろ

<!-- Start Google Analytics -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-68037-1";
urchinTracker();
</script>
<!-- End Google Analytics -->

>少しヒントを言えば、h1タグはほとんどのブラウザでは
>画像として表示されているが、SEO的に効果があるように
>htmlではテキストになっている。

赤面なしには読めない

ZenGardenも装飾のためのdivおおいよな

>>173
言いたい事はわかるが、>>153やzenみたいなのだと
そうしておかないと変わったデザインが出にくいっていうのもあるだろ。

その言い分がまかりとおれば>>1の
　1.Strictな精神
　2.物理・修飾要素、本来の目的に添わないTableの使用がない
とは、かけ離れたものだな
>>153のコンテストはあきらかな装飾目的のDIVをはずしたhtmlをもとにした画像ありのデザインでやったほうが有意義だと思う。

別に153の奴だってここの住人が出したものでもあるまい。
ストリクタじゃなければあんなものだろ。多分。

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

でももうそろそろ立てようか？

大会の公式HTML初めて見てみたけど結構ひどいな…
<div class="section"></div>とか付けかたに一貫性がないし…

ただ、大会の作品の中で時折「おぉ！」っていうアイディアはあるから
そういう意味では有意義な大会かと思う。

フォトショとかイラレ使いこなせてないと、イケてるデザインのサイトを作るのは難しい

>>181
画像コンプレックスでもあるんか？

>>168
>>何を言いたいかというと、そのHTMLを見て、それがちゃんとしたHTMLだと
>>分かるためにはある程度の実力が無いといけないということ。


>>161のソースを見て、それが汚いhtmlだと言われてる意味を
分かるためには、ある程度の実力がないといけないということ。

何を言いたいかというと、汚いと言ってる人達は
わかっているつもりで、意味をわかっていない>>168より
一歩先のレベルで指摘しているということ。

個人的にはどーでもいいが、だからお前も具体的に書いてみろよｗ

果てしなくどっちもどうでもいい。

http://uurasaeka.com/
1ページ物

<a name="top"></a>
<h1></h1>

<!--what's new-->
<a name="whats"></a>

アフォですか？

>>184
htmlの意味を学ぶ、そして>>1を音読する
具体的だろ？

100人いれば100通りのコーディングがあるわけで
他人のコーディング見て「キタネーw」で終わるより、何故そういうコーディングをしてるかを考えてみて、自分のやり方と比べてみて、より良いコーディングを目指すべきだろここは

>>186
うーん、なんというか、テキストの位置が左右に揺れるから、読みにくい気がする。
そんなに腰を据えて読むようなサイトじゃないのかもしれないけど。

>>186
トップに戻るリンクが上まで戻らない。
最低限メニューが表示されるところまでは戻ってくれないと、1ページものは使いにくすぎる。

>100人いれば100通りのコーディングがある
プログラム言語じゃあるまいし
マークアップでそこまで差異がある方が間違い。

>>192
確かに。
インデントの入れ方etcはともかくとして、
意味づけ、という観点ではそうかも。

だからそんなマークアップくらいでｸﾞﾀﾞｸﾞﾀﾞ言うなってことなんだろうけど、
結局>>1に戻るってことだろｗ

> 100人いれば100通りのコーディングがあるわけで
> 他人のコーディング見て「キタネーw」で終わるより、何故そういうコーディングをしてるかを考えてみて、自分のやり方と比べてみて、より良いコーディングを目指すべきだろここは

いや、ちがうけど…
つ>>1
汚いコードになってる理由なんて、誰でもわかっているわけで
それとも、わかってないと思っているんだろうか

プログラム言語だって、誰が作っても似たようなものになるよ
頭のおかしな奴が作らなければ

短い奴ならな。

程度が知れるな

プログラムで変わらないって言ってる奴はコボルプログラマなんだろう。

書き込みが多いと思えばまたこの展開か。
良いからさっさとサイト貼れよと。

http://www.solucija.com/

結局辿り着くのはこういうシンプルな感じだよね。

>>201
見た目もソースもあれだが、
metaがないことに一番泣いた。

http://www.ceeses.com/
ここすごい好きなんだよ
とくにナビのボタンが

>>203
つttp://eat.standardimage.jp/

Logopond
http://logopond.com

>>203
どうでもいいが「すごく好き」な。

>>205
ナビ文字が被っとる・・・

BradTuckman.com
ttp://www.bradtuckman.com/
よいよい。ｄ

>207
上部のカラーラインが、XPのポップアップブロックに見えたよ

>>207
字が小さくメイドの差が少なく読めない。
div直下にaとかaの下にspanとか逝って。

明度をメイドとか誤変換するやつが「逝って」とか書くとアレだな

>>207
普通すぎ

>>208
言われてみればｗ


たしかに明度の差が小さいね。


個人的にはページ移動の度に背景色（と前景色）が変わると、なんだか落ち着かない。

>>210
そこが萌えるんじゃないか。

悪いところばっかり書くのもいいけど
スレに負のオーラが充満するからほどほどにしてくれ。
デザインの勉強のために来てるんなら
どんなダサいサイトからでもいい所のひとつやふたつ見つけて帰れよ。

ダサイならまだいいんだよ。
問題はソースが汚なくかつオサレで読みにくいのは
スレ違いだってことだ。

なんでだよ。
ソースが汚いサイトはデザインの面でも参考にならないのか？
ソースがダメなら自分らでコーディングしなおせばいいが、
デザインをオサレにするのは知識だけじゃどうにもならん。
ちょこっとマークアップが美しくなかったからって弾いてたら、
CSSデザインというものの敷居の上昇を促すだけでなく、
何より自分のためにならん。

>>216
参考になるかもしれないがスレ違い。
ソース無視のCSSスレなら他にあるからそっち池よ。

>CSSデザインというものの敷居の上昇を促すだけでなく

なんでわざわざ敷居の低いところへ合わせて視線を落とさねばならんのか。

このスレ、度々トンチンカンな事を言い出す人が、現れるけど
スレの趣旨を確認せずに、何故書き込めたのか、心底不思議。
狂信的なstrict論議のほうが、まだマシに思える。

>>214
本当に勉強する為ならこんなところに来ない。

まーた糞こーだーか

あーだこーだ言うのは簡単だ。

こういう議論が未だに出るってのも、HTMLの奥深さをあらわしてるか。個人的には各サイトの個性というかカラ
ーを見られれば、それで満足なんだけどね。たしかに正しい文法はもちろん重要だけど、でも上で出たように、
だめなソースは自分でコーディングし直せば良いんだよね。

まあでも、けなすのは嫌いな所をあげていけばできるから、
それでも「ここは良いよな」ってレスできる箇所があれば言及していってもいいんじゃないか？

>>223-224
そんなにスレ違いな自分を容認しようと必死にならなくてもいいから。
さようなら。

>>223
Webにおいての「デザインの勉強したい」のなら、コーディングの勉強もするべき。
悪いコーディングを指摘し合うことだってひとつの勉強になる。

>>224
「ここが良い」とレスできる箇所があれば言及すればよい。したいやつがすればいい。
ただし、できる箇所がないのに無理に言及する必要はない。

>>226
辛口だねぇ

>>227
わざわざ説明してるだけ親切だと思うがｗ

>>223は縦読みのネタじゃないかと。

>>223.224
そんなの、単純にスレ違いだし
これだけレスされても、なんで分からないのかと…

そんなのいいからURL貼れよボケ

MUDBOX
http://www.mudbox3d.com

>>232
シジイかっこええー！！
ってDOCTYPE宣言もないテーブルレイアウトじゃねーかボケ。

Autodesk
http://usa.autodesk.com

>>235
xhtmlでインラインCSSって・・・

ttp://unsquare.jp/
ブログだけど、配置が面白くおもえる

>>236
なにこの重さ

>>237
でけー背景画像の上に全体の覆いdivで背景画像と背景色を半透明にしてるらしい。
そりゃ重くなるはずだ・・・

作った奴のPCではまともに見ることができるのだろうか。

きっと金持ちなんだよ・・

半透明にする奴死ね

透過PNGでなら好きにやってくれ。見易い範囲で。

>>236
デザインはいいな。特に色が。

>>236
背景の糞重いのなくなったな

そのサイトに限ったことじゃないんだが、
クリックできない場所でもマウスオーバーしただけで背景の色変えたりとか止めれ
イラッとする

リンクの判らんサイトはゴミ

>>236
Safariだとフッター部ぐちゃぐちゃ。
よかないね。

http://www.falcondef.com/
Navのモコモコ感が

>>247
>>1

リンク集になかったのでレス
ttp://www.shitennoji.ac.jp/ibu/

>>249
リンク先のない内容よりも、「レス」を理解していないっぽいことに驚いた。
レスポンスの略だぞ？

>>250
なに！レスポールの略じゃなかったのか…
みんな熱心なギター好きだと信じていたのに…

ﾂﾏﾝﾈ

ま、ここへの書き込み自体がレスだしそう間違っても以内と思うが
>>251
スッゲーおもしろかった
あとからじわじわくるよ
もう爆笑　マジ最高

>ここへの書き込み自体がレスだし
何この初心者

何この2chベテラン

したらば時代からです。

したらば？
あめぞうの間違いか？

>>247
いいな

BlenderArtists.org
http://blenderartists.org

>>259
>>1
どこがStrictな精神だよ。

Bloomberg.com
http://www.bloomberg.com

>>261
テーブルレイアウト

ここスゲエ好き
http://www.shuraba.com/

>>263
横スクロールバーが出るっての。
それより
<body id="body">
吹いた。

ガム吹いたｗ

>>262
グラフィカルなデザインが出来ない人によく見られるデザイン

MI5
http://www.mi5.gov.uk
MI6
http://www.mi6.gov.uk

>>267
<div id="left"><div class="crest"><img
もういいからさ・・・

>>267
div使いすぎ
もっと綺麗なマークアップでできそうなもんだが

>>263 の中の人です。
ime.nu から来ている人がいたので気になって探したらこのスレに辿り着きました。

>>264
<body id="body"> は確かにおかしいよね。直しました。ありがとな。

晒してくれた人もありがとな。ビビったけど、ちょっと嬉しかったぜ。

またか…

>>270
そんなことよりもメニューで折り返しできるようにしてくれれば
多分横スクロールバーも出なくなると思うんだが・・・

潔く自炊しておくれ

誰かの意見が聞きたかったのだが「イケてる」とは思えなかったので
怖くて自炊できなかったんだ。すまなかった。反省している。

1つ推薦させてくれ。
Ensembl Genome Browser
http://www.ensembl.org/
一部で table を使っているが、テーブルレイアウトではないと思う。

>>263
簡単なXHTMLの構造も理解できてない奴が野家さんの文章を理解できるはずもないわな。
>>274
ソースを見ろ

>わざと難しく書いているとしか思えない

ｗ

>>274
良い意味で”安っぽい見た目”ね。
右上のメニューには気づきにくいかも。
ソースは(ry

<div id="release-t">                </div>
<div id="release"><div>

すごくべんきょうになります

>>274
いいから潔く自推だったと認めろ

http://blog.nonstep.com/2007/05/06/%ef%bd%8e%ef%bd%85%ef%bd%85%ef%bd%94/

リファラーばれるの怖いからリンクを切って必死に訴えてます。
文章力のなさがにじみ出てます。

まぁこんなお坊ちゃんでも、オナニーできる場があっていいんじゃないか
全部読んでないけど

その文章1行にまとめて！

私怨乙

そこで「ボケて！」って札だして！

http://d.hatena.ne.jp/xcezx/20070424/1177401718

>一つ気になったのは、フォントの指定について。
>何にも指定していないデザインはどーいうつもりなんだろ? 頭悪いのかな? フォントって"デザイン"の重要な要素の一つだよね?

>>285
うわ・・・頭悪い発言だな・・・
かっこよくないフォントだろうが本人が見易いフォントを設定してるだろうに
見やすさよりもオナニーデザイン優先って最低だ。

全部無指定にしろとは言わんが、本文くらいは無指定にして欲しい。

本文を角ゴなんかにされてると、イラッと来るね、自分は。
良いフォントだとは思うけど、好みの問題ですきじゃないから。

チラシの裏をお使い

今どき裏が真っ白のチラシってあんまないよね。

Tokyo Art Directors Club
http://www.tokyoadc.com

>>291
>>1

どうしてプログラマに・・・プログラムが書けないのか?
http://www.aoky.net/articles/jeff_atwood/why_cant_programmers_program.htm

>>291
何を思ってこいつはこのサイトを挙げたのだろう
このスレの住民ではないはずだから、一見ということか？
一見にしてもなぜスレタイすら読めない？
読んでいるとすればこいつは自薦もしくは嵐ということだ
すると>>292のレスががあまりにも親切に見えて切ない

>>291
Flashはスレ違い。CSSでやれ。
HTML+TIMEとマウスオーバーの判定でCSSでもできる。

http://www.roge.ru/

CBS
http://www.cbs.com
FOX
http://www.fox.com
NBC
http://www.nbc.com
PBS
http://www.pbs.org
ZDF
http://www.zdf.de

>>296
あっぱれなほど見事なdiv厨。

>>297
>>1

http://pruto.jp/
ところどころ3pingをぱくってるが・・・

>>299
テンプレートカスタマイズしたんだろ。
フッターにかいてある。

その Hop or Die! の参加者
ttp://hemiolia.com/
かなり好きです。

>>301
これhomeが意味無いというか無駄だよな。
ただのスプラッシュページになってる。

>>301
なんか悪い意味でシンプルっていうか面白みがないっていうか普通すぎるっていうか

>>303
そう？　どうせなら自分は、もっとシンプルにすればいいと思ったけど。
CSSで何も指定していない状態から、最低限、ユーザビリティに配慮してやったデザインとか。

たとえばこのサイトなら、blogのページを開くとエントリ一覧（っていうのか？）になってるけど、やたらborderだらけに見えた。

デザイン的なシンプルさとは別に
ただ閲覧者に無駄にクリック数を増やすだけのページを設けてるような
ページを好んでるダブルスタンダードが突っ込まれてるんだと思うよ、おまえは。

>>305
目から鱗だぜ！
今自分のサイトを1ページ当たりの視覚的なデザインをシンプルっ化してるけど、
目的ページまでが遠くなってしまっている。
完成する前に気づけて良かったよ・！

怖すぎますが、勇気をだして。

自薦です。
サイズは固定で見た目もありきたりなものかもしれませんが、がんばってつくりました。
よろしくお願いいたします。

http://akatsuki.oh.land.to/

lint にかけて修正できるところはしてほしい。
無意味に div でくくってる気がする。
class に left とかはよくない。
デザインは安っぽい。

>>307
写真を見せるサイトで背景が白ってのは、良い選択だと思う。
たまに黄色にしてるとことかがあって、肝心の写真に集中できなかったりすることもあるから。

あと、長々とした文章の無いのも良いね。
簡潔に、写真だけを見せてやろう、てな心意気は良い感じ。

ページの縦の長さは短いんだから、下にあるメニューは必要ないかも。

んで、IE6で見ると表示が明らかに崩れてる。
未だにIE6を使ってる人もかなり多いから、きちんと修正した方が良い。
IE7をもう入れてしまってIE6は手元にない、なんて時は"MultipleIEs"でググってみればいいと思う。


あと、評価して欲しいのなら■■HP評価スレッド vol.51■■（http://pc11.2ch.net/test/read.cgi/hp/1174719747/）の方がスレの趣旨からいってあってるかも。

>>307
自薦だけあってこまかいとこまでいきとどいてるとおもる。
サイズファイルも軽いので、このまま、デザインセンスを磨くのが良いのかと思う。
divは最小限でいいんでないか？

ボーダーがちょっとごちゃごちゃしてる。
がちっと区切りたい気持ちは分かるけど、あえてスペースをとってやるだけにした方がすっきりすることも多い。
Albumのページの左のメニューだけど、
移動する度にリンクの下線が出たり消えたりしてるから、1pxだけ上下にぴくぴく動く。これが気になった。
下線を消してやるんじゃなくて、下線を背景と同色にすることで動かないように出来るはず。

ロゴとか外枠のドロップシャドウが、いかにもシロウトって感じの安っぽさ。

>>308-312
ありがとうございました。

非常に参考になります。
特にIE6のこれは…ひどいですね；
日々精進しようと思います。

ENERCON
http://www.enercon.de

TRUSTe
http://www.truste.org

>314
Fxだと横スク出るなあ。

>315
テーブルレイアウトじゃない？

>>315
「スタイルシートの無効」にしてみたらﾜﾗﾀ

http://caramel-tea.com/

>318
奇抜な黄緑の選択だな
読み込みの最後で糞詰まりするのは他のページへの移動意欲をかき消される

>>318の黄緑色が明るすぎて、やたらと読みにくかった。
もしかしてこれ、自分だけか？　モニタの設定がおかしいのだろうか。

あんな白背景の黄緑文字、読みづらすぎる。

ソースの酷さについては突っ込みたくないほどだが、
なんでstyleタグをいくつも分けてんだろ・・・

>>318
それ配布されてるテーマだよ
ttp://www.designloveme.com/2006/01/no-joe-blog-getting-new-face/

small要素を使ってるのな。

>>307
なにこれ？

http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi?Stat=on&ViewSource=on&Method=URL&URL=http%3A%2F%2Fakatsuki.oh.land.to%2F

デザインって「見た目」だけじゃないんだよ。
セマンティックHTMLについて、
まずはちゃんと勉強しようよ。

>>325
無責任なlint厨は引っ込んでろ
得意気に語る前にエラーが出てるところをちゃんと見たら？

>>325
おつちけ
「ソースがひどい！」といいたいのかもしれないが
エラー吐いてる箇所はland.toの広告部分だ

divが少し意味ねえ！とかclass＝”left”はやめとけ！ってのならすでに既出だ

あとついでにセマンティックHTMLについて知らなかった俺に詳しい解説をｐｌｚ

>>327
広告だろうがスクリプトだろうが関係ないでしょこの場合。
ある程度の書き換えもできないんならStrictなDTD下でこんなサービス利用しなきゃいい。

>>307
ドロップシャドウがいまいちなじんでいないような。
影のつけ方をもうちょっと上手くすれば、結構印象変わると思う。

http://www.mitsui.co.jp/

leftがどういけないのか100文字以内で教えてくれ

見た目でクラス名を決めているから。<span class="red">がまずいのと同じ。

leftと指定した部分を、リニューアル時に右側に変更したいとき、
htmlを弄る羽目になるから。
そもそもレイアウトのための目印をhtmlに書くべきではないから。

>>330
<li><img src="/image/navi_prt_02.gif" width="15" height="38" alt="" /></li>
やclass="leftItem"が気になるけど、かなりましなソース。デザインは普通だけど
企業サイトなんだからこれでいいかな。

>>332
>>333
じゃあleftのカラムやrightのカラムはどんな名前にすりゃいいのよ

>>335
menu
とか
contents
とか内容を表す名前

>>334
レイアウト目的で使ってる<img>がけっこうあるぞ。
スタイルシート切ると、意味のない画像が多い。
まあ、最近のこのスレではマシなソースだと思う。

>>337
そだね。リストのマーカー画像はCSSでbackground-imageかlist-type-image
にすべき。

>>330
「ページ上部へ」が気になる
スムーズにスクロールするのは好き嫌いだから置いておいて
スクロール後、アンカーが変わらないのがなんとも…

俺スレ違いかも…

>>333
leftは確かに良くないが、リニューアル時にhtmlをいじらないケースの方が少ないと思う。
完全にcssのみの変更で済ますには現状では難しいんじゃない？
特にIEのせいでｗ

>>340
おまえの頭のせいだから安心汁。

>>340
ロゴとかメニューボタンとか画像非表示対策でそのまま埋め込んでたりしたら、
完全にCSSの修正だけじゃ無理だな。

>>342
画像だけ入れ替えろよ、特にロゴなんて

スレ違いな話だけどここの住民なら・・・

もうサポート終了したOSやブラウザ使ってる人に合わせて
CSS対応サイト作るの大変だけど
そいつらにFirefoxとかOperaの最新版使わせたら問題なくね？

>>344
OSやブラウザの選択は個人の自由で、制作者は閲覧者に合わせてCSS対応サイトとやらを制作すべきではないか。

正しい仕様で作って、崩れる人は
CSSを切ってもらえば問題はない。

>>345
いや、確かにそうなんだが・・・Windows（特に98とme）でIEのユーザーとか
明らかにアップデートのやり方知らないとしか言いようがない気がするんだ('A`)

別に知らなくてもいいじゃないか・・・
ていうかIE7を入れろとかバカなことを言ってるんじゃないよな？

>>348は流れを把握できていないアホ

>>346
ただ、CSSを切る知識のある人の数も、少ないと思うんだよな……。
CSSを適用しなくてもきちんと読めるような、そんなHTMLを書く必要はあると思う。
根本的には、IEがまともになってくれれば、良いんだけど。

ところで、企業や官庁なんかのサイトだと文字サイズを変更するためのボタンがあるところも多いけど、
これって皆は好印象？　自分は、どうせあっても使わないだろ、と思うけど。

>>350
切れる手段くらいボタン一つで用意しとけよ

>>351
それは、ページ内にボタンを作れ、ってこと？
だったらそもそも、ユーザビリティーなんかを考えて、どんな環境でも正常（か、まとも）に閲覧できるようページを作った方が良いんじゃないか？
ちなみに自分には、複雑なハックを使いこなしたり、その他etcの創意工夫をする能力はないから、実際には出来ていないことなんだけど。

>>350
次のページにとんだら、文字サイズが元に戻るところが多くね？
だったら無意味かな。

>CSSを適用しなくてもきちんと読めるような、そんなHTMLを書く必要はあると思う。
CSS関係なく、書く必要があります。

>>365
どんな環境でも正常（か、まとも）に閲覧できるようページってのが
StrictHTML+CSSだろ。
ところがそれをまともに解釈できないクソブラウザも存在するから
そいつらはCSSを弾けばいいわけだ。
初めから適用させないとか。

>>355
ああそうか、いっそのこと、最初から適応させないようにすればいいのか。
マイナーなブラウザなんてほとんど来ない弱小サイトだけど、ちょっと試してみようかしら。

しかしマイナーなブラウザの方がまともにCSSを解釈できる現実

>>350-353
そもそも文字サイズの変更とかページの移動（戻る）、CSSの切り替えとかは
Webサイト自体に持たせるのじゃなくてブラウザで操作するものだろ・・・
CSSで見た目（画像や色とか）の切り替えはどっちでもいい感じだけどさ

>>358
そりゃそうなんだけど、分からない人も実際いるんだしそう言う人達のためには役立つと思うよ。
ただcssオフボタンは、閲覧者が知らずに間違えて押したときの事を考えるとあまりやりたくは無いが…。

本当ならHackやらなんやらして糞面倒なことしないで
ユーザー側が何も気にせずブラウザが、ディスプレイの解像度や
使えるインターフェース（マウスやキーボード、最近はゲームのコントローラーとか）を自動で判断して
作成側が作ったデザインテンプレートを自動で調整してくれるのが一番楽でいいんだよ
パソコン専用、ケータイ専用、ゲーム機専用etcのサイトを幾つも作るの面倒過ぎ


で、本題はそのパソコン専用のサイトで
未だにCSSをまともに解釈してくれない古いブラウザ（主にIE）を使っているユーザーに
今のブラウザ（FirefoxやOpera）を使わせたら問題なくね？ということなんだが

2ch専用ブラウザ知らない香具師に専用ブラウザを紹介するみたいな感じで
今のブラウザを紹介すれば・・・

>>359
間違えて押したとしてもすぐにオンにできるようにするべき。
つか間違えて押すような紛らわしい装飾にすることがそもそも間違ってる。

>>360
俺も人に薦めた事あるが、結局その人は今もIE6のまま。

やっぱり慣れってのが一番大きいらしい。

せめてIE7がまともならよかったのに。

>>359
逆にそういう戻るとかのボタンがあると
全くの初心者は「ブラウザじゃなくてページの中に”移動するボタンがある”」と思い込んで
ブラウザの操作方法を覚えてくれないと言う悪循環が・・・

いずれは操作方法覚えてくれるんだが、そういうごく一部の香具師の為だけに
必死こいてユーザビリティ高めようとするのって面倒くさくないか？

そりゃこんなランクに乗るようなサイトならあってもいいかもしれんが
ttp://www.comscore.com/press/release.asp?press=1429
態々ブラウザでできることをWebページ上でするようなのは政府系のサイトだけで十分だと思う

>>362
おまえ、IE7を入れられるOSが極端に少ないって事実を忘れてないか？
OSだけおＫでも入れたら重くて動かなくなるケースも多いし。

>>364
あー、分かり難かったか。
俺が薦めたのはfirefoxだよ。
IE7のくだりは、単に解釈がまともだったら数年後は今より随分マシになってるだろうってだけの事ね。

>>362,365
使う側が使いやすさを一番にする理由はわかるけど

本当に移行させたいなら
使いやすさ以外に明確なメリットを教える必要があるよな（XP→Vistaも同じように）
それができりゃー苦労はしないんだが・・・ちなみに俺は家族のPCには無理矢理Firefoxを使うようにさせた

正しくapplication/xhtml+xmlにしたら自然とIEの客は消えたｗ

>>301
こんな所で小学校の先輩に出会えるとは…なんか微妙にうれしいな('A`)

>>367
あるあるw

俺、Web製作に興味持つ前、なんも知識無くてずっとIE5とか使ってたよｗ
IE6にアップデートした時、画像の左上に出てくるイメージボックスだっけ？アレが表示されてびっくりしたｗ
さすがに今じゃIE5とかはいないだろうけど、Fxとか言われても、はぁ？な人は多いだろうねぇ

>IE5とかはいないだろうけど
ﾊｧ?

>>369
自分の常識が世間の標準だと思ってる典型乙

>>369
うちのサイトだと、IE5.01の人なんかも、たまには来るよ。
さすがにそれ以前のは見たこと無いけど……。

未だにNN2とIE3が来る。Win3.1。素敵だ。

そういう人ってたぶん自分のブラウザのせいで表示が崩れてることもわかってないと思うよ
まぁだからと言って見捨てないぞって必死にがんばってるコーダーは乙なんだけど

>>347
おまえ・・・何言ってるんだ？
このスレでNN2やIE3のために苦労するはずがないだろ。
そもそもCSSを解釈しないんだから、下手に解釈するIE6なんかよりずっと楽なんだぞ？

おいらの行ってた大学はLinuxにネットスケープだったよ
要するに公共機関とか大きな会社では予算やシステムの都合でいつまでもアップデートできないわけ
その辺の背景もあるから「古いOS、ブラウザでアクセスする人がアップデートのやり方知らない」とは一概には言えないんだな

そういう所で見ているのって限られた一部だから見捨てても問題ないよw
自宅にはネットに繋げられる端末があるような香具師が使っているのが大半だし

まぁ崩れるくらいならいいんじゃね
画面から消えなければ

http://www.clubdam.com/index.html
久しぶりに行ってみたらなんかマシになってた

無駄な改行とかインデントとか，なんで残してるんだろ．
ここに限ったことじゃないけどさ．>>379

<img>が閉じられていない。

<div id="WebMember_Background"></div>
<div id="WebMember_Console"></div>
<div id="Cart_Background"></div>
<div id="Cart_Console"></div>

これでマシになった、なのか・・・

デザインがマシになったのよ

遅レスだが、
確かCSSオフに出来るJSがあったよな。

>>384
>>384
>>384

http://dev.develo.org/
3pingそっくり

3pingって知らなくてググッってみたが、
そんな似てもない。

http://informationarchitects.jp/
ソースが汚いんだが、こういうデザインはどう？

ソース汚い時点でスレ違いじゃん・・・

>>387
そうか？
レイアウト、こまかいパーツとか文章の記述（TopicPath等）とか真似しようとしてる事は明白だと思うけど。
まぁスレ違いだが。

http://www.openpne.jp/

俺の環境ではFFでみると右のテーブルが下のメニューにかぶってる。

最近ウンコな日本語サイトばっかりcss maniaに載ってるな。
日本人の程度が知れるから控えろよ。

まぁ載せる方も載せる方だが。

わたしのサイトの方が余程センスイイと思ってる人多数
もっと参考になるサイトないの

>>391
文字が詰まっててみにくい

>>392
FFって
Firefox(Fx)のこと？　こっちではかぶってないけど……。


文字が小さすぎ、つまりすぎ、ってのには同意。

>>396
そそ。Firefox。

あ、最小フォントサイズ指定してたからだったわ。
「なし」にしたけど、それでもやっぱり小さくすると
ちょっとレイアウトかわってしまうな。

厨房にゃ何見せても無駄という話

出たよ解雇寸前のオッサンが

>>393
ひがみですか？？？

>>393
正直ショーケースサイトに載ってホルホルするより
このスレでボロクソ叩かれるほうがスレ見てる人間も含めて勉強にはなる

>>393
の優れたサイト見てみたいなあ
アー、もう既出でしたか？

日本人が外国のサイトみて面白い部分発見できるように、
外人も日本人のサイト見て〜、って事もあるだろうよ。
僻みでウンコって言うのは簡単だわなぁ

>>393
がある程度誰だか分かるからどうでもいいや

>>393
それは仕方ないよ。
maniaは掲載下限レベルがショーケースの中でも低い方だから（大体の人は見て分かってると思うけど）。
基本的に質より量なサイトだね。

>>393の人気に嫉妬

CSSMANIAにすら乗らない管理者乙w

http://css-happylife.com/log/coding-contest/no01/mashiko/

これは何でメニューのimgにcolor:#ffffffを指定してるの？
せっかく画像で埋め込んでるのに、オフにするとaltが白文字で見えなくなるんだが。

それが目的だったりして

審査員の益子さんが何も触れて無いのがまたよく分からんな。
どうせ見えなくなるんなら、HTMLを綺麗にするためにCSS画像置換でもいいんじゃ無いかとさえ思う。

http://css-happylife.com/log/coding-contest/no01/itoh/

とか「真鍮製！サラダボウル」のところこれで良いの？

>>411
left_contentって見栄えに関するクラス名＋アンダーバーかよ。
なんか肝心なところが抜けてるな。

このスレ的には益子とかはdiv厨になるんじゃないのか？
俺はやつの書くソースは無駄なdivが多いと思うが。。。

>>412,413
自由にデータ配布してるんだからぜひお前らもやってみてくださいよ

あのデザインダサいからコード書きたくねえ。

できないって言えよ。

どんだけフヌケの理由なんだよｗ

企画は面白かったが
蓋を開けたらCSS Nite LP, Disk 3の客集めだったなｗ

参加して結果発表に立ち会うには\8000ってありえないだろ。

どうやら本人が混じっているようですね。

CSSNITEや蟇醜子の話はいらねえ

嫁ねえ・・・＞蟇醜子

>>408
冒頭の<div id="layout">で一気に見る気が失せた
せっかくのコンテストなのに業務用コーディングしてどうすんだよ

あと「多くのかたに当社ウェブサイトを〜」の部分はわざわざ書く必要ない
こういう環境の人間の考え方がまったくわかってない
例えば携帯で見てわざわざこんなもんが出てたらウザイだろ

とまあ、叩こうと思えばいくらでも叩けるわけだ

なんだ。ここにいるのって潔癖性のグズばかりかw

本人乙

>>422

同意

さすがに
CSSNITEが糞と言うことに大方が気づいただろう

出来レース？

これってセンスいいよな
http://adsense-template.net/
http://akc-smilefit.com/
http://a-eiga.com/

>>426
なんでテーブルレイアウトのサイトを紹介するん？

画像使ってないサイトないっすか？

2番目の奴、ブラウザの関係でズレてるのかと思ったけど、センスがズレてるだけだった。

screenfluent
http://screenfluent.com

ungraffi
http://www.ungraffi.org

>>430>>431
>>1

432 ：Name_Not_Found：2007/05/19(土) 00:44:26 ID:???
>>430>>431
>>1

>>425
とりあえず会場に来ない人は入選出来ません。

やっぱテキストのみとか、画像とかのウェブ素材使わずにイケてるサイトはないか

>>428
ttp://www.jam-graffiti.com/non-pic-css/

へー
こんなのあったんだ
>>436
さんきゅっ（キスマーク：ご自分でご用意ください）

(　´Д｀)ｷﾓｯ

YOMIKO
http://www.yomiko.co.jp

まーた始まった

http://www.gib-life.co.jp/

>>441
方向的には好みなんだけど、水色にこだわりすぎって言うか、ちょっと落ち着かない感じ
会社のイメージ的にも色はOKでも、ちょいくどいかも
ってまぁ見てる人は気にしないレベルだろうけど

ttp://www.omega-box.com/
div 直下にインラインあったりするけど
落ち着いたデザイン

>>443
フォントサイズを1つに統一することのメリットってあるの？

レイアウトしやすくなるとか。
サイズだけが差をつけるための方法ではないと思うが。

レイアウトしやすくなるのは制作側のメリットであって、閲覧者にとっては何のメリットもない。

>サイズだけが差をつけるための方法ではない

うん、それで？

見出し1とか見出し2とかなかったっけ？

自分の意見言わずに非建設的なことならべてどうするの
代案出すとかダメと言い切るとかできないの？

自分で考えようと言う気は元々ないみたいだな。

>>441
アイコンがモノクロのほうがよかった。

>>443
文字小さすぎ薄すぎで読めない。

cssmaniaみたいなサイトって他に何がある？

>>450
文字ってどれくらいの大きさがベターなの？

>>452
指定しないのがベター

>>453
却下

intershare
http://www.intershare.nl

>>454
おまえが却下。スレ違い>>1

>>455
テーブルレイアウト＋Div厨。

でどうするよ、次に挙げるサイトは？？

まあ指定するならせめて90%〜だな。

divってなんかいかんの？

[ スクリーンショット.jp ] - マルチブラウザでレイアウトチェック
http://www.screenshots.jp/

div多いけど。

>>458
>>1

>>461
指定してたらアウトってほどでもなかろう。

本文に指定は普通にアウト。

まあ指定することで空前絶後のデザインが実現できるんならすればいいと思うよ。
「ただ小さめの文字は何となくお洒落っぽいから」これはアウトだが。

>>463
今さら他人のふりするつもりは無いだろうが、
お前一度"指定しないのがベター"っていってんだぜ。

まあそれはいいとして、なぜアウトか聞いておこうか。

World Wide Web Consortium
http://www.w3.org

>>466
正しい、とは思うけど、イケてる、かどうかは……。
（W3Cを攻撃する訳じゃないですよ。W3Cは好きですよ。）

>>465
それ俺じゃないｗｗｗ
アウトの理由>>1

>>468
自分の言葉で説明しなよ。

>>469
存在がスレ違い。

>>470
説明できないのね。

>>471
マジレスしておくと、
なぜスレ違いなのか意味もわからないんだったら本当にこのスレにいても無意味だと思うから
もっと見掛けだけのデザインを追求してるスレに行った方がいいよ。

使いやすさだけで見た目を伴っていないサイトもアウトなんだけどね。

>>472
マジレスしておくと、
あんたの言いたいことは分かるし、俺自身フォントは指定しない方がいいと思っている。
だが、アウト、スレ違いとまで言い切るあんたの論拠が聞きたいと言っている。

>・各種サイズの可変／固定は、可変の方が人に優しい、固定の方が見栄えよくしやすい、です。
固定ですらすれ違いにはならないんでしょ？

>>474
誰に対して言ってるつもりなんだ？
アウトと言ったのは自分じゃないが、意味はよくわかるから>>472なんだけど。
何%ならOK、何pxならOKなんてのは主観に過ぎないんだから
ボーダーなんて取り決められるはずもない。
そんなものをローカルルールで縛って閲覧者に負担を掛けるような精神は
そもそも「スタイル、ユーザビリティーを含んだ包括的なデザイン」を求めるスレでは
完全にスレ違いだろうと思う。

>>476
もっとスレ違い。

>>476
一体何人にまで増殖するつもりだｗ

>>476
言いたいことは分かるけど、
「包括的なデザイン」の意味をもう少し考えた方がいいと思うよ。

>>476
だが断る

今までに挙げられた中で、本文のみに限定しても、フォントサイズ指定していないサイトってどれだけあるだろう。

現状でフォントサイズを指定されたサイトが多いんだから、色々なサイトを閲覧する
ユーザーの利便性を考えると、ある程度統一されるように指定した方がいいと思うんだけど。

>>481
ユーザーの利便性を考えると、
ユーザー自身が見やすいサイズで見られるようになっているのがいい。

おまえらさあｗｗ

文法だのフォントサイズだのが重要なのは
とてもよくわかるけどさ、
レイアウトや色使いやビジュアル的な面の話もしろよｗ
重視する比率まちがってんだよｗｗ

>>482
例えば、あるサイトの本文の文字サイズが指定なしの状態より小さめに設定されていて
小さくて見づらいと感じたユーザーが文字サイズを「大」に変更したとする。
そうすると、次に閲覧するサイトの文字が指定なしだと大きすぎることになって、
見やすいサイズに調整するためにはもう一度文字サイズを変更しないといけない。

できるだけそういう作業を増やさないためにも標準的なフォントサイズを
指定した方が利便性が上がるんじゃないか、と。

考え方の一つとして。

http://homepage1.nifty.com/SONOKI-M/
最強のメニュー

めちゃめちゃわらった

>>485
新しいゲームですか

>>483
そんな抽象的な話はｵﾅｶｲｯﾊﾟｲ>>1

>485
これすごいな…。相当、なめ腐ってる。

>>485
ﾜﾛﾀｗ

>>485
どこかで止まるかなって思ったら、消えたｗｗｗ

>>485
イジワルしてるとしか思えん
それかどうしてもコンテンツにリンクさせたくないか
ﾜﾛﾀ

>できるだけそういう作業を増やさないためにも標準的なフォントサイズを
>指定した方が利便性が上がるんじゃないか、と。

無指定

>>485
何回連打すれば、中に入れますか。
もう１時間やってますが入れません＞＜

標準的なフォントサイズなんて存在もしないんだしな。

>>488
そりゃあ、デザインの話をしだしたら具体的な話はむずかしいだろうな。
デザインなんて一種の芸術なわけだし。
だけども具体性を求めて、議論しやすい文法だのフォントサイズだのに
逃げてるだけってのは間違ってる。
「こんな感じ、いいなあ」　っていうだけでも十分価値はあるとおもうんだ。

>>496
それ、このスレじゃなくてもよくね？趣旨別にスレが存在してるんだから
例えば、こことか↓

デザインがｶｺｲｲサイトを紹介しあうスレ
http://pc11.2ch.net/test/read.cgi/hp/1095947906/l50

ラーメン屋に「スパゲティ作ってくれても、外食屋として価値はあると思うんだ」
とは、言わないでそ？

＞ラーメン屋に「スパゲティ作ってくれても、外食屋として価値はあると思うんだ」
＞とは、言わないでそ？

この喩えがよくわからん

>>497
そのとおり。趣旨別にスレがちゃんと用意されてるみたいです。

ユーザビリティがイケてるサイト
http://pc11.2ch.net/test/read.cgi/hp/1134808283/

こういうスレもあるみたいなんで、
デザインそっちのけで話をするのならこっちでやって欲しいね。

>>499
> ユーザビリティがイケてるサイト
> http://pc11.2ch.net/test/read.cgi/hp/1134808283/
>
> こういうスレもあるみたいなんで、
> デザインそっちのけで話をするのならこっちでやって欲しいね。

ん？

そのスレではユーザビリティがイケてるデザインが求められるんじゃないの？

>>499
>>デザインそっちのけで話をするのならこっちでやって欲しいね。

いや、誰もそんな話はしていないと思うけれど
とりあえず、自分は>>496の話にレスをしているんだ

>>「こんな感じ、いいなあ」　っていうだけでも十分価値はあるとおもうんだ。

なんといっても、「だけ」では駄目だというのが、このスレの趣旨なのだから

>>501
とりあえずこの流れが「デザインそっちのけで」と思ってるなら
おまえ本当に浮いてるから少し他スレで勉強して恋。

ふぉっふぉっふぉ、元気がいちばんじゃ

>>503
だな！じっちゃん！

ttp://www.sony.jp/products/Consumer/bravia/products/index.html
こういうﾃｶﾃｶと見える画像とかどうやって作ってるんだろう

>>505
スレタイ嫁

もう、次スレは
>>1の意を明示するようなスレタイに、改善しないと駄目だ…

>>1も読めてない奴はちょっと前から騒いでる一人だけだろ。

brian wilson
http://www.brianwilson.info

このごろテーブルレイアウト出してくる奴は何なの？

わざとでしょ

visual notion
http://visualnotion.com

severin furneaux
http://severinfurneaux.co.uk

>>512
<div id="logo"></div>
なんじゃこら

>>514
デザインが全て決定した後に誰かにロゴ入れろって言われてつけたような感じだな
実際、背景の模様にかぶってちょっとダサくなってるし
そのほかは申し分ないデザインだと思う

>>513
div直下にa、img
br多用
・・・・・

最近になってスレで「div直下にインライン要素が〜」っていう発言増えたけど
なんかあったの？素朴な疑問

>>516
なんかあったというか
昔はそんな変なマクアプのサイトを出す馬鹿なんか少なかった
ということだ。

>>515
単に解像度の高いモニターでしか見て無いだけだと思う。
確かに横1024だとロゴがかぶるが…。
gif使うのなら透過させればいいのにな。

>>514
drupalでロゴを無効にするべきところをしてないだけと思われる。

このスレを見ている人はこんなスレも見ています。(ver 0.20)
プログラム言語で会話するスレ [プログラム]
CDexってどう？ その9 [ソフトウェア]
【百貨店】三越3【デパート】 [通販・買い物]
映画のサントラを集めるスレ [YouTube]
気軽に「こんなソフトありませんか？｣ Part.61 [ソフトウェア]

まだお勧め貼る化石っていたんだな

http://www.jrvelasco.com/
インパク知

けっこういいじゃねえか
内容わかんないけど

>>505
スレ違いだけど我慢できない。
イラレとかフォトショで作る。

>>522
DOCTYPE前に二行空白行がある時点で、すでに失格

http://esharkdesign.com/index.php/services/
かっくいい

>>526
DOCTYPE前に一行空白行がある時点で、すでに失格

すでに失格ｗ

すでに失格

デザインできるやつに何故か、
コーディング適当なやつ多いよな
デザインよりもよっぽど簡単だろうに

>>530
そんな風に思ってるから適当なんじゃない?

コーディングに異様にこだわるやつって何故か
デザインできないやつ多いよな。
ごまかしでしょうかｗｗ

右脳派と左脳派の違いだろ。
両方出来るのは天才だけさ。

コーディングに拘らないやつはここではスレ違い。
デザインだけのものは他のスレで見てる。

>>530
面白みがないだけでしょ

自分はデザインできると言う奢りもあると思われ。

>>533
いくら右脳派でもlintの点数満点近くなら誰でも出来るんじゃね？
複雑なjsコードとかaction scriptを組み込むのならともかく。

まあ、見た目のために他を犠牲にしても構わない、って思うのがデザイン優先派かもしらん。

ちなみに俺も見た目優先になりがちだな・・
lintじゃ常に頑張りましょうだ。
デフォルトや既存のテンプレと大して変わらんコードなんだがな・・・
ていうか、まあデフォルトやらのテンプレートでも満点とは程遠いから
なんともいえんが・・・・

>>536
ここでlintなんて出すなよ、
スレの主旨を全然理解してないことがバレて恥ずかしいぞ・・・

>>538
解ってないのお前だろ。
何故>>4にlintのリンクが張られてるの少しは考えろ。

>>538
よほどこのスレの”決まり”に守られてるんだな

デザインに拘らないやつもスレ違い。
よって天才だけのスレ。

lintの100点だけでOKだと思ってるおまえのような奴が
ああいう馬鹿なマクアプのサイトをイケてると勘違いしてるのか・・・

100点ならOKとは言わんけど、ある程度の指針がないと
マークアップだけを語るスレになるだろ。すでになってるけど。

もうイケてるイケてないの議論はどうでもいいから淡々と晒せよ

誰もlintの100点だけでOKって言ってねえｗ
満点なら誰でも出来ると言ってるだけじゃねえか。

誰でもできるんなら
最低限の100点でさえもないサイトが出るのはどういうことなんだろうね。
スレ違いばかり出すなよオメーら。

>>543
指針以前に「最低限」だよ、lintなんてのは

脳内フィルタかけて「あ、lintすらクリアしてないのねカスめ」でいいじゃん。
わざわざ突っ掛かって無駄にスレ消費すんな。スルー覚えろ。

目一杯>>548が一番スルー試験が必要

大手のサイトに関わるとな
こっちがいじれないテンプレ部分で既にー50点とかなってんだよ

>こっちがいじれないテンプレ部分
この時点でスレ違いと気付け。

>>543
マークアップ以外の抽象議論はｵﾅｶｲｯﾊﾟｲ>>1

ホームページ制作王 V

喧嘩はやめて＞＜

こーだーはすぐムキになる

もっとやれｗ

なあ、
>ー50点とかなってんだよ
　↑これ何て読むんだ？
マイナスですらねえんだが。

そこは突っ込まんでもいいだろｗ

ｱｯｰ！のようなものだろう。発音できん。

グダグダ言い合って楽しいの？ｗｗ

既にー50点
だから
すでにぃごじゅってん
だよ。

http://www.tokyo-stylist.com/
ここどう？？

>>562
DTDはどうでもいいけどstrictな精神じゃない。

"Caesar" Masuoka!!!
ははっはー

中国の北京市で生まれ、日本へ帰国。
はぁ？ｗｗ

宣伝乙

lintで100点だけど全然Strictじゃないという例かと思ったけど違ったのか。
カエサルは笑ったけど。

なんで一番上だけ苗字なんだ

これは私の意見なんだけれども。

このスレではマークアップの美しさだのdivの多さだのを
あまり追究すべきではないと思う。
必要なのはあくまで最低限の「Strictの精神」だと考えて、
見出しだの段落だの強調だの、文章の意味合いを汲み取って
しっかりとマークアップできてさえいればいいと思う。

で、重要なのはユーザビリティと見栄えのよさだよね。
でもこれらの要素は自分ひとりだけじゃ判断できないから、
このスレに書き込んでみんなであれこれ言い合う。
そうなればいいなあと長いこと思っているんだけども、
晒されたサイトが、「div直下にインライン要素がある」とか
くだらない理由で全否定されてるところを見るとちょっとね…。

自治したいわけじゃないけども、みんなの意見も伺いたい。

>>568
過去ログでも読んできたらどうだ？
ユーザビリティと見栄えのよさでマークアップ不問のスレなら別にある。

>>569
マークアップは不問でいいってことではないですよ。
文章の意味づけという意味でのマークアップは必要。
だけどこのスレのはやりすぎてるなって思う。

>>570
div直下のインライン指摘をくだらないと言ってる時点で
おまえは意味づけの意味もわかってないから議論にもならない。

>>568
その趣旨の該当スレは存在するのに
要するに　ス　レ　違　い

>>571
わかってますよ。
だけどそのミスが、そのサイトのほかの工夫を凝らした部分を
すべて台無しにするほど重大なミスなのか？ってこと。

>>572
逆にお尋ねしますが、マークアップ命の人が
Strictスレに行かないのはどうしてなんでしょう？
本当にスレ違いなのはどちらでしょうか。

でも結局そういうstrictに拘らないスレって
いつも落ちてくんだよな・・・
もういくつここから派生したかわからんくらいだ。

>>573
マークアップを議論するレスならそれもスレ違い。
出されたサイトのstrict精神に拘らないレスならそれもスレ違い。
そしてあんたのような議論が一番スレ違い。

CSSが、特にXHTML以降のstrictな部分に支えられていることから考えれば
>>573の意見がどれだけ勘違いかわかるだろ。
お前は本当に>>1なのか？

>逆にお尋ねしますが、マークアップ命の人が
>Strictスレに行かないのはどうしてなんでしょう？

Strictスレでこういうサイト晒しやってみろよ。CSSはスレ違いだって叩きだされるのが関の山。
UA実装に深く依存したデザインなんぞ話の種にもされないだろうな。

それに、このスレ住人とStrictスレ住人が被ってないとどうして断言できる？

>>573
すべて台無しにするほど重大なミスではない。サイトとしてはね。
でもこのスレで紹介すべきものではないし、
そういうサイトを紹介するスレは他にあるよ、と言われてることに気付けないかな。

あ、でもDIV直下のインラインはすべて台無しレベルかもしれない。

>マークアップ命

誰？
デザインの前提としてマークアップは大切ですよ、とは言われているが。
デザイン二の次マークアップ一番、なんてやついるのか？
仮想的設定してファビョってりゃ相手にされなくて当然だよ。

>デザイン二の次マークアップ一番
これは順序として合ってると思うがｗ
マークアップありきで次にデザインだろう。
デザインありきでマークアップしておかしくなってるのまで
ここで取り上げたいって話じゃないのか？

>>581
スレ違いだな。

>>582
それを言ってるのは俺じゃないｗ

まあ>>1を騙ったやつが、>>1じゃないことを祈るよ。
釣りということで収めようぜ。

お！なんか盛り上がってるね！
コーディング何年もやってると他人のコーディングなんてどうでもよくなるから
そうギスギスしなさんなｗ

でもプロがここに来てることは恥じた方がいいかもしれんよ？

若干テンプレ改造して載せたことからもわかるように、１ですよ。
誰も気づいてないみたいですけどね。
次はもっと抜かりなく改造するようにしますわ。

ところであなた方の意見は抽象的過ぎて意味不明です。
精神論の話してるわけじゃないんです。実際に目を向けてください。
ちょっとした文法ミスは、他にどれだけいい部分があっても
それを評価の対象外にするくらい重大なものですか？
晒されるサイトをstrictのみに制限することで生まれる
あなた方のメリットは何ですか？
また、自分の視野を狭めているとは思いませんか？
あなた方は、自分らのデザイン力の無さをごまかすために
Strictっていう保険に身を包んで互いの傷を舐めあっている
弱小コミュニティの一員に過ぎないわけですよ。

>>577
？
今もちょこっと覗いてきたけど、Strictスレで繰り広げられているのは
もっぱら精神論。そこにデザインの話をしに行ったら、
そりゃ追い返されますわ。
私の頭じゃ、どう考えても他人のコードにいちゃもんつけることに
意義を見出せないから、厳格さを求めたいときはStrictスレに行っていただいて
ここではユーザビリティとデザインの話をしてもらいたいものです。
「Strictな精神」はあくまで方向性だと考えます。「CSSでデザイン」は
HTMLとCSSが分離していることだけじゃ満たされないものでしょうか？

>>580
>97>126>264>265>268>269>278
>298>382>389>422>514>515>525>527

>>587
おまえもう二度と来るな、スレ立てるな

>>587
意味不明ですまで読んだ

>>579
それって仕様書的には何か根拠があるんだっけ？

時折見え隠れする混沌さがこのスレの真の面白味だ。
デザインスレとして既に機能して無いのは古参はみんな知ってる。

>>588
たしかに最近はサイトが晒されても、例えばdiv直下のインライン要素をやり玉に挙げるだけで、（見た目の）デザインの話なんてほとんどされてない気がするよ。

デザインの話はおなかいっぱいだからな。

>>590
それこそstrictスレ向きだと思うぞ。

>>593
叩くけど根拠は提示されないのか

デザインなんて話し始めたらもっと根拠がなくね？

うん。
「センスがない」とか言わないでソースの指摘ってのは
ある意味優しくて無難すぎるレスだとは思う。

>>587
>ちょっとした文法ミスは、他にどれだけいい部分があっても
>それを評価の対象外にするくらい重大なものですか？
タイポという意味での文法ミスであればただの間抜け。
文法違反だということを知らない、知ってて犯す、のはStrictな精神だとは言わない。

>晒されるサイトをstrictのみに制限することで生まれるあなた方のメリットは何ですか？
見た目がよければいい、というバカを排除すること。

>また、自分の視野を狭めているとは思いませんか？
他所では他所のしきたりに従って振舞えばいい。
視野をここにしか設けずTPOに従えないことの方が遥かに視野狭窄。

>あなた方は、自分らのデザイン力の無さをごまかすために
>Strictっていう保険に身を包んで互いの傷を舐めあっている
>弱小コミュニティの一員に過ぎないわけですよ。
StrictでないところであればStrictでなくてもいいのだろう。
ここはStrictであることを前提になおかつデザインの優れているサイトを挙げるスレッド。
弱小コミュでも構わんよ。スレの趣旨や方向性を見失うことに比べれば何でもない。

>私の頭じゃ、どう考えても他人のコードにいちゃもんつけることに
>意義を見出せないから
じゃ発言をやめるか、閲覧をやめるかしたらいいだろう。

>厳格さを求めたいときはStrictスレに行っていただいて
>ここではユーザビリティとデザインの話をしてもらいたいものです。
俺の頭では君の存在意義を見出せないから、ぜひ他所のスレに行くか新規に立ててもらって、
ここではここでのローカルルールに従って話をしてもらいたいものです。

>「Strictな精神」はあくまで方向性だと考えます。
そうです。そんな方向性にすら添えないのは、ここでは失格なんです。

まあ、DOCTYPEなりhtml文書定義なりがある前に
空白行が送信される糞「デザイン」を指摘しただけで、こんなに
盛り上がるとは思わなかった。

>>592
だって最近のって・・・・・

>>595
根拠がないのと根拠が提示されないのは別の問題だ

いざいいサイトが出てくると、今度は管理人への人格やサイト内容の批判が出てくるから結局意味が無い。
レベルの低い自推申告したサイトに対してアドバイスして優越感に浸るだけのスレｗ

俺もこのスレはずっと見てるが、
晒されるサイトとコメントする側の相関関係を考えてみた。

1.晒されたサイトの方が自分のサイトより格上
　本心ではわかっているものの、自分の存在意義を保つ為に、ユーザビリティーをたてにとって、
　細部を否定する事により全否定

2.晒されたサイトの方が自分のサイトと同レベル
　スルーもしくは好意的な発言

3.晒されたサイトの方が自分のサイトより格下
　どこが悪いとか具体的な例は挙げず『ウンコ・糞』といった言葉で罵る。


以上のように結局は自分のサイトとの相対評価でコメントしてる訳だ。
格上のサイトを叩く時は、嫉妬と取られないよう、努めて具体的に駄目な
部分をあげようとする事も特徴である。と付け加えさせて頂く。

でもそのコメントする側のレベルはわからないから
つまりそれはあなたのことなわけですね。

コピペにマジレスですか？

お前らそんなに熱くなるなよｗｗｗ
最近やたらとテーブル貼ってる奴がちと問題だがｗ

>>605
白々しいな。
お前がやってるくせに。

>>606
妄想乙

>>600
デザインのよしあしの根拠ってどこに存在するのかおしえてくれ。

>>608
デザインのよしあしに根拠があるなんて一言も言ってないわけだが。

例えば使い勝手の面でいえば始点アンカーの内容がリンク先を的確に表していなくてわかりにくいとかあるんじゃないか？
レイアウトのバランスでいえば黄金比だのなんだのもあるだろうし。そんな抽象的にきかれてもわからんわ。

きもいスレだなぁ

覗いてるやつは全員キモイ

糞スレ終了

>>609
提示しろって言ったのおまえじゃないのか？
根拠は存在はしてないと提示もできないよな？

いいデザインの根拠とか本気で口にしてるのか…。
コーディングは正しい答えってものは存在するだろうが
デザインにそんなものはない。
いいと思う人がいれば悪いと思う人もいる。
いいと思う人が多いデザインが優れたデザイン。

それを提示しろというのが無理な話

>>613-615
俺が書いたのはこれだ
> >>579
> それって仕様書的には何か根拠があるんだっけ？

結局これには「根拠がない」ということでいいのか？

>>616
それに対しては
スレ違いだからStrictスレで根拠を聞け
と言われてるだろ、いい加減しつこい。

>>617
それじゃあ質問を変えよう。
このスレでの「Strictな精神」の定義は？

論理マークアップの意味がわからないなら勉強しておいで

>>916
わからないなんて言ってないが。なぜそうやって飛躍する。

以後「Strictな精神」＝「論理マークアップ」と仮定して話す。

著者が見出しでもリストでも連絡先でも、*そしてパラグラフでもなく*、その他もろもろの
仕様書で意味の定義されたブロックレベル要素のいずれにも属さないと判断した
インライン要素やテキストに対してdiv要素としてマークアップしたとする。
それをStrictな精神に従っていないとする根拠はどこに？

裏返して聞くなら、あらゆるブロックレベル要素に分類しかねるインライン要素は
pとして（pとすべきとは誰も言っていないが、恐らくこういう主張と仮定しておく）
マークアップするのが論理マークアップであり、divでマークアップすべきでないとする根拠は？

俺はdiv直下にインラインなんて死んでもやらない（するならpとする）主義だが、
それは論理マークアップの1つの考え方であり、立場にすぎないと思っている。

そうではなく、万人にとってdiv直下にインラインをおいてはいけない（それは論理マークアップではない）
とする根拠はあるのか？

（万人にとって）div直下にインライン要素を置いてよい例、を挙げよ。
それが論理的なマークアップでないとしたら、当然例は挙げられない。
そんな例がないなら（論理的なマークアップでないなら）何も出ない。
ないものの存在を証明するのは不可能だろ。悪魔の証明。

1枚の写真を見せたい時なんかはどうだろう？
文章じゃないので段落と言うのはちょっと変な気もする。

お前らキモイじゃなく気持ち悪い

>>621
例えば文書中にサイト名を書き、トップページへの始点アンカーとしたとする。
それをパラグラフと判断する人もいるだろうし、アイテムが一つのリストと判断する人もいるだろうが、
そうではないと判断してdivが適切だと考える人がいたときに
それは論理マークアップではなく、デザインが良くても台無しとまでする根拠は？

>>621
ちなみにそこは
> （万人にとって）div直下にインライン要素を置いてよい例、を挙げよ。
ではなく
> （ある誰かにとっては）div直下にインライン要素を置いてよい例、を挙げよ。
となるはずでは？

section要素があれば全て解決

>>624
>そうではないと判断してdivが適切だと考える人がいたとき

仮定の上での話を持ってこられても判断できない。
俺は「文書中にサイト名を書き、トップページへの始点アンカーとした」場合div要素が適切だとは思わないし、
多分他人がそのように使っていても「ああ適切でないマークアップをしているな」と考える（と思う）。
「〜〜が適切だと考える人がいる」のではなく「〜〜が適切」ということが重要。
客観的にも（できれば常に、万人に）正しいマークアップでないことが前提となった上での話はできない。

>>625
マークアップは個々人によって著しく異なるものだとは思えない。
論文の構成やそれを意味づけるものであるなら、共通概念が必ずあるはず。
共通概念がなきゃ、それぞれの文書は独自のアプリケーションでないと正しく解析できない。
最低限のルール付けがHTMLなどだが、それを遵守した上でさらに逸脱することは考えにくい。

Strictスレ向きだね。

仮定に付き合って答えるなら、

>divが適切だと考える人がいたときに
>それは論理マークアップではなく、デザインが良くても台無しとまでする根拠は？

div要素の使用が適切だと考えた人がいるからこのスレに晒すんでしょう。
でもこのスレにいるうちの幾人かはdiv要素が使用されることを適切だと思っていない。
だからマークアップが不適切だ何だで言い合いになって、レスが続いて流れる。

君が言っているのは「争いごとの原因がないのに争いになる理由は？」ということです。
君にとって争いごとの原因にならないことでも、他人にとっては原因になりうるんです。
知らないうちに争いごとの原因を投下した本人が「これは争いごとの原因じゃないよ」と言っても、
原因だと感じるのは君じゃないから、そんな不毛で不適切な指摘で収まるはずがないんです。

>それは論理マークアップではなく、

それが論理マークアップというのならその根拠を示すべき

>デザインが良くても台無しとまでする根拠は？

デザインの良し悪しはマークアップの妥当性には関係なく、
マークアップが妥当でなければこのスレで扱うべきではない

>>623
1>> が一番気持ち悪いことがはっきりした

>>622
リスト｡

>>620
divは意味的には「定義されていない」。
つまりその他全てのブロック要素に当て嵌まらない文章というものは
存在していることがそもそもの間違いであるし、
または既存のブロックに当て嵌めることが可能である。
divしかない、ということはイコール、意味のない文章を置いている、ということになる。

<div class="pizza">おまえ</div>のような無駄な存在がここにいるようなものだ。

じゃあ、TeXで科学論文を書いてるやつのほとんどは無駄な存在だな。

それで書いてマークアップできない文章というのは
本当に頭がどうかしてないか？

strictスレでやれよ。

気に入らないサイトが晒されたら文句言えばいいし、
それに反論する意見があればそれも書き込めばいい。

いろんな考え方を持った人間が匿名で集まってるんだから
スレの対象となるサイトの定義を明確に定めるなんて不可能。無駄な努力するな。

ということで纏めたがってるｵﾏｴﾓﾅｰ

>>636
そういうお前がきもいんだよ
さっさとstrictスレにいけ

こうして論破されたdiv+インライン肯定者はdiv+インライン否定者をstrictスレへ追いやるのだった

div+inline否定屋さんって、そのセンでつめていくと、
div全面否定せざるえなくなるのをわかってるのかい。

>>639が全く流れをわかっていないことだけはわかった。

なんで？

>>639
なんで?

block->inlineで文法的にはおかしくないからさ。

笑うところですか

じゃあ根拠述べてごらん。ダメな理由はない

div要素は意味を示さない要素でありますから､ divであることを無視してもValidでなくてはいけいでしょう｡
逆に言えば､ divであることを無視したときにもValidなら､ そのdivはあってもいいのではないですか｡

>>643
｢block->inlineで文法的にはおかしくない｣ なんて､ 急に ｢そのセン｣ から外れましたね｡

やれやれ
strict厨の行き着く
なれの果てはこれか
ここは糞の巣窟なんだろｗｗｗｗ

>>632
> divは意味的には「定義されていない」。
制作者が定義付けした場合
ってのはありえないのかね?

div自体には意味はないが、classやidをつけることで意味が生まれてくるんだろう。
既存のタグだけで文章のマークアップが何不自由なくできるなんて
ありえないわ。

>>649-650
制作者が定義した意味は､ 制作者にとっての意味であり､ 制作者にしか分からない意味であります｡
仕様書で定義された意味と違って､ コンセンサスが得られているわけではございません｡

>>650
構造が生まれるだけであって意味は生まれないよ。
意味を生ませたいならXMLしかない。

ああ、なるほどね。理解したよ。

理解したらなおさら、こんな致命的な欠陥付きのな言語の
文法なんてこだわらなきゃいけないんだと思い始めたよ。

とにもかくにもスレ違いだよ。

>>653
おまえの存在がな。

はやく宣伝しろよ作者ども

テーブルでのデザインはもっと見直されても良いと思います（＞＜）
ttp://www.youtube.com/watch?v=ELZAU0Ohfdk

テーブル絵はホント神がかってるよな
ま、すれ違い

>>656
スレ違いだが、こりゃすげーわ。

ages

http://eclucifer.net/
腐女子サイトにしてはマシだと思う。
CSSに目覚めたらしい。

http://x69.jp/croix/
シンプルでクール

http://www.diced.jp/~zsa/m-index.html
ランキング上位サイトってなんだかんだいって
安定したデザインが多いよな

>>660
ろくなのがねーな

>>660
この流れでそれらのサイトを紹介したことは賞賛に値する

全部素人レベル。
特に二つ目なんかフレーム、テーブルで問題外。

http://fya.jp/~akaru/
http://rosen.vivian.jp/
ならこれはどうよ。半年で10万hitっつったらみんなに認められてるってことだろ

>>664
>>1を読んで半年ROMるといいことがあるかも！

>>660
一番上のはテンプレートじゃん

スクロールバーを一色にしているサイトは見たとたん閉じてしまう

>>664
久々にマウスカーソルが十字になるサイトを見たぞ
あとyahooのアクセスは一日で（ｒｙ

>664
思いっきり>1無視してﾜﾛﾀw
664はどさくさにまぎれて自分のサイト載せてないか？

>>656
これなら全然文句をいいません
strictだ(;´Д｀)ﾊｧﾊｧ

また作者の宣伝か！！

このスレってしょぼいサイト晒すスレだよな…

cssを理解できない池沼どもが、できる人を妬み嫉むスレッドはここでよろしいか？

　

>>673
違う

ここはCSSをちょっと理解できる奴らが、できない人を哀れみ蔑むスレだ。

>660>664
すまん笑っちまった

こんなしょぼいサイトがもてはやされる世の中って…

サイトがもてはやされる理由はデザインじゃなくて内容だからな。
中身見てないけど。

でもテンプレサイトでデザインがショボイ＝内容がショボイになるわな。
こういうサイトの作りにすれば半年で10万いくサイトになれるんか

せめてこっち晒せ

http://alevirita.com/
http://spky.org/
http://awa.opal.ne.jp/

大体なんだろうなテンプレートて。

>>679
最後のはまあまあ。
あとの二つは糞

評価すんなら、どのへんがいいのか駄目なのかも書こうよ。

>>679
2番目が http://2xup.org/ とよく似ている。

3番目のやつのブログが好きだ。
2番目はパクりという意見も含めて既出。>>130,135

blogは
http://www.13strides.com/
微妙に似てる。

>>679
どれもこれも目にいたくて字が小さくて幅が狭いわボケ。
ソースに至っては何をか況や。

2番目は、ごめんくださいだ。
１番目は、色使いが辛すぎ。
3番目は紋切り型だけど、ソースもstrictを意識しててわるくない

ttp://www.rusica.net/
既出だろうけどリニューアルしてるからよし。

>>679
2と3はゴメンナサイだ。幅狭すぎごちゃごちゃしすぎ。

>>687
そこストリクトに拘りながらも結構なページでパースエラー起こしてんだよなあ。

>>687
でもダサいからダメ

>>687
グレーすぎるかな。前の花柄のほうが好きだった。

前の花柄はコンセプトはいいが
画像が素人くさかった

日付は段落よりリストのほうが適当だと思うんだけど。
でもいちいちulができるのが嫌なんだよな。

日付は段落でいんじゃね
カテゴリとかも含めてエントリのメタ情報として
リスト化するなら分かるけど

>>664
せめてValidな(ry

自分で晒して自爆が最近の流行か

テンプレサイトってすごいな
みんなパクリか

「みんな」っていうほどパクリあったか

ttp://www.jtf-jp.com/
作りこんでて凄い

デザインできないオイラが言うのもなんだが
今見りゃJTFも大したことないな
確かに国内じゃすごいかも知れんが「海外のサイトだ」って紹介されたら別にすごいと思わない
時代を感じます

でももう一巡してみると、JTFは細かいとろもふくめてすごいな。

>>687
なんかCSS覚えて二年半、とかそういう感じな
ゴチャゴチャとしたサイト作って飽きてシンプル目指して何も置いてないのがｶｺｲｲ？みたいな状況
そこのリンク先の方がよっぽどシンプルでクールなのがあるぞ
だが、jtfよりは好感度もてる
偏った思想も大好きだし

ｊｔｆは何のサイトなんだ？案内とかねえのかよ







ってずっと思ってた

　　　　　 上､　　　　　　／⌒ヽ,　,／⌒丶､　　　　　　　,エ
　　　　　　　`,ヾ　　 ／　 　　,;;iiiiiiiiiii;､　　　＼　　　_ノｿ´
　　　　　　　　iｷ ／　　 　,;;´ 　;lllllllllllllii､　　　 ＼　ｉＦ
　　　　　　　　iｷ'　 　 　,;´　 ,;;llllllllllllllllllllii､　　　　ﾅｆ
　　　　　　　　 !ｷ､._　 ,=ゞiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii!!　＿_ｆｻﾍ.
　　　　　　　/ 　`ヾ=;三ミミミミヾ仄彡彡ミﾐヾ=`´　　'i､
　　　　　　 i' 　　,.＿Ξミミミミミヾ巛彡////iii＿　　　 |
　　　　　　 |　　;ｉｆ≡|ヾヾヾミミミミヾヾ､//巛iiﾘ≡ｷi　　|
　　　 　 　 |　　iｆ!　 |l lヾヾｼヾミミミ川|iｉ//三iﾘ　`ｷi　　|
　　　　　　|　　,iｆ ,ｆ=|l l lヾリﾘﾘﾘﾘ川川|爪ミミiﾘ=ｔ､ｷi　　|
　 　 　 　 |　　;iﾅ,ｻ |l l l リﾘ川川川川|爪ミﾐiiﾘ ｷi ｷi　　|
　 　 　 　 | 　 iﾅ ;ｻ |l l ﾘﾘﾘﾘ川川川川l爪ﾐﾐilﾘ ｷi ｷi　　|
　　　　 　 | 　iｻ ;ｻ, |ﾘ ﾘﾘ川川川川川l爪ミﾐiﾘ ,ｷi ｷi　　|
　　　　 　 |　 iｻ ;ｻ, | ﾘ彡彡川川川川|爪ﾐﾐｉﾘ ,ｷi :ｷ、 　|
　　 　 　 　,i厂　ｉｻ, |彡彡彡彡ﾉ|川川|爪ﾐミﾘ　,ｷi　`ヘ､
　　　　　 ,√　　;ｻ,　|彡彡彡彡ﾉ川川|ゞﾐﾐミﾘ　,ｷi　　 `ヾ
　　　　　´　　 　;ｻ,　 |彡彡彡彡川川ﾘゞﾐミﾘ　　,ｷi
　　　　　　　　　;ｻ,　　|彡彡彡彡リﾘﾘミミミｼ　 　,ｷi
　　　　　　　 　,;#,　 　 |彡彡ノリリﾘﾘミミミｼ　　　 ,ｷi
　　　　　　　 ;ﾒ'´　　　　!彡ノリﾘﾘﾘリゞﾐミｼ　　　　　`ﾍ､
　　　　　　　;ﾒ　　　　　　ヾリリﾘﾘノ巛ゞシ　　　　　　 `ﾍ､
　　　　　　;ﾒ　　　　　　　　｀`十≡=十´　　　　　　　　　`ﾍ､
　　　　　　　　　　　　　　　　 ﾉ　　　 ゞ

飯食ってるときに変なものを見せないでほしい

キーボードにこぼすなよ

日本人はシンプルが好きだよな
シンプルって言えばショボイの許されると思ってる

>>702
Aboutみりゃ一発じゃん。
迷う意味が分からん。

きっと英単語が読めないんだろう

ちがうちがう
そのあぼうｔを見つけられなかったんだって
まーこういう閲覧者もいるってだけの話な

>>687ってどっかで見たことあるなあと思ったら弱小サイト同盟に入ってるサイトだな
この板発祥のネタリンクにしては珍しく長持ちしているのを覚えている

七等星とか閑古鳥サイトとか6hotリンクとか軒並みつぶれたのにな

でも直感的に何のサイトか分かるようなトップページ作りというのも大事なことだよね。

ナビゲーションで「あ、フォント配ってるんだ」とは思ったけど、
その隣のギャラリーってのはなんのギャラリーなのか分からないし。

フォント！？
俺ってテンプレートサイトだとばかり思ってた

jtfはメインのグラフィックが無いと実にどってことないサイトなんだよな。
字ちっちぇえし。まあ今更か。

>>713
海外ではグラフィックよりメニューが評価されてたがな。

noscriptの部分がカッコイイと思った。文字大きくしたら壊れたけど。
あと思っていたほどstrictじゃないのが残念。
すこし詰まってる感があるから、もっと空けたら良くなるのだろか。

jtf?
全然いいと思わん。
なにこれ。

物を見るセンスが無いな。
だからイケてるサイトも作れない。

>>716-717
スレ違い

じゃあ
つくってみろ
ふぬけ

じ j
つ t
ふ f

ギャラリーサイトに載り過ぎてやる事がなくなってしまった。
ここのみんなは載ってなくていいですね。

Stylegalaとかに載ってから物を言って欲しいですね。

どこの権威主義だ

ギャラリー今でもよく見てるけど
HTMLが汚ないサイトが結構多かったりしてゲンナリ

　　　　　　 　 　 　 　 　 ＿_,,,,、 .,、
　　　　　　　　　　 　／'ﾞ´,_/'″　 . ｀＼
　　　　　　　　　 : ./ 　　i./　,,..、　　　 ヽ
　　　　　　　　 . /　　　 /．　ｌ, ,!　　　　 ｀,
　 　 　 　 　 　.| 　.,..‐.､│　 　 　　　　 　.|
　 　 　 　 　 　（´゛ ,/　llヽ 　　 　 　 　 　 |
　　　 　 　 　 　 ヽ -./ .， lliヽ　　　　　　 .|
　　 　 　 　 　 　 /'",i" ﾞ;、 ｌ'ｉi,''く　　　　　.ヽ
　　　　　　　　　/ ...│　 ﾞl,　 ｌﾞﾞt, ''ii_　　　　:.!
　　　　　　　 : /.._　/ 　 　ヽ　＼＼.｀ﾞ~''''''"./
　　　　　　　 .|-ﾞノ/　　 : ゝ　.､　` .｀''←┬゛
　 　 　 　 　 lﾞ　/.ｒ　　　゛ .ﾞﾋ, .ヽ,　　￣ﾞ|
　　　　　　 . | ./ ｌ　　　　　　”'､ .ﾞゝ........ん
　　　　　　　l　 /　　　　 ヽ　.`' ｀､、 　.,i゛
　　　　　　 .l|　 !　　　 ''''v,　　　 ﾞ''ｰ　．l、
　　　　　　 |lﾞ .il、　　.l　　.ヽ　 .¬---イ
　　　　　　.llﾞ, ./ 　　 !　 　 　 　 　 　 ,!
　　　　　　.!!...!!　　　,,ﾞ''''ｰ　　　　　　 .|
　　　　　　l.",!　　　 .ﾘ　　　　　　　　 |
　　　　　　l":|　　　 .〜'''　　　　 　,. │
　　　　　　l; :!　　　 .|'"　　 　...ノ,ﾞ./ │
　　　　　　l: l｢　　　 !　　　 .￣ﾞﾞ /　　!
　　　　　 .| .|　　　　!　　　　　,i│　　|
　　　　　 :! .l.　　　 ｝　　　　,i'./ 　　 |
　　　　　 :! .|　　　 :|　　　 . / 　　　 .|
　　　　　 :! |　　　 ;!　　　"　　　　 　.|
　　　　　 :! !　　　 │　　　　　　　　│
　　　　　 :!:|　　 　 　 　 　 　 　 ,! i　,!
　　　　　 :! ，　　　 .ｌ,　　　　　 / .lﾞ　!
　　　　　 :! |　　　 ， ｌ.　　　　　| .|　　:，
　　　 : v'" .!　　　 |'i .ヽ,　　　 ./ :!　　.ヽ
　_,　_/　　/ 　　　　.ｌ　　゛　._/　:lﾞ

気づいたわ。
ユーザビリティを追い求めたら
strictな文章では表現しきれない。

それを言い出したら、html、webそのものが、ユーザビリティ的に不完全。

森羅万象を表現できる全能の技術じゃない。
だから、そんな論理はナンセンス。

でも得てして「ユーザビリティに拘ってます」というところほど
「制作者にとって」使いやすいだけでユーザにとっては使いにくいものだったりする罠。

だったりしないこともある。
だったりしない可能性がある限りは
strictに拘るのはナンセンス

http://blog.worldending.jp/

>>730
winにヒラギノ明朝入れてると読みにくいの何の。

http://www.sociomedia.co.jp/

Sprint Nextel
http://www.sprint.com

>>730
散々既出
良く出来ているとは思うけどごちゃごちゃしてる
時にはマイナスも必要だと思いました

>>729
こだわらないならスレ違い。

>>731
既出。

>>732
DOCTYPEの前に改行やらインラインスタイルやら。

>>733
空divたくさん。

>>730
このサイト今までトップページしか見てなかったけど
記事の中身までぬかりねーな。。
この才能がうらやましい。

>>732
これもすげえ。
文句の付け所が見当たらないわ。
記事もいっぱい参考になる。

>>733
だいぶdivおおいけど、こういうレイアウト好きだな。

>>735
どんまい

ttp://gyauza.egoism.jp/clip/

いい色使い。
記事も読みやすい。
右上のサイズ変更であんまりサイズが変わらないのが（？＿？）
あと、左下の「前のページに戻る」で履歴バックってのは
普通想定しない挙動だよね。

>737
キツイ

>>737
デザイン的にもそれに絡む色使いも個人的には好きだが、
いざ興味のある記事をじっくり読もうとすると、背景と文字色がちょっと読みづらいことに気づく

>>737
色やグラフィックも含めてセンスが好きになれない。
メインの画像が雑多でまとまりが無い印象を受ける。

>>737
あまりの素晴らしさに感動すら覚えた。
国内最高峰と言っても過言ではない。

>>742
激しく同意

>>737
こんな色遣いでこの字の大きさって読めないというか見えない。

>>737
久しぶりに良い色遣いをみたよ

こういう好き嫌いのハッキリするカラーリングは大好きだ

>>744
一応文字サイズ変更ボタンあるけどな
Operaじゃ利かないけどw

>>737
中高生が好きそうな感じ

>>746
それに気付けもしないデザインって問題有りなんじゃないのかｗ

文字サイズの変更をサイト側で用意してるところ少ないし、見る機械も少ないからうまくみせるのは難しいな。
パソコンとか以外のインターフェースではでっかいボタンで強調されてるものがあったりするけど、それもなんだかな。

>>748
そう考えるとパソコン全般にわたってひどいデザインというか設計だな。

>パソコン全般にわたって
？？？

なんかここ知ったかが多すぎて吐き気がするわ･･･

パソコン全般にわたって糞化が進んでいるな

http://www.b-architects.com/
あまりにも完璧過ぎて隙が無い。
正直身震いした。
国内最高峰と言っても過言ではない。
良さが分からないやつはセンスが無い。
感動すら覚えた。
何度も見たくなる。
文句の付け所が無い。

>>737,742,743
今更だが自推＆自演乙

>>753
馬鹿が

>>753
なんこれ？クライアントも騙されてんな

HTMLはたいしたもんだが
デザイン能力は　ない　ね。

>753
ソースに無駄が多い
デザインはしょぼすぎる

実績見る限り能力は水準くらいはあると思うんだが
なぜあんなしょぼいんだ？

どこになにがあるのかわかればいいってデザインでは？
シンプルでいいじゃんｗ

ニュースのtableよりdl使えばいいのに

>>753
ひくわ

>>753
ソースに無駄が（ｒｙ

xhtmlを評価されてはじめてcssが評価される

ていうかcss切った時酷いわ

　　ア ア　 　 i 　 ,.lrH‐|'|　　　　 /‐!-Lﾊ_　　l　　　 /-!'|/l 　 ／｀'ﾒ､_iヽ
　　ア ア　　　l　 | |_|_|_|/|　　　 / /__!__ |/!ﾄi　　　i/-- ､ ﾚ!/ 　 /　,-- ﾚ､⌒Y⌒ヽ
　　ア ア　 　 _ゝ|/'/⌒ヽ ヽﾄ､|/　'/￣｀ヾ 、ヽﾄ､Ｎ'/⌒ヾ　（●）　 ,ｲ￣｀ヾ,ﾉ!
　　ア ア　　「　　l （●）（●）　　　 （●） ′ |　|　|（●）L!　　（●）（●）　　ﾘ
　　 　ア　 　ヽ　 | ヽ__（●） （●）､ヽ シ（●）!　!　|ヽ_､ｿ,　（●）（●）(●)_ノ　_ﾉ
-┐　　　　,√　　 !　（●）（●）（●）（●） 　 ﾘ l 　 !　￣　（●）（●）　￣　　 ７/
　 ﾚ'⌒ヽ/　!　　　 |　（●）〈（●）（●）　_人__人ﾉ_　i(●)く（●）（●）（●）　　//!
人_,､ノL_,iノ!　　/! ヽ（●）r─‐- ､　　 「　　　　　 Ｌ_ヽ　　 r─‐- ､（●）u（●）/
　　　　　　/　 /　lﾄ､ ＼　ヽ, -‐┤　 ﾉ　　ギ　　　 了＼　 ヽ, -‐┤（●）（●）／
ア　ギ　　{　 /　　　ヽ,ﾄ､ヽ/!｀ｈﾉ　　）　　ャ　　　　|/!　「ヽ, `ｰ ／）　　 _　‐'
ア　ャ　　 ヽ/　　 r-､‐'　// / |-‐ く　　　ア　　　　 ＞ / / ｀'／／-‐､　　　　／

シンプルで全部切り捨てたデザインにするなら
ソースくらい美しく書けよな

ソースはどこが悪いの？

ソース指摘する子達はいつも具体的に例示してくれるんだけど
今回の子達は流れに流されてるだけ？

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　／￣￣　ヽ,
　　　　　　　　　　　喧嘩をやめゅてぇ〜♪　　　　/　丶　/　　　',
　　　　　　　　　　　　　　　　　　　　　　　　　ﾉ//,　{ﾟ}　 /¨`ヽ　{ﾟ}　,ﾐヽ
　ふたりをとゅめてぇ〜♪　　　　　　　　／　く　ｌ　　 ヽ._.イｌ　　　 , ゝ　＼
　 .ｎi 7　　　　　　　　　　　　　　　　　　／ ／⌒　ﾘ　　　ﾍ_/ﾉ　　　' ⌒＼ ＼
l^l | | ｌ ,/)　　　　　　　　　　　　　　　　(　　￣￣⌒　　　　　　　　　　⌒￣　＿)
', U ! ﾚ' /　　　／￣￣　ヽ,　　　　　　　｀￣￣｀ヽ　　　　　　　　　　　/´￣
/　　　 〈　　 /　　　　　 　 ',　　　　　　　 .ｎ　　 .|　　　・　　　　・　　 |
　　　　　ヽっ{ﾟ}　　/¨`ヽ　{ﾟ}, 　　　　　 l^l.| | /）ﾉ　 　　　　　　　　　｜ アババババ
　 ／´￣￣ .ｌ　　 ヽ._.イｌ　　',　　　　　 | U ﾚ'/／)　　　　　　　 　 　ﾉ
／　　ｨ-r--ﾉ　　　ﾍ_/ﾉ　　　',　　　　ﾉ　　　 ／　　　　　　　 　　∠＿
　　 ,/　　　　　　　　　　　　　 ヽ　ｒニ 　　　　|　 f＼　　　　　　ﾉ　 　 ￣`丶.
　 丿'　　　　　　　　　　　　　　　ヽ､　 `ヽ　　　l　|　　ヽ＿＿ﾉー─-- ､_ 　　）
. !/　　　　　　　　　　　　　　　　　　ヽ、 |　　　|　|　 　　　　　　　　　/　　/
/　　　　　　　　　　　　　　　　　　　　　 !jl　　　|ﾉ　　　　　　　　　　,'　　/
　.l　　　　　　　　　　　　　　　　　　　　　 l　　　 |　　　　　　　　　　| 　 ,'
　.|　　・　　　　　　　　　　　　　　　　　　丶　　　ヽ　　　　　　　　　|　 /
　!　　　　　　　　　　　　　　　　　ア!、,　　|　　　｜　　　　　　　　,ﾉ　〈
./　　　　　　　　　　　　・　　　./'　　(　 ヽ_＿＿__ﾉ　　　　　　 　ヽ.__　＼
　　　　　　　　　　　　　　　　 /　　　ヽ.＿>　　　　　　　　　　　　　　＼__)

<meta name="description" content="" />
<meta name="keywords" content="" />
H構造もなし

>767
そんなことも分かんないのか…

なんで見出しがまったくないのかが気になる

わかんないんじゃなくて見てないだけだけどね＾＾
今回に限って、>>770みたいな長いものには巻かれろタイプの人間が
沸いてたみたいだから、ちょっと喝入れしたくなっただけ。
あと>>758>>762>>763>>764>>766このあたりね。
私個人としてはソースなんてどうでもいい。

>>769
見出しはたしかにないね。
メタタグは検索エンジン用なんだからどうでもいいでしょ。
説明なし、キーワードなしと捉えればよい。

＞私個人としてはソースなんてどうでもいい。
おまえの存在なんてどうでもいいからここから消えろ

>>773
ｗ

>>1読んでから書き込めよ・・・。

◆HTMLをCSSのみでデザイン
・ソースなどをきちんとチェックして要件を満たしているか確認しましょう。
　1.Strictな精神

＞私個人としてはソースなんてどうでもいい。
邪魔

>私個人としてはソースなんてどうでもいい。

>ちょっと喝入れしたくなっただけ。

（　＾ω＾）バイトのくせにうるさい

分からない奴がなんでいるんだ？

分からないことが場違いだと理解できない脳の病気

http://scrapture.org/

http://www.r-stone.net/
シンプル

私は普段このスレには書き込んでいないよ。
どうして、みてるだけなのにW3C原理主義者にならなければいけないのかｗ
みてるだけだが、間違いなく、私はきみたちより有益な情報をこのスレから得てる。

きみたちって、「Lint100点だけがStrictの要素ではない」
ってことがわかったことで思考停止してる連中でしょ？
だとしたら私が中高生のときに通ってきた道だわ。
それだから何事も本質を見ることができないんだよ。
ほんと哀れｗ

>>781
色使いとかデザインはなんかぱっとしないけど
細かいところの配慮とかCSSレイアウトの技術がすごい。
ブクマしますた

>>783
釣りでもいいから一応反応しておくと、みてるだけなら別にそのW3C原理主義者にならなくていい。
ただ、書き込むならスレのルールに従わなければいけない。
それができないのは迷惑なだけ。
あと書き込まれていることがその人の全てというわけじゃないんだから、変なこと決めつけないでほしい。

>>783
ひくわ

>>781
いいね。CSS切っても面白い。Ratingまでちゃんとしてるとは思わなんだ。
ソースの妙な行間とかコメントアウトが少し気になるが・・・まぁ別に問題じゃないわな。
かなりいい感じです。

>>782
デザインは好きだ。が、やはり見出しとかねぇな。。。
というかテーブルだなこれ。

>>783
もうこなくていいよ。

スルーできない奴らばっかだな

WIRED VISION
http://wiredvision.jp

>>781
＞<div class="clr"><hr /></div>
この前CSS質問スレにいた奴じゃないだろうな。

>>789
＞<p class="hide"><a name="top" id="top"></a></p>
吹いた。

>>781
字が大きいときの処理を全然考えてねえ・・・orz

>>782
テーブルじゃん・・・

classの半角スペースはむずむずするからやめてくれよ・・・

>>789
>class="lightgray width169"
>class="lightgray width454"
>class="ad white width226"
これはちょっと…。

ストリクトな精神で書かれたイケてるサイトってなかなかないんだね。

> <style type="text/css" media="screen, projection">@import "http://scrapture.org/css/common.css";</style>

この書き方ってなに？

>>781
仕掛けで誤魔化してるだけという気がする。
パーツがアンバランスで合ってない。
写真のクオリティとレイアウト、コンセプトは面白いと思ったけど。

>>794
別に普通の書き方の一種だが？

>>796
はじめてみたから特殊な書き方だと思いました、ありがとう

>>783
ここはスレ違いなことを書き込む所だから気にするな
関係ないことをどんどん書き込め

>>792
classの半角スペースって二つのclassを同時指定する時に使うやつじゃね？

791-792あたりの指摘は的外れ

別に的外れでもない。
792は複数指定が嫌いってだけじゃね？嗜好だろう。

「俺の好みじゃないからやめろ」は指摘としては的外れだが。

はい次！
はやく宣伝しろ作者ども

http://www.kotsu.city.nagoya.jp/

>>804
おおー、クオリティ高いなあ。
ユーザービリティも含めて良くできてはる

なにこれ＾＾；
ttp://www.kotsu.city.nagoya.jp/dbps_data/_template_/_user_/_SITE_/localhost/_res/common/css/import.css

汚いcssだなぁ

>>804
><span class="navihidden"><hr><h4>ここから共通メニューです</h4></span>
これはないな。

http://www.velo-moto.cz/

<DOCTYPE宣言>
<head>
<body>
</body>

headは閉じないわ<html>はないわ

まあ、それでもSafariでもまっとうに見れるのがすごいけどな

HTMLではhtml要素、head要素、body要素の開始タグ、終了タグともに省略可能
なんだから、それが原因でパースできなければUAのほうに問題がある。

>>812
ゴミをネットにまき散らしてるのオマエか？

>>804
「ローカルナビ」っていう表現が万人に通じない
「フッター」って表現は見た目重視で、
実際この記述を必要としている「聞く」人間には通じない

アクセシビリティにこだわっているのにもったいない

スレ違いだ、ごめん＞＜

正直ローカルナビだったら頭にほしい。
そもそもlinkで書いてOperaのように何とかしてくれブラウザとは思うが。

>>804
太字で小さな字は視認性が悪い。

むしろ太字と小さな字は両方とも視認性が低い。

ttp://www.netmania.jp/
ttp://www.mt312.com/
ttp://www.seotools.jp/

え？

え？え？

http://suicidegirls.com/tour/

日本の業者も見習うべきｗ

>>821
ブラクラ＆ワンクリ注意
ブラクラ＆ワンクリ注意
ブラクラ＆ワンクリ注意
ブラクラ＆ワンクリ注意
ブラクラ＆ワンクリ注意
ブラクラ＆ワンクリ注意
ブラクラ＆ワンクリ注意
ブラクラ＆ワンクリ注意

>>818
2つ目、アドセンスの場所がいやらしいな

コンテンツかと思ってクリックしちまったい．

ほぼダマシだな
でもそういう意味でも参考になるサイトだった

サイト名はローマ字使った方がカッコイイね
目次もローマ字使った方がカッコイイね
文字は85-90％がクールだね

>>826
失せろ。

あとボーダーは常に1pxなｗ

>ボーダーは常に1px
批判にしろ嫌味にしろ信仰にしろ
意味がわからない・・・

1pxも使いよう

今かっこいいｗｗのは
日本語+英単語の造語
文字は大きめ
ロゴは反射
俺様の目を盗んでちょろちょろ通信

>俺様の目を盗んでちょろちょろ通信

ﾜﾛﾀ

homu
purofiru
burogu
keijiban
rinku

メニューにローマ字使ってみたけどこれがかっこいいの？

と釣られてみる

>>821
最近見た中では一番良いと思ったぞなもし
結構要素に高さを指定してて文字大きくしたらデザインが破綻するけどな

そんなことよりエロの方が重要だ

826,828はネタだろ。。

>>834
メインらしきコンテンツのリンクの仕方詐欺だろ
しかもいらんとこでFLASH使ってるわdiv厨だわ

>>835
>>826はネタにしても意味がわからないぞ

間違えた、>>828だった。
まあどうでもいいや。

CSS覚えたての人は1pxのボーダーを多用する、って意味じゃないの？
文字を小さくするのと同じ感覚で、2px以上のボーダー太くてだせぇｗｗｗｗｗみたいな。

というか俺がそうだったんだけど。

>>821
なんか知らんけどそのサイトのロゴが入った画像を数十枚くらい持ってる

本当に何でもってるんだよｗｗｗ

小さい字がｶｺｲｲとかいうのと似た感覚なんだろうか・・・＞2px以上のボーダー太くてだせぇ

>>821
どうでもいいけどトップのねえちゃんのおっぱいキレイだな

>>841
はあ？どうでもよくないだろ。いい加減にしろ

外国語だとカッコよく見えるのと、外人だとエロく見えるのは
もしかして同じ原理なのか

外国の人は「日本人は可愛いけど、セクシーなのは外国人」なんてよく言うよね。

>>843
いや実際白人の方が綺麗じゃん
黄色人種なんてB級ｗｗｗｗｗｗｗｗ

おお、B専で悪かったな

http://www.peteroravec.net/
重いけど、綺麗っちゃあ綺麗

http://www.outline2design.com/
画像が綺麗

http://www.stampede-design.com/
でかいモニターで見ると、おどろおどろしくて良い感じ

http://www.studiobonsai.pl/
恒例のガイジンの日本的デザ

綺麗だがグラフィカル過ぎて制作の参考にならんなぁ。
それと2個目は空divが多いね。

http://www.plat4m.com/
http://www.shauninman.com/
http://simplebits.com/
http://coda.co.za/

こういうシンプルなやつが好きだ。

>>848
これ結構好き

>>851
一個目は全然シンプルじゃないと思うけど。
てか2advancedのブログなんてあったのか。

ていうか全部シンプルじゃない。
ごちゃごちゃしすぎだし悪い意味で"シンプル"だね

>>851
画像が少ないからシンプルとは限らないんだな
3番目はデザインはシンプルで見やすいのにテキストが多すぎて見にくい
もったいないなあ

何もない状態が一番シンプルだからね

>>851
3番目のやつが好きだが、ウィンドウ最大化しても横スクロールバーが出てし
まう。あと、もうちょっと左にマージンを取ったほうが見やすいと思う。

Fxで768px幅だとスクロールバー出ない。モニタどれくらい？

http://journal.strund.jp/

なんてゆうか、言いづらいねんけど、ゴミやな。

↑この関西人ってcss初心者の奴だろ？

KENJI乙

ttp://kiccho.ausp.net/

http://www.designlinkdatabase.net/masters/157.aspx
めでたい！！

ttp://spky.org/
CSSREMIXにインスパイアされました、ってか。

>>858
Operaで解像度1024*768の画面で最大化してもと出る。1280*1024の画面で
最大化してみたけど、これは出なかった。

>>866
Ver 9.02で幅約768、サイドバーのみ表示ブックマーク等非表示で横バー出ない。
ブックマーク表示するとバー出現。なんだろね。

当たり前だろw

繰り返す
当たり前だろｗ

>>865
faviconが卑猥です＞＜

http://www.primopdf.com/

<head id="ctl00_Head2">
こんなの初めて見たけど、これはエラーにはなんないだな

え？headにはid不可じゃなかったか？
ttp://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.4.1

htmlにheight100%指定しるのってどういう意味があるの？

>>874
>>737に書いてあった。
ttp://gyauza.egoism.jp/clip/archives/2007/05/070509-background-clip/

ttp://blog.b-design.under.jp/
pajatti再開したみたいだね。

http://life.trivia.gr.jp/
おしゃれです。

単に装飾用の画像少ないってだけで、良いとは思わん。

>>875
お、お、ありがとう。今度使ってみよう
しかし読みづらいサイトだ

このスレ批判ばっかりだなぁ。褒めるってことを知らないのかお前ら

糞過ぎて褒めようがない。

http://homepage2.nifty.com/city-well/pagestyle.htm

>>882
感動した！

>>882
いい商売だなぁ・・・。

>>880
ソース見てからデザイン見るっていう変態が多いからじゃね
俺はデザイン見てからソース見て叩くけど

目くそ鼻くそだ

こんな糞サイトがめぐりまわって制作料金さげてんのか！

デザイン見てからソース見て叩きます

ソース見てからデザイン見るって現実的に不可能じゃ…

できなくはないけどね。
ってかどっちから先に見ても変わらんと思うけど。

ちょ、目が痛い

>>882
これはすごい才能の無駄遣いｗｗｗ

>>882
こいつはすごい遂にタイムマシンの開発に成功したんだな
んで何年前からきたよ？

>>882
なんで消さずにこんなふるいサイト残ってるんだｗ
ｃｓｓ使ってねえ

>>882
「何処にも無い！あなただけのオリジナルをデザイン制作致します！」

そらこんなの誰にも作れねえよ。
ファミコンみてえなサイト

いちいちこんなサイトに反応するとは…
これがソースしか見られない病人たちの姿か。

>>882
これはｗｗｗｗｗｗｗ

お手本にするべきですよ！！！

>882
ごあいさつのとこ見ると、こうなってるな……。

> ホームページの制作？等を行っております。

>>882
なんかしらんけど、うちのIEハングした

>>882
ここの掲示板なんなんだｗｗｗｗ

おれのfirefoxも落ちた。

しかしほんとに何年前だよｗｗｗｗ
ttp://homepage2.nifty.com/city-well/gotyuui/gotyuuimain.htm

Ｃｏｐｙ right（Ｃ）CITY WELL　2000-2006 　Aｌl right reserved

とりあえず最低２００６年の初めまでは保守してたわけだｗ

この流れは釣りだよな？
ジャズ紳士とか、もちろん知ってるよな？？

あああ

ああ

ｆｆ

一歩先のデザインだと思う。

ジャズ淑女なら知ってる

いつまでも留まってないで
さぁこっちにおいで
僕たちの明日は・・・Web3.0さ

イメージしたことがすぐにコンテンツになってヴィジュアル表現される
夢のWeb3.0

待ってるよ☆

きもいｗｗ

俺たちの仕事がなくなるだろｗ

http://maaike-annegarn.com/
こういうフォントって面白いんだけど・・・

>>911
かわいらしくていいのだが、ミッ○ーが(ry

ttp://www.isseymiyake.co.jp/ELTTOB_TEP/
一番上みたいな画像はあんますきじゃないけど、
記事部分が好きなんだ。

>>911
中身もないのに最大まで広げても横スクロールバーが・・・

>>913
記事部分がイヤだ、字が小さすぎて読めん。

よめんほどじゃないけど、小さいから俺もいやだな
100%の大きさにしない理由が見えない

>>913
なんかフォント潰れてね？

全然読める。むしろもう少し小さくていい

>>917
失せろ

ttp://www.designradar.it/

>>919
最小フォントサイズを指定してあるせいか、文字が重なったりずれたりしてぐだぐだ。

h3から始まってね？

h2を飛ばしてはいるがh1から始まってる

あ、h2もちゃんとあるじゃん。

いややっぱりh1のあとにh3になってる。
それより
<span class="no">
ノオオオオオオオオオ！！

>>924
だからね、hn要素は出てくる順番に数字が小さくなるんじゃなくて、階層によるんだよ。

>>913
記事タイトルと日付とか横にまとめてるけど、無駄にコラムを増やしてて分かりくい。
しかも幅自体狭いからタイトルが何行にもなってて読みにくい。
素直に1つにまとめたほうがいいと思った。

>>925
階層が飛ぶということがそもそも構造としておかしいんだということに気付け。
大体階層によって見出しレベルが決まるなんてことは全く規定されていない。
見出しレベルはページごとに1〜6までが設定できるということだけだ。

>>925
h1の後がh2でないのはおかしい
h2のあとがh1でもいいけど
お前が間違い

>h2のあとがh1でもいいけど
？

>>929
h2の下の階層がh1って意味じゃないと思うぞ。

Google Analyticsを導入して思ったこと・・・


もうIE5以下のユーザーは切り捨てても大丈夫w

http://www.e8media.com/

>>930
どっちにしても同じだろう

>>932
だからさ、せめてdiv直下にインラインとかさ・・・

>>933

<h1>
　<h2>
　　<h3>
　　<h3>
<h1>
　<h2>
　<h2>　　　←ここから
<h1>　　　　←ここ
　：
　：

っていうことでしょ。h1が総見出しじゃなきゃいけない理由はないし。

>>933
h1
 h2
h1
 h2
↑これがvalidではないというのか？

ごめんかぶった

エエエｴｴｴ(´д｀)ｴｴｴエエエ
h1はページタイトルで1つだけだろ

>>934-935
validだけどStrictな精神に反するような。やっぱh1は頭に一つじゃない？

W3C的にはh1,h2,h1,h2の同一ページ内における登場も許容されてんじゃなかったっけ？
でもStrict精神からは乖離してる気がする

W3C的にはDIVしかなくても許容されてるよ・・・

>>934
h1が総見出しでないならば、総見出しは何になる？
h1以上のレベルは存在しないんだから、総見出しが意味づけできないことになる。
それは問題ある。だから総見出しをそのページのh1にせざるを得ない。
とすると、その他は全て総見出し以下のレベルにするしかない。何しろ総見出しだからだ。
ということでh1は1ページに1つとなる。

世の中のＣＳＳサイトの大半にdiv直下があると思うのだけど
このスレのdiv直下御法度さんは、いったいどんなサイトを参考にしてるのでしょうか。
俺的には多少の構文ミスがあっても、それりにキレイに書けていてデザインも良ければ目をつぶるんだけど。
（div直下は「多少の」構文ミスじゃないだろ　って意見は、この際堪忍ね。）

div直下御法度さんが作ったサイトを見てみたいんだが。

俺もそれ気になるな。
個人的には目をつぶらざるを得ない状況があるのをどうしても考えてしまうんだけど、
きちんとした綺麗なサイトをあんまり見たことないんで勉強したいんだけど
なかなかめぐり合わないというか・・・

>>942
イケスレテンプレでも見てくれば

>>943
目をつぶらなきゃならないほどデザインに必要って思ってるのは
大抵において本人しか必要と思ってない独りよがりってことあるじゃない。
それくらいだったら目をつぶらないでそれはやらないほうを選びたいよ。

>>942
CSSを使ったサイトの大半はStrictなHTMLじゃないしなあ。

例え見た目のためだけにでも、必然性があるのならいいと思うけど。
あ、スレとは別の俺の意見ね。スレとしては「Strictな精神」を重要視しているみたいだし、
div直下のインラインはそれに反するという人がいるみたいだから。

>>942
参考にするときはまた別の話。
見た目、コードそれぞれ良いサイトがあるから、それこそテーブルだろうと見た目がよければ参考にする。

あくまでここはコードも見た目もイケてるサイトを挙げるスレだから、
div直下はスレ違いというだけ。

つーかここを当てにしてるひとなんていないだろ？ｗ

930,935だけどさ、
validかどうかの話だと思ってたからh1を例に出してレスしてたけど、
>>929はh1が二つになることに反応してたのか。

おれ的にはスパム認定されなきゃｈ１何個あろうが気にしない
２，３個程度なら大丈夫だと思ってる

いやいや、反論さんの言ってる意味はよく分かるよ。

それをふまえた上で
満場一致で納得できるＣＳＳサイトはどれなのか教えてほしいのです。
「おお、このサイトいいな」と思って紹介しても、全て酷評されてるし
じゃあ何だったら納得できるの？と思うのです。

このスレの住民はStrictなHTMLの上に、デザインも両立したものを求めていると思うんだけど
今までに紹介された中から、ソースもデザインも美しい秀逸なサイトをピックアップするのはどうだろう。
いいサイトをブクマしてる人もいると思うし、どうですかね？
今後紹介する参考になるし、見るだけで勉強になると思う。
（まとめサイトは載ったもの全てが書かれてて参考になるサイトかどうか分からない）

>>950
そんなの自分で探せ。
何で既に紹介されたサイトをわざわざピックアップしてあげなきゃいかんの？
人に頼る前に自分で行動しろ。

過去スレもまとめも読んだ上で言ってるのです。
でも、良い評価を受けたサイトはほとんどないでしょう。

3度同じ事を言って恐縮だけど
批判屋さんを唸らせるサイトはどれなのか。

唸ってたとしても、嫉妬心等から口には出さない場合が多い。
いいサイトはいくつかあるけど、粘着する人がいて迷惑かかるから挙げない。

>>947
この板で一番このスレが好きなんだけど、
俺はだめなんだろうか。

ほとんどない=少しある、って事だろ？
完璧なサイトなんてまずないんだからそれが全てだろう。

>>948
あの時点ではどっちかわかってなかったよ。
section代わりのdivを使って下の階層っぽいところにh1の可能性も、
同階層にh1の並列も両方あるけど、
まあどっちもStrict的にはアレだし。

strict的にって言っても、headging　1を同一文書で複数あるのを許容してる限り
strictだろ。
h1で階層にリセットかかるだけだ。

>>956
階層って具体的に何のことを言ってるの？　section？
＞下の階層っぽいところにh1
＞同階層にh1の並列
意味がわからん
ファイルの下のほうってこと？

>>957
>headging　1を同一文書で複数あるのを許容してる限りstrictだろ。
これがStrict的じゃないという話をしてるというのに

>>958
書いてあるんだから嫁よ。

>>927
「レベル」という単語の意味を吟味するべき

見出しレベルは普通に使うが、おまえの定義の方が知りたい。

Strictな精神論

>>950
2ちゃんねるは基本的に酷評の場だし
特にこのスレでは、評価の基準が相当厳しいからな
（デザインが良くてもHTMLに欠点があれば叩かれる、その逆も同じ）
単純に評価が高いサイトなんてそうそうないと思う

もし満場一致クラスの既出サイトがあるのなら俺も知りたい

>2ちゃんねるは基本的に酷評の場

日本は基本的に事なかれ主義の国

とか言ってるのと同レベル

つーかさ、子供の笑顔ですら憎む奴がいるこの世界だ
満場一致でイイと評価されるものがあるなら、
教えてもらいたいもんだぜ。

もしも本当に誰もが心の中でいいと思うのがあっても、嫉妬して糞だと書き込む香具師もいるからな。

というかそういうやつが殆どだろ。
だから文法なんかに逃げる

それはまた別だろ。

>>911
のサイトで使われてる背景画像とか見出し用画像ってどうやってつくるの？
染み汚れ？てて多少古ぼけた感じって。

>>970
つ［どぞ］
Photoshop＆Illustrator関連スレッドPart12
http://pc11.2ch.net/test/read.cgi/hp/1153728455/

正直さ、文法がおかしいと思えばこっちでいくらでも直せるんだからどうでもよくない？
CSS使っててデザインがよければそれでいいよ

>>972
そういうスレは他にあるんだからそっち行け。

さっさと次スレあげろ馬鹿ども

スレ違いの話題を永遠としてるお前等はやっぱりヒッキーだなw

自分のデザイン力の無さを、スレのルールに助けられてる、もしくはそれの陰に隠れてる、って奴も多い気がするけどなぁ
ま、どーでもいいが

自分の、という前提がつくためには、ここに晒されてないと成り立たないんだが・・・
つまりおまえはここに晒されて貶されたクチか？

どう助けられてるのか意味が分からん。
見た目が伴ってなければこのスレではスレ違いだ。

現状、コードが駄目なのばっかだから批判されてるってだけなのに。

次スレ立てますた

CSSでイケてるデザインサイト 40
http://pc11.2ch.net/test/read.cgi/hp/1182759619/

>>979
乙

自分のサイトはStrictだが、デザインがしょぼいからなあ…。
コードとデザインを両立させているサイトってなかなか見つからないな。

こことかどうよ。ソースはきれいだが。
http://rmbl.dzfl.jp/

>ソースはきれいだが
えーと・・・・。

デザイン初級
コーディング初級

もう少し勉強してから宣伝してね ♥

え、コーディングは立派じゃん。
きちんと論理マークアップされてる。

まぁ、悪くはないんじゃね？
デザインと言えるほどデザインはないが

あれで立派かよｗ
無駄にdivが多い
デザインも糞
総合22点

>>987
div要素が多くたって論理マークアップになっていれば問題なかろう。見た目
のためにdiv要素を使っているためにdiv要素が多くなっている場合とは、区別
して考えるべきでは。

>>988
wrapだとかheadだとかのdivのどこが論理マクアプだっつの・・・

W3Cのトップページを作り直したやつ。トップページのみ。
http://www.homelesspixel.de/remix/

>>982
マークアップは間違ってないし論理構造もわかりやすいんじゃない．
全体の構成見る限りではsectionHeadやらsectionBodyやらのdivは必要ない気がするけど
けなすほど酷いとは思わん

貶すほどではないが、異様に持ち上げる奴が一人いるようだから絡まれてるんじゃね

>>985
論理マークアップは最低限だよ。

>>987や>>989みたいな人と今まで議論してたのか
あほらし・・・

>>994
もう二度と来なくていいよ・・・

>>994
論理マークアップの基礎の基礎から勉強してこい。

997

埋め。

>>982
段組はせいぜい2つまで

1000と千尋の神隠し

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