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

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

◆正しい HTML を CSS のみでデザイン
・ソースなどをきちんとチェックして要件を満たしているか確認しましょう。
　1.Strict な精神、Another HTML-lint で 100点かそれに準じる得点
　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/

◆文法チェック
・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/


/* CSS・スタイルシート質問スレッド【57th】*/
http://pc8.2ch.net/test/read.cgi/hp/1148103380/

なんで立てるんだ・・・。

あははwww。仕様もない話合いが続くのね…

>>スレ1000
俺のうろ覚えの記憶に有るだけで、それらしきのが3〜4ぐらいはあったはずｗ
結構居ると思うぞ。

>>1
良スレになることを祈りつつ乙

tableのカスイケデザインってなにかないかな〜？
（table本来の使用法、表として使っていて、ｃｓｓで装飾しているという意味。）

>>9
〜の比較表などは表として正しい使い方してるよね。
そこら辺をキーワードにして検索してみたら見つかるかもよ。

>>5-6
てめーら新参が勝手に毎回同じ議論をループさせておいて、
スレなくそうなんて言ってんじゃねーよ。
嫌なら見るなガキ共。

http://www.jtf-jp.com/
ここなんてどぉ？

散々既出

ttp://nymag.com/
こういううるさくない斜線が好き。

ttp://research.history.org/pf/
ヘッダがクール。

>>1
乙


みんなFont-family何指定してる？なんかいっぱいあってよくわからん
サイトによって使い分けたりしてる？

Lucida, Verdana, Arialとか。

>>13
>>1

>>10
晒されて叩かれる人がこれ以上増えたら気の毒だからじゃないの？
見なければ済む問題ではない。

俺が以前紹介したサイトも、晒した後すぐ閉鎖されたので、
かなり申し訳なかったと思う。

>>13
にゅーよーくマガジンの方、ゴチャゴチャしてて見悪くね？
3カラムとかブログでよく見るけど、見悪いだけだ。　　　　　　と俺は思う。

リサーチ・ヒストリーの方は何のサイトかわからんけど、すごくイイ。
日本語サイトでやったらかっこわるくなりそうだけど。

スレを無くせとは言わん。
せめて晒さないでくれ･･･。
外国人サイトならOKだろうとかそういう問題じゃないから。

ttp://zerobase.jp/
ttp://www.webcolor.jp/
今度は日本のサイトで。どちらも2カラム。

>>18
確かにごちゃごちゃした感じ。日本の新聞社のサイトにも多いよね。
ブログの3カラムは無駄に情報を詰め込みすぎてるところが多い。
アフィだけで1カラム取るのは勘弁って感じ。

>>20
両方とも糞！

>>21
理由を述べなさい


って、小学校のとき議論ごっこで先生に教わったんじゃない？

そんなの主観の問題だろｗ

webcolorの写真に吹いたｗｗ

あ、またwebcolorかよｗ
宣伝乙だな。

ここのパクリCMSが一時期話題になったところだろｗ

>>20
webcolorは海外サイトの影響をかなり受けてるっぽいね。
運営してるhttp://www.aventi.co.jp/（こっちはテーブル）も結構海外っぽいし。

メニューを画像で表現するのは良いがtitleをきちんと付けて欲しいところ。
ページトップへ戻るリンクがjavascriptで滑らかに移動するのは別に良いが、
オフの時にも動くようにしておく必要あり。
やっぱり上手なアイコンがあるとそれだけで見栄えに大きく響くね。
練習してるけどなかなか上手く出来ないorz

シンプル感を取ったサイトになると点数が下がったりごちゃりとして見えたりするなぁ
日本語だとさらにごちゃーっとしか感じに見える

http://www.notitle-web.com/

いっそIRCやらでルーム作ってソッチで議論するってのはどうだ？

>>29
ここでの議論がウザイっていう意味ならば
ここ削除してまとめサイトにサイト貼るだけにすればいいんじゃね？

>>28
ひどい解説サイトだな。

>>31
スレ違い氏ね

>>32
なんだ？
宣伝したならひろゆきに金払っとけよ..

>>28
テーブルデザインだからスレ違い

>>28
HTMLの解説の内容とかも酷いが、テーブルデザインの時点でカスイケではない。

http://sinobi.ameblo.jp/

http://www.gamespot.com/gameboy/action/supermarioland2/index.html
フォントサイズとかは当り前に固定だけど、なかなか面白いよねこういうの

>>28
＞間違いや記述ミスを見つけられた場合は、メールで教えていただけると
＞非常に助かります。

Strictスレにでも放っておけば誰かメールしてやるんじゃねーの。

>>37
英字だから、それぐらいの小さなフォントでも無難に読めるが、
日本語でそのサイズだとかなりきついからな。
だから日本語でのデザインはすごく難しく感じられる。

http://www.mdn.co.jp/webcre/DLmenu.htm#Series
なかなかCSSの歴史みたいなのが見えて面白いな

前スレ1000を誤字？で締めくくる辺り、このスレだなぁ
2chで誤字言うのもなんだが。

>>20
zerobase
シンプルすぎてなんとも。右サイドがスカスカなのが気になってしまう。
ロゴのデザインぐらいしかイイねと言えない。これも人それぞれだろうけど

webcolor
画像多用しすぎ。胡散臭い。ほーむぺーじ制作会社としてはこれは厳しく批判せざるをえない。

>>36
忍之閻魔帳の画像だけイイね。他はウンコ食えとしか

>>37
イイねこれ。ビデオデッキっぽい。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　以上全部主観。

SAF
ttp://www.saf1.co.jp

きれいやよね。見た目もソースも
CSSは主要ブラウザごとに対応させてる

こういうサイトはなんかの市販ソフトで作ってるんかな?

ひでぇな…。
宣伝や晒しなら他でやってくれよ。

>>43
確かによく出来てるなぁ

>>43
俺には微妙に見える。

ソースは見やすいけど、
間の取り方とか明度差とかが微妙でデザインのメリハリが無いよ。

>>43は
横幅固定だから、横1200の解像度では微妙見える
せめて真ん中に持ってきてくれれば、まだまともに写るのに

>>42
こーいう評価がもっと増えてほしい

人それぞれだバカｗ
貼る人はいいと思って貼る
あとはそれを見て各人がイイとかイクナイとか勝手に思っていればいい
構文とかはある程度基準があるのでちゃんとした評価下せるけどな

>>50
>>42を10000回読めよ

主観でいいならいくらでもｗ

>>20
zerobase
シンプルで良い。右サイドがスカスカなのが特に良い。
ロゴのデザインぐらいしか叩くところだないね。これも人それぞれだろうけど

webcolor
画像多用していて見たが良い。品があるね。ほーむぺーじ制作会社としては上の方。

>>36
忍之閻魔帳の画像だけがイマイチ。基本的に良い

>>37
なんだこれ。ビデオデッキっぽいところがNG。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　以上全部主観。

さむっ･･･

批判が多いな

本当はいいと思わないものを誉めあってる方が気持ち悪くないか？

主観OKならば褒めてるのは全部サイト側の自作自演ってことになるな

>>57
主観OKと言うか感想は主観以外ありえないと思うが。

アデランスのバナーがめだっててGoodだべ

評価を下すには万人共通のものさしを用いるか
又は説得力のある人が行わないと誰も納得しねーだろ

http://www.justsystem.co.jp/

CSSのロールオーバーでなかなかいけてるじゃんとか思ったけど。
それもトップページだけで、他のページはJavaScriptオフにしていると…

>>60
評価を下すのと、どう思ったか感想をレスするのは違う。
評論家ぶって貶すだけの糞レスはいらない。
ただこれまでみたいに単純にどう思ったかだけレスすると雰囲気が悪いので、
なぜそう思ったか、理由付けをするべきだと思う。といっても所詮２ちゃんねるなのでなんともかんとも。

>>61
いかにも企業サイトっぽいデザイン（多分狙ってるんだろう）。
下の方のサブメニューはもう少し画像減らしても良いかも。

http://www.whalesalad.com/
ピンクと黒がアバンギャルドで超マブい！

http://www.wurkit.com/
シンプルだがメリハリがあってバッチグー。

http://www.amorphonet.com/
ビビッドなイエローグリーンがイカすぜ！

http://www.natural-nutrition.me.uk/
ピチピチギャルも驚くフロート使い

http://www.spine.ro/
可読性が高くてトレンディ！

http://www.homegel.co.za/
ナウでヤングなブログ風のデザイン。

http://www.sporadicnonsense.com/
無駄がなく洗練されていてぶっとびー！！

こんな議論してるやつより、死語の人の方がよっぽど偉いよ。

良いと思うことがあるなら書けばいい話で

晒されてなくなるサイトって...ハァ...
ゆとり教育の弊害か

お前、ゆとり教育って言いたいだけだろｗ

>>71
死語が議論に参加してない保証はないがな。
言い切れるのは本人だけ。

死語ﾀｿ乙

証明なんか出来ないからそう思うのは勝手だが、別人とだけ言っとく。
自演とか言われても死語の人にいい迷惑だろうしな。

>>76
日本語でおk

>>77
日本人でおｋ

>>78
人間でおk

>>79
スクリプトでおｋ

>おk

日本語で喋ってもらってよろしいですよ。

>>81
2chでおｋ

>おｋ
電車厨は消えろｗｗ

>>76
その発言が死語の人にとって何の利益にもなりやしないどころか、
お前の言うことが本当であればあるほど（どのみち証明なんて不可能なのだから）、
お前がかける迷惑がどんどん肥大化するってことに本当に気付けないの？

やっぱ画像加工技術だよなぁ

>>62
なぜそう思ったかの理由が全て主観になるってことだろ

個人的に好きか嫌いかを聞きたいならチラシの裏で十分だな
でもこのスレの意味なくなるなｗ

>>83
特殊な用語を使わなくておｋ

>>84
無理やり話を引っ張ってこじらそうとしなくておｋ

もう荒れるから、点数方式で評価すればいいじゃないか。
審査員はお前ら。

http://micro-vnc.jp/pc/documents/manual/

前スレの流れを見ている筈なのにスレを立てるとは…。
まぁ晒しスレなんて何処でもこんなもんか。
晒されて陰口叩かれるようなサイト作りしてるの方にも問題あるんだろうが、
cssでデザインしてるだけで晒されるなんて理解できん…。

>>90なんか解像度高いと微妙になるなw

自推がたたかれてるだけジャンｗ

みんなサイト見たらいちいちCSSデザインかどうかチェックする訳？

お！と思ったデザインはCSSを見てしまうかもしれない。

それでテーブルだったらどうすんだw

回数 初めてのアクセス 前回アクセス 前ページ(JavaScript無効)
モニタ?
HTTP_USER_AGENT　Mozilla/4.0 (compatible; ibisBrowser)
国/言語?
REMOTE_HOST　ns.i-products.net


コレって携帯？
CSSどう表示されるんだべ

携帯用のフルブラウザだね。
無料バージョンや試用バージョンを使えばタダで使えるから、
使ってみてはいかがでしょう。

携帯持ってないyp…

そうなんだぁ
NN4って表示されてたから、何事かと思ったよｗ
ありが豚♪

googleを知らないWeb制作者って居るんだなぁ...

http://www.google.com/search?q=ibisBrowser

>HTTP_USER_AGENT　Mozilla/4.0 (compatible; ibisBrowser)

>NN4って表示されてたから、何事かと思ったよｗ

どこに？

おそらくアクセス解析の問題だろ
UA判別条件が甘いんだよ

>>104
突っ込みどころ間違えすぎ

>アクセス解析でNN4って表示されてたから、何事かと思ったよｗ

ってことだと漏れは脳内補完できたがなぁ...
問題はgoogleを知らないことだろって思ったわけ

Mozilla/4.0をNN4だと勘違いしたに一票

それは思いつかなかったな...
もしそうなら相当ヤバスw

お前さんにはそうかもしれないが、
初心者にとってはそのぐらい馴染みがない事だからな。
勘違いぐらい誰でもやるし、馬鹿にするのもちょっとかわいそうだ。
それにかわいいもんじゃんｗ

いや、あまりにもひどいだろ

IEのUAにもくっついてる文字列なわけだが。

その歴史的背景はMicrosftがNetscape社からシェアを奪うために産んだUA偽装術なんだよな

経緯も知ってるよ。

すれ違いなんだからいちいちレスすんな。
そんなに知ってる事をアピールしたいのか？

>>114
スレ違い

坪井の怪我は大丈夫なのか？
茂庭が入ってからディフェンス陣が機能してなかったな
駒野がその分ひっぱられて流れを戻せずに終わった

誤爆したもう寝る

http://s03.2log.net/home/syoboon1/
http://www.quiter.jp/


どっちが上だと思う？

五十歩百歩

同感
どっちもスペースのとり方が雑すぎる感じがする

上のほう、使わないだろうけど、「Pagetopへ」みたいなの欲しい

>>118
疲れ目には上の色のが目に優しい。

うわ…また晒しかよ。
ここにはサイト運営した事ある奴いないのかね…。

>>123
気休め程度ではあるが、パート30辺りから、一応ここに晒されたサイトには一報入れてある。
企業や宣伝サイト以外だけどね。

ここにサイト運営したことない奴が居ると思う方が不思議
晒されるのなんてそのうち耐性がつくよ

そういうのに耐性がつかない奴は何をやっても続かない
仕事なら納期に追われ、クライアントの細かい注文を何度も受け、
精神的にも肉体的にもキツイ
駄目出しも聞き流したりプラスに変換していく力がなければ無理だな

別に晒されても構わん。
誉めてもらえたら嬉しいし、おかしい部分があるならどんどん言って欲しい。
…自分から晒す気にはならないけどな。

てかこんなマイナー板で晒されて何か影響あんのかよ
おまえが運営した事ねーんじゃねーか

vipで晒されたって、よっぽどのことを自分でしてなきゃ何の被害もない。

1200px以上の設定の人が固定幅ではないサイトみると見難くなる？

一報入れてるってとんだお節介だなｗ
逆に傷口広げるんじゃねえの？

知らぬが仏ってこともあるだろうしなぁ

>>125-127
同意するが、それは自分の欲求のための
勝手な言い分とも思える。一報もおせっかいに同意。

>>125-127が自サイト晒せば、晒し否定派も文句言えまい

てか晒されてたのって自薦っぽいサイトばっかりだったし。
どうせ自分で晒して否定されたのが気に入らなかったんだろ？
でも下手なんだからしょうがない。

具体的に指摘してくれるんなら晒す気にもなるけどな。
ただ駄目だとか下手とか言われるだけじゃイヤン

つか、なんでもかんでも自薦にしたがる人ってなんなんだろう。

>>136
自薦じゃなきゃ普通晒さないような下手サイト。
オマケに何のコメントもなし。
自薦と思われても仕方ないでしょ。

過去に自推としか思えない状況が何度もあったからな。
リファラはime.nuなのにこのスレをリファラで発見したとかｗｗｗｗｗ

んで、このスレのせいで消えたサイトってどこよ

まぁでもこのスレに貼られるとGoogle順位が上がるんだよな
現実的なメリットは大きいと思うんだが
隠れるように細々とやりたい奴にとっては迷惑ってとこか
大勢に見られたくないならパスワードでもかけとけって思うがな

>>138
普通にリファラ漏れてる時ある。
たぶん本家の2chからじゃないと思うが、http://p2.2ch.net/
こことかアドレス見れば板のジャンルが絞れるし。

まぁそうは言っても多分自推だろうがｗ

携帯版2chからだとリファラでないか？

>>141,138
IEはリファラ関係でバグがあったな。

>>142
CSSなのにわざわざ携帯？

>>144
あは、確かにｗ
携帯版をPCで見ている奴とか？

>>145
回りくどい事この上ないなｗ

まぁ、自薦としか思えないクオリティのものを晒す奴がアレなんだよ

いや、自推なら普通に評価スレがあるし。

あっちは自信ない人が教えてもらう感じだからな。
どうせ、自信があってここで晒したらボロボロだったって感じなんだろｗ

>>129
解像度に関係なく固定幅が見辛い。
たまたま自分の解像度とブラウザ幅に合ってるなんてことは稀。
だから自分の好きにさせてほしい。フォントサイズと一緒。

それがデザインっていうもんだよ
ある程度は製作者側で固定しておくべき

今時のスルーってどんな感じ？

>>151
>>151
>>151

こんな感じ？

いやだって実際携帯でこのスレから来ることあるよ。
あとp2をオンラインにおいて鍵かけてない人とか。
晒したのは他人だけど作者もこのスレの住人だったとか。
まぁ、どうでもいいけど。

リキッドで組んで高解像度で見ると、
コンテンツがよっぽどびっしり密度詰まってない限り、
どうしてもスカスカになるんだよな。

どうせ高解像度だとフルスクリーンで使わないだろうし、
横は800で良いやって妥協してる。

ttp://www.concept64.com/
あんまり意味が無い気がしないでもないけど
ナビゲーションすごいね

>>155
どうせ高解像度だとフルスクリーンで使わないんだったら
スカスカになることもないんだから幅固定する必要もないだろ。

>>156
何が凄いのかわからなかったが、幅によって場所変えてるのが凄いって事？

>>158
これは始めて見た。
なかなか面白い。
やろうとは思わんがｗ

俺も何が凄いのかさっぱり分からん。

ウィンドウサイズを取得して切り替えるようにしてんのか
他にも色々使えそうだな

>>156
412 Precondition Failed
こういうのが出るのは嫌だなぁ。

>>157
コンテンツののスカスカ度によってブラウザの大きさを変えるのはナンセンス。
ブラウザの大きさを変えるのと、スクロールバーを動かすのとを比べた場合、
スクロールバーを動かす方が明らかに容易い。

>>157
フルスクリーンで使う人も居るかもしれないじゃないか。
そしてフルスクリーンじゃないなら800でもいいじゃないか。

800の固定なら別に問題ないだろうな実際

>>163
お前は盛大に誤読している。

1024にしてるわ俺
800は切り捨て

1024ならリキッドでよくね？

>>166
「スカスカになるのが嫌ならブラウザの表示領域を小さくしろ！」と言いたいんだろ？
そんなのエゴにしか聞こえないんだが…

600px〜800pxくらいの間でリキッドならOK？
600pxより小さくならんし、800pxより大きくならんが
その間でなら可変というレイアウト。

>>170
１行あたりの文字数が重要。
１行10文字程度でも100文字程度でも読みづらい。
俺としては全角20〜50文字くらいの幅ならリキッドでもソリッドでも問題ない。

IEで対応してないmini-widthは擬似的にCSSで実装可能だけど、
最大幅ってpxで設定できたっけ？
%だけだった気がするんだけど。

p{
width: 1em;
}

>>173
それで可変幅になるのかい？

>mini-width

何それ？

>>175
ログ漁って来た。
ttp://pc8.2ch.net/test/read.cgi/hp/1070625061/125

>>174
いやネタだからｗ

min-widthをmini-widthとtypoしたことを揶揄ってるだけだと思われ

全然気づかなかったｗ

>>171
すくねえｗｗｗ
つーか人によってフォントサイズは違うんだからソリッドじゃ無理ジャン。

>>180
フォントサイズをpxで指定する。
もしくはボックスの横幅をemで指定する。

50文字ぐらいの幅があれば、フォントサイズがかなり大きくても
可読性には問題なさげ。

>>181
IE厨はカエレ

>>171
つ 「ユーザスタイルシート」

>>183
狐厨はｶｴﾚ

>>116
茂庭は経験不足が露呈した感じだった
坪井は次は大丈夫みたいだから安心した
加地もいけそうだしクロアチア戦は面白そうだ

オーストラリア戦はジーコの采配ミス
坪井の抜けた穴の埋め方が甘かったし
小野投入するならもっと早くにフレッシュな攻撃陣を投入すべきだったろ
例えばワントップになった時点ですぐさま大黒投入するとか
後手後手になってしまってあぼーん

>>186
すごいねー。　　　　　　　　ﾆﾔﾆﾔ

>>181
意味ないねー。　　　　　　　　ﾆﾔﾆﾔ

http://neetsha.com/

>>189
これははっきり言ってこのスレで晒すべきものではないと思う。

そうか？
すっきりしてていいデザインだと思うが

自薦なのか貶めるために晒したのか知らんが、
とりあえずCSSでデザインされていないのでこのスレの主旨とは合っていない。
あと<!-- 民主主義 台湾独立 自由-->てなんだこれ

まだ晒しが行われてるのか・・・

別に驚くことじゃないだろ？2chどころかインターネットのあちこちでされてることだ。

>>193は哀れな人なのであえてスルーしてあげましょう

晒しではなく 「リンク」 と言うべきでは？

http://wwwwwwwww.jodi.org/

>>196
>>189の中身を見れば「晒し」が正しいと（少なくともこのスレでは）思う。

宣伝乙

テーブルだからスレ違い

2chでリンク≒晒し

悪意があろうと無かろうとこう捉えられやすい。

2chに貼られて嬉しいと思った漏れは変態ですか
サーバがパンクしかけましたが

>>201
貼られるスレ次第だろ、当然。

なんというか、
とんでもなく痛い管理人の痛々しいサイトを晒して祭り上げられる流れは、
馬鹿馬鹿しいが理解できなくもない。
だがここは、真面目にサイト運営していても、
CSSでデザインしているだけで晒されて、
揚句にアレコレ勝手に陰口叩かれる訳だからな…。
ある意味、手に負えない。

何か言われるのが嫌だったら最初からサイトを持つなって話だ。

別にデザインやCSS否定されたからって死ぬわけじゃないんだし

>>204-205
優しくないねぇ…

>>203
CSSだろうがテーブルだろうが、デザインで晒されるサイトはある。
そして悪意のない場合、その晒した本人だけは少なくともそのサイトのデザインを評価してるわけだ。
その他の評価している人間だって、貶すために書き込んでる人間じゃなければ
いいところは褒めるし、よくないところは貶す。
それを陰口と思うのなら、おまえはすべての晒されたサイトのすべての部分を褒めろ。

>>206
優しいって何？って話になる
人間的に浅いな

男は優しい方がもてるがな。

他人を思いやることが出来ない人間はウンコ食え。

>>209
いい人ねで終わるタイプ

>>211
顔が悪ければな

世の中金だよ

どうも堀江です

ここはMovable TypeやNucleusみたいなのも扱ってるの？

ttp://www.hicksdesign.co.uk/
右下にナビがあるのっていいね

>>215
デザインすれだからいいんじゃない？

>>216
右下にナビがあると何が良いの？

>>216
リニューアルしたんだね
ちょっと前にここに出てたように、ウィンドウサイズによって変わるようにしてあるね

>>217
大抵の場合、マウスカーソルはスクロールバーに近い右側にあることが多いからかな
右利きの場合だけど

こういうサイズの変わり方は良いかもね。凄い地味だけどｗ

>>219
いや一概にそうとは言えない気がする。
最近はマウスにスクロールボタンが付いてるから、右にカーソルを持っていく必要が無い。
自分はむしろブックマークやブラウザの戻るボタンの関係で左の方が多い。

>>220
全ての人がスクロールボタン付きマウスを持っているわけではない。

左から読むって理由で右にナビゲーションがあるほうが使いやすいのはわかる。
でも、左から読むってことは読み始めが画面隅よりは
真中に近い方が読みやすいわけで。
その辺の兼ね合いだなぁ。

とりあえず、俺は右の下気味は結構いい場所だと思った。

>>221
誰も全員が持ってるなんて言ってないだろ。
更に言うとスクロールボタン付が無いマウスってのはボタンの数も少ないのが殆ど（大体2個）。
だとするとブラウザの戻るボタンをマウスに割り当てる余裕も無い。
だったらブラウザの戻るボタンが近い左にメニューがあったほうが俺は良いと思う。

そこでスタイルスイッチャーの出番だな。
メニューの位置を変えれれば問題ない。

>>223
人生は後戻りできない。

>>216
IE7べただと左にものすごいスペースが開くぜ…
しかもメニューがクリックできん

hicksたんはマカーだからIE7bでチェックできてないんだろ

>>226
べたのクセにでグダグダいうな

不具合出しのためのβリリースだろうしな

だが聞いた話ではもうセキュリティ面以外で大きな変更はないらしいぞ
CSSに関しては今のうちにチェックして対応しておくべきかもしれん

ie6はのこるのかと思ってie7印スコしてもうた。
上書きされてもうた。
sp2DLしてie6にもどさなきゃ・・・・・・・・

>>231
ぎゃははははははは!!

>>230
ということはIE7も糞ってことか…

IE7はタブブラウザになったんだな。
これだけでも大きな進歩だよ。あとはバグだけちゃんと直してくれればいいよ

透過PNGにも対応して中々グーだが
肝心のインターフェースが・・・

もうブラウザ部門は諦めてOSの方に徹底して欲しい。
SP1が保障終わりだって？

CSS、DOMにきちんと対応したIE8はまだー？

>>234
つ Sleipnir

で、IE7のCSS解釈はどの程度なん？
Gecko、Opera、Safariと同水準？

IE7の必要スペックってどんなもんだべ
ｳﾁのWin2000じゃけっこう重そうだなぁ
電気屋のPCで使ってみたけどｲﾏｲﾁだったような…

>>220
そうだね
俺、横にボタンついたマウス＋ﾏｳｽｼﾞｪｽﾁｬｰ使うようになってから、戻るボタン全然使わなくなったから忘れてたよ
右下らへんで全部すんじゃうからさ、>>216のサイトはスイスイいけて良いと思ったんだが

↑
まちがったｗ219だったｗ

>>239
ちょっとましになった程度で全然ダメ。

>>239
しかもスターハックとか使えない

>>243-244
サンクス

そんな状況で>>230だとしたらIE7にはガッカリだよっ！

Win2000だから使えないんだけどさ...

左から右に読むから、テキスト中心サイトの場合は、右にメニューがあると
視界に入って邪魔という感覚を持つ人もいる。

* html+ {}
だっけ？＞IE7だけに適用されるハック
こうやってブラウザ新しくなるたびに増えてくんだろうなｗ

>>246
上にメニューがあればいいよ

このスレってさ内容もなく、だらだらと結構、長いこと続いてるよな。

ひさしぶりに来たので思ったこと書いてみた。

2chなんてそんなもんだよ

語る内容なんてそもそも無いからな。
こんな感じのまったりした流れがむしろ居心地いい。

http://www.sxc.hu/
シンプルかつ色鮮やかでマブい！

http://www.savdesign.com/
トレンディで清潔感のある無難なデザイン

割り込み

http://www.5000xzukunft.de/
スプラッシュでラインがヤングでハイセンス

http://abstractsmanager.com/home/
丸角がチョベリグでイケてる

http://www.stuffandnonsense.co.uk/
白黒バランスがチョー綺麗
幅に関してはナンセンス

http://www.unicef.se/
サルでも分かる鮮やかさ

http://www.jeffsmithdesigns.com/
クールなダンディにバリウケしそうなサイト

>>257
死語は幅不定が嫌いという意味か？

http://www.couchfort.net/
質感が前面に出たナウでホットなデザイン

http://www.yumdrop.com/
女の子らしくキュートでハイカラなセンスを感じる

http://casasastre.com/v2/
カラーバランスと間の取り方にぶっとびー!!

http://www.bountythegame.com/
マドンナ旋風を感じられるイラストデザインのサイト

http://throwingapples.com/
オバタリアンもドンびきなカラーセンス

はぁ…いまだに無差別晒し…。
毎回、管理者に一報入れてる人、今回もよろしく。

>>266
ギスギスさせるのが大好きな人乙。
わざわざここに来なくても良いよ。

>>266
http://slashdot.jp/article.pl?sid=06/06/16/0037220

>>263
微妙に不揃いなのがかっこいいな。

>>269
あ、俺も今回の中でそれが一番好き。

>>263
いいね！こういうのもっとあったらURL教えて欲しい
女の子向けのPOP系なやつ

262だったぜ

33スレ目まで続いてきてるけど
たしかに今までにもこのスレ不要論はあった
でも、晒された奴がいぢけてってのは初めてだな

あまりにも小さすぎてワロス

>>263が日本のサイトで、死語じゃない奴の貼りだったら
幅固定＆フォントサイズ固定で叩かれてたんじゃなかろうか
それがこのスレのフシギ

いつもこんな感じならいいんだけどな

どっかのポータルから探してきて必死に貼っている姿が笑えるｗ

死語の連貼りはスルーしてます

幅固定を叩くのはごく一部のリキッドマンセーだけ。
ぶっちゃけ要らない子。

>>274
日本語サイトだとどうしてもかっこわるく見えてしまうんだよ英語に比べて。
自分で作ったサイトの英語バージョンを作って見るとよくわかる。

>>275
張れないのに叩くだけのオマエは滑稽ｗ

貼れないんじゃなくて貼らないんだろ。
ポータルに載ってるようなサイト貼っても意味ないし。

>>280
負け犬乙ｗ

>>274
何ぶすくれるんだよ。仲間だろ？

>>271
263のって女の子向けのPOPとはとても思えないんだが・・・

>>281
だったらポータルサイト自体のリンクを張った方がいいんじゃないか。

>>274
叩かれないというか、英語が視認性良すぎなだけで、
フォントサイズが気にならないって感じだ。

>>284
貼ったら？

>>284
オマエが張れや！

もしかして死語ちゃん？

だとしたらかなり必死だねｗ

ageるなや厨房！

>>288
あはは、面白いんだね君。
言い返せなくなったら今度はそれかよ。

浮動式の掲示板で sage を強制できるとでも思ってるの？

こう、自分が賢いと思ってるやつの書き込みって見ててこっぱずかしいな。

スレッドフロート式を「浮動式」って書くあたりが同人くさい

サエコかわいいなぁ

>>290
私に対しての煽りは無意味だよ。
もうちょっとまともな反論をよろしく。

sageるのは2chのマナーですよ

こいつは荒らしに来てるから放置推奨。
煽り方が荒らしお決まりのパターン。

反論ってのは持論を展開している人に対してのみ行われるのだというのに、
自分が何かしら主張を持ってここにいるとか勘違いしてるのは見ててこっぱずかしいな。

私に対しての煽りは無意味だよ = 煽られると泣きそうになるから優しくしてくれ

ほとんど画像を使ってない
ttp://www.louiscarre.fr/

>>298
おいおい！こんな完璧なサイトがあっていいのか!!!!!!!!
CSSでイケてるデザインサイトというのは、これのことだ！

>>294
例えば、もし「このサイトへの無断リンクは禁止」という注意書きがあったとしたら、あなたはそれを守りますか？

リンクするのは自由です。誰もその自由を奪う権利などないんです。

逆にそういった注意書きを書くのも自由です。ただ、強制力は無いということに注意されたい。

それと同じで、ageたりsageたりするのは書き込みする人の自由です。
もちろん「ageるな」という発言も自由なんですけどね。ただ強制することは誰にも出来ないのよ。

>>300
わかったから別に無理してここに来なくて良いよ。

>>299がわざとらしすぎるのでﾆﾔﾆﾔしながら>>298を見てみた。

確かにイケてるなぁこれ。キャンパスノートや手帳みたいなイメージ？
人によってはシンプルすぎて面白みのないサイトだねって言いそうだけど。

前、豆腐のサイト張った人だね

これでもうちょっと可変か幅が狭いかしてくれれば・・・
ちょっと広すぎて困ったorz

良くも悪くもアルファベットありきのデザインではあるな。
中央の4段コラムはどうかと思ったが。

日刊スポーツ最強

…でもないけど
http://www.nikkansports.com/

　　　　　　　　　　　　　　　　　　　　　　　　　　　　;　　;　　, .,'　, 　 　, '　 　 .
　　　　　　　　　　　　　　　　　 　 　 　 ｀, 　　;　　;　 ., ;　 ,' ,' .,' ,'.　, ' ' , ' ´　 , ., .
　　　　　　　　　　　　　　　　　　　　　　 ´､　 ',　 ; ;　;　;　; ,' ,'　;　,' ', .' , ',´' ´, . ‐ ' '. ´ ´ _ _ ..
　　　　　　　　　　　　　　　　　　　　　　　　､　',　', ', ;　; .; ,' ,'　; .,' '　, ' , .' ´　,.　-‐　'　´　_ _ ＿
　　　　　　　　　　　　　　　　　　　　　　　｀、'､丶 '、,'　;､; ;; ;　; ,' ' , '. '´　'　´　,.　-‐　'　´　‐ -　._ _
　　　　　　　　　 　 　 　 　 　 　 　｀丶 、　丶 ｀､丶､　　'　　　´　 '　　　　　　　　　- ‐ ﾆ 二 ￣ ＿_
　　　　　　　　〃　　　　　　　　‐　- .　._ 丶. ｀、 丶　　　　　　　　　　　　　　　　　｀｀ ' ' ‐ - - . . . . _
　じ　　　 ,z＝､ 　 　　　　　　　　　 　｀丶.､ 丶丶　　　　　　　　　　､　_　　　　　　　　　　　‐ .- .._ _ _　｀`ヽ.
　ゃ　　　ｌ|　 　 　 　　　　　　　_ _ . . . . . _ _｀丶　　　　　,、ヽ 丶丶 ,'; .;ヽ　　,　丶 ､ 　ｰ.‐　-　_‐_ ｀｀丶､
　ん　　　ゞ＝'′　ｸ　　　　' ´ 　｀ ｀ ' ' ‐ - ｀_ ｀ 　,　　; ; ','. 丶'､　',. ;',', 丶'､ .,　　＼丶,､ 　｀ . _ ｀｀丶､　ヽ
　 ： 　 　 ,.,＝､､　　 　 　 　 　 ,. ‐ ' ' ,´'´ _ , .　　 ,'; .;　; ',. ','. 　'､'.　;: .','. 　',', ｀,　＼丶､:　:｀ :丶: ｀:｀:ヽ､丶､
　 ： 　 　 ｌ| 　 |ｌ　　　　　　　　　 　 ,.´, ' ´,.' ´ 　 ;.; ; ;', ;　'.　',.　 ｀,;　; 　;. 　 '､',　', '､:丶:丶:､:丶 .:丶 _:｀::丶 ｀､
　？ 　 　 ﾞ＝"' 　 　　　　 　　　　,´' , ' ,.',. '.; 　;,. ; ; ',.'..;　丶丶〃.'.､　_,.,z=＝‐､', ;丶丶ﾐミy‐､:丶 :､丶::丶:ヽ
　　　 　　,.,＝､、　　　　　　　　 ..'　,.'.´,',' ,' ,'　; ', :',　′',:.〉:.:.::､:,＿..ｭ斗=--y'　 ',; ;丶', ミ/ 「ヽ＼｀:ヽ:､丶:丶ヽ
　　 　 　 ｌ| 　 |ｌ　　|　　　　　　 ,′,'　.,','.,' .; ', ', 丶'、: : ::', :.:..:｀｀｀'/ (・）　 j|｀　_ﾉ(　　　丶　〕!ヽ　l｀:ヽ:｀､｀､｀､

雑魚の雑魚による雑魚の為のスレはここですかぁ？

と、雑魚が申しております

>>306
意外と綺麗に作ってるんだな、驚いた。
ちょっと
<div id="headerWrap">
<div id="header">
とか
<dl>
<dt class="skip">共通メニュー</dt>
<dd id="mainMenu">
<ol start="0">
とか
<hr class="hide" />
<!-- +++++ コンテンツエリア +++++ -->
<div id="wrapper">
<!-- +++++ メーンエリア +++++ -->
<div id="mainWrap">
<div id="main">
とか（ｒｙ気になるけど。

ヒデって誰だよって思ったら"隠す"のhideか

>>311
てかhide指定する必要なくないか？
普通にhrにdisplay:noneを指定すれば良いだけの気が…
どうせ他のhrも全部消してるんだろうし。

hr class="hide"はMozillaでも使ってたよな
気にはなっていたが見てみぬのフリする

やべ、俺のサイトもclass名こそ違うが同じことしてたorz

>>312=314
おまｗｗｗ

今、１３０８に居るというのが分からんのか！

Operaってけっこう良いね今日初めて使ってみたけど。
WindowsでSafari動いたらなぁ

>>298
ロゴはA List Apartみたいにちゃんと作っても良いと思う。
画像少な目サイトではA List〜と同じくらいイケてる。
どっちも幅広めの固定だが。

Opera9正式版でたな。
まだmsiインストーラは微妙だが、Opera9はなかなかの出来っぽい。

マジか。入れてこよ。

・・・・・・・・・・・・・・・・・・・・DLできましぇーん。

昨日初めてOpera入れたばっかしなのに今日9出てｾﾂﾅｽ

DLできねえよおおおおお
No such file oe directoryって何か俺設定のせい？
Opera8で行ってもDLできねえよおおおおお

>>324
DL先変えろ。
アメリカ辺りだったらちゃんとDL出来たよ

ftp.opera.com/pub/opera/win/900/
ほれ。
インターナショナルの方だと言語ファイル入りだ。
ただ、一部設定が不足してるとかあるって話。
ttp://pc7.2ch.net/test/read.cgi/software/1149879659/
ttp://pc7.2ch.net/test/read.cgi/software/1150814146/
こっちを参考に汁。

Opera9であれこれポップカップが酷いことに・・・・。

ポップカップ・・・・いや、胸が揺れるのは好きだけどね・・・・。

IEとFirefoxでチェックしとけばいいかな。
Opera入れるのﾏﾝﾄﾞｸｾ

IEでチェックする暇があるならOperaで充分

だって閲覧者の9割がIEなんだもんよ

みんなFireFox使ってくれたらどんだけ楽か・・・。

Firefoxのバナー貼り続けてたら大分割合上がったぞ。

>>331
9割ってめちゃくちゃ高いな。

その中にはドーナツとかプニル（IE時）とかも含まれてるんだろうけど
cssに関してはエンジンがIEなら同じことだからな

IE7になったらCSSにマトモに対応するって話だけど
皆、しばらくはIE6からIE7に切り替えしなさそうだしな

winIEでまともに表示できるCSSを作れた試しがありません

>IE7になったらCSSにマトモに対応するって話だけど

それなんてガセネタ？

>>336
IE7はさらに厄介そうだけどな

>338
えー、ガセなの？
ﾐｬｰｸﾛｿﾌﾄがそう書いてたような・・・

>>340
>>226-247辺りを嫁
今までIEのCSS対応をそのままにしてきたMicrosftの言うことなんて信用できん

Windows2000が未対応切り捨てなのがなぁ...
IE7のためにWindowsXPに3-4万円もかけてられないし

βだから今の時点では何も言えんでFA

しかし正式版でも対応しないと明言してるbefore/after擬似要素とか使い勝手いいのに・・・

ホント、ビフォーアフターは取り入れてほしいよなあ。

なんという事でしょう！
劇的ビフォーアフター

Opera9入れたら(Opera上で)Flashが表示されなくなったとかかんとかMixiのOperaｺﾐｭで書かれてたような

俺のブログ、IE6や、その他ブラウザ（Macも含め）で問題なく表示されてたのに、
IE7ベータだとなぜか本文が左寄せになる（padding-leftが無視される）
でも新たにタブを開いてからまた戻ってみたりすると直ってたりする。
適用されたりされなかったりでなんだか不安定。

>348
そういう意見はガンガンﾏｲｸﾛｿﾌﾄに言えばいいと思うよ
今は不具合募集中だから

>>329
IEとOperaでOK

フォントサイズは12px〜14pxが最強。

>>348
IEは昔から描画弱いよなあ・・・
インテリマウスでスクロールさせると背景が消える部分が出るとか、
背景画像とボーダーの組み合わせによってはボーダーが壊れるとか。

movable typeを使っています。
張った画像の脇にも文字を流し込みたいのですが、
流し込むためのヒントを下さい。

>>353

例

●HTML
<img src="xxx">
<p>流し込みたい文章</p>

●CSS
img {
　　width:100px;
　　float:left;
}

質問スレじゃないぞ、ここ。

うあ、とっても誤爆した。でもありがとう>>354

>>352
あるある。
フロート使うとbody属性の背景が飛び地になったりな

わたしだけでしょうか

Web標準普及の一番の障害はIEだと思う

わたしだけ...

>>358
おまえだけ

>>358
非常に同意だ

けど
元々標準にしようとしてるCSS解釈がクソなのも否めない。

リキッドレイアウトにバッドノウハウ必須ってウンコかと。

>CSS解釈
>CSS解釈
>CSS解釈

うわぁぁぁあっっっっっっっっっっぁぁぁぁＬ
環境ごとにﾌｫﾝﾄの大きさが違うのやめてーーーーーーーー
IE7のせいでさらにめんどくせー

font-size: x-small;
f\ont-size: small;

固定で良いよ固定で

ﾌｫﾝﾄｻｲｽﾞ固定だと2chねらーに怒られちまうぞーー

>>347
再起動して，IEで最新のFlash PlayerをDL．
IE他ブラウザエンジン使ってるソフト全終了．つか再起動した．
で，Flash Playerをインストール．

これでOpera9上でもFlash表示されるよーになった．

>>362
おまえは800×600のPCと2048×1480のPCの二つを所持してみるといい。
変えられないとどれだけ不便かわかるから。

もう虫めがね使っちゃえよぉ
うちのばあちゃんはそうしてるぜぇ

>リキッドレイアウトにバッドノウハウ必須

標準化されてないからそうなってんだよ。お前はアホか。

バッドノウハウはリキッドソリッド関係なくないか・・・？

メタルギアスレ？

>>361
CSS解釈ってダメワードなん？

>>371
>元々標準にしようとしてるCSS解釈がクソ
これはつまり標準化を促しているW3Cの仕様がクソと言いたいのか？
それともブラウザが標準だと思い込んで組み込もうとしているCSSの解釈がクソと言いたいのか？
つまりおまえの日本語がクソ。

>>366
じゃあ50%のリキッドサイズなら問題なしなんだな？

>>372
え、何で俺怒られてるんだ

ジーコジャパン終わった

ジーコと日本相性悪いんじゃね？

日本が負けることにどれほどの意味があるのか。

ワールドカップの醍醐味ってそこじゃなくね？

自国が勝つか負けるかに一喜一憂して何が悪い

スレ違いだどあほうが

別に悪いなんて言ってないが。
日頃ろくすっぽサッカーも観ないにわかサッカーファンたちが
出場選手を貶したりするこのイベントが大嫌いなだけだ。

＞スレ違い
ああ、そしたら君が流れを戻したら良いと思うよ。

>>373
>>366のレス先は>>362。
>font-size: x-small;
>f\ont-size: small;
・・・・・どうやればフォントサイズ50%のリキッドフォントにできるんだ？ｗｗｗ

「ちょっとおれはすたいるしーと極めてンだぜｗ」
みたいなヤツが数人で揚げ足の取り合いしてる様なスレだなここは。

そうですサッカーも極めてますからワールドカップの醍醐味もスレ違いながら語ります。

痛い企業サイトスレと住人がかなり被ってる気がする。
オペの掃き溜めだな。

>>379
はいはいサッカー玄人サッカー玄人

スレ違い指摘されて「君が流れを戻したら良いと思う」って開き直り方頭悪すぎるぞ。

＞痛い企業サイトスレ
名前すら知らなかったが行ってみよう。

>>379にワロスｗｗｗこういうのに限って何もわかってないｗｗｗｗｗ

ttp://germany2006.nikkansports.com/

じゃ、サッカーついでに。Lintの点はイクナイが、
見た目がさわやかで好感持てた。CSSオフ時のhr表示が気に入った。

シンプルで良いね
表示が速いのが一番だなやっぱ

Operaに致命的な脆弱性。最新版にアップグレードを
攻撃者はこの脆弱性を悪用して、脆弱なシステム上で任意のコマンドを実行できる。最新版のOpera 9は影響を受けない。
2006年06月23日 19時07分 更新
　仏セキュリティ機関FrSIRTは6月23日、Operaブラウザの脆弱性を報告した。危険度は最も高い「Critical」とされている。

　 この脆弱性は、「height」と「width」の値が大きすぎるJPEG画像を処理する際に整数オーバーフローが起きることが原因。
攻撃者はこれを悪用して、特殊な細工を施したJPEG画像を載せたWebページにユーザーを誘導することで、脆弱なシステム上で任意のコマンドを実行できるという。

　この脆弱性はOperaのバージョン8.54以降に影響する。FrSIRTは解決策として、最新のバージョン9にアップグレードするよう勧めている。




無理矢理戦法ﾜﾛﾀ

>>387
フォントが大きい環境だと、重なる部分があることがちょっと気になった。

ヴォルフロッシュｗｗｗｗｗｗｗｗｗｗｗ

>>387
> 国情報最新ニュース一覧、紙面転載最新ニュース一覧、評論家＆コラムを飛ばし、サイドエリアへ移動
> フッターエリアへ移動

って何？(Mozilla 1.7.13)

Dharma Initiative
ttp://thedharmainitiative.org

http://www.zappallas.com/
どーよ！

<!--▼#ground▼-->
<div id="ground">

<h1 class="hidden">ZAPPALLAS</h1>

<!--▼#head▼-->
<div id="head">

<h1><a href="./index.html"><span class="hidden">ZAPPALLAS</span></a></h1>




(pgr

>>394
hiddenと言う名のdisplay:none。
何年前のサイトだ。
とりあえず画像が多過ぎ。

>>396

きれいなHTMLじゃないか？
これだけTXETがしっかりあれば画像の件は問題ないんじゃないか？

CSSきってみてもきれいなレイアウトだったぞ。

>>397
css見たか？
重要なh1とかh2にdisplay:noneだよ。
アクセシビリティがいかんだろ。

あと、画像の件はhome以外のサイドメニュー見て。
そこの画像は三角マークだけで良いと思う。
あとフッターも画像はいらないかと。

ページごとに枕の色が変わるのは面白い。

>CSSきってみてもきれいなレイアウト

何その自己矛盾

>>398
h1やh2にdisplay:noneを指定していることとアクセシビリティは関係ないだろう

>>400
関係あるよ。
display:noneは一部スクリーンリーダーでは読み上げない。
その子要素も無効化される。

個人的には空のdivとかが気になった

で、このサイトはスクリーンリーダーを必要とする人が訪問するようなサイトなのかね？

俺んとこ絵サイトだから
スクリーンリーダーが必要な奴に来られても意味ないな

まあ、スクリーンリーダーを使用してる人の数から考えて、
対応しておけば好ましい程度だろうな。
大手なら是非対応しておいてほしいけど。

h1やh2をdisplay:noneで消すと「スクリーンリーダーで読まれない！」とうるさいし、
h1やh2の中身をtext-indent -9999pxとかで画面外に飛ばす方法使うと
今度は「text-indentの正しい使い方じゃない！」とかW3C信者がうるさいんだよな。

へー、後半のは初めて聞いたな。

何で消すの？
ブランク代わり？

初心者か？
画像使っとるからだよ。

初心者です

>h1やh2の中身をtext-indent -9999pxとかで画面外に飛ばす方法使うと
>今度は「text-indentの正しい使い方じゃない！」とかW3C信者がうるさいんだよな。

それなんて被害妄想？

>>401
>display:noneは一部スクリーンリーダーでは読み上げない。

それはおかしい。
仕様書には「スクリーンリーダは'speak:none'で読み飛ばす」と記述されているんだから。

仕様に従わないユーザエージェントが悪い。

>>411
おかしいも何も現実に起こるんだから、対応した方が良いって話じゃないの？

>>410
確か以前このスレでそんな論争があったのを覚えてる。

>>412
最小フォントサイズを設定できる最近のブラウザだと
font-size: 1pxのh1が丸見えよってのしか記憶にないな
悪い

>>412
>おかしいも何も現実に起こるんだから、対応した方が良いって話じゃないの？

そう考えるのもよいけど、仕様に基づいて制作した著者を叩くのはどうかなって思うんだが。
まあ>>394のサイトはStrict指向ってわけじゃないけどさ・・・

けっこうよくできてると思うけど>>394

>>411
確かに正しいがそれを言い出したらieとかどうなるよ？

h1を見た目上消したいのであれば、

h1 {
　　height:0;
　　overflow:hidden;
}

でOK！

>>417
おまえ、頭いいな。

でもそれだと画像がOFFのとき何もできなくなるんだよな
ナビとかリンクあるのだったら何もできなくなるんだよな

<SPAN>いれて画像かぶせるってのもあるけど。

http://www.lprhomes.com/
とにかくナウでホットでマブい。

http://www.pseudoroom.com/
シンプルながらもトレンディーでイカす。

http://www.mindpetals.com/
カリスマ性を感じさせるチョベリグなサイト。

テンション低っ。別人？どうでもいいけど

>>401
なるほど。
他の人も書いてるけど、仕様に従わないUAに個別に対処するのは「アクセシビリティ」とは考えてないタイプの人間なので
その発想がなかった。ｽﾏﾇ

>>394

論点がずれてきたな、画像が多いという批判の件はどうなった？

>>425
画像を使ってはだめなの？
divのY軸方向の中心に文字をおこうとしたら、絶対に画像が必要になってくるけど。
もっともvisibityだったかで見えなくするんだけどね

>>426
あらゆるブラウザで完全に中心におくのは難しいだが、MozillaやIEくらいなら
簡単なCSS振り分けで十分対応出来る。
>>394のサイトで言えば、インデックスページの右側のお問い合わせみたいな感じで十分。

十分ってのは、インデックス以外のサイドメニューの事ね。
あそこは画像はいらない。

>>394
「どーよ！」という紹介文がスレ違い

そのまえに晒しは晒しスレでやれって。

>>430
またお前か
特定の人にのみ見てもらいたいならパスワードかけとけ、な？

>>430
検索順位をあげるためにわざわざ2chで宣伝する奴もいるのに
なにこのネガティヴｗｗｗｗ

ECサイトなら特に
検索にひっかかりやすい=売り上げ成績
につながるわけでとても重要なんだけどな
そういう現実をわからないアマさんなのでしょう

ほんとだ。

プロの意地汚さ、みたいな現実を？

>プロの意地汚さ
こういう意地汚い解釈もできるんだ

売り上げのために2chを利用する人を「意地汚い」と呼ぶことが「意地汚い解釈」？
なんつうか、形振り構わない自分がみっともなく思えないんならそれはそれで凄いな。笑える。

いやスレだから。
おまいらがイケてると思うサイトをあげて、
それをおまいらが語るスレだろ。

トップページの画像にインパクトがある。
ttp://www.obuweb.com/
日本のサイト　上は知ってる人いるはず
ttp://www.plusminuszero.jp/
ttp://modc.seesaa.net/category/299894.html

>>438
一番上のサイト。
メニューのhover処理が気持ち悪い。リストの画像が消えるってのがなぁ。
Search to Salesってところの色も明度差が無さ過ぎる気が。
見栄えは良いと思う。

>>439
Search to Sales
更新履歴の古さを色で表してる。
使いにくいかもしれんが。

>>440
ああそういうことか、でも最低でも一段上くらいまでに留めて欲しいね。
ただでさえ文字が小さいところだし。

>>437
パスワードかけとけ、な？
それでオナニーしてろ、な？

飛躍っぷりにﾜﾛﾀ

http://www.videoboy.tv/top.html
ナウくてマブくて超トレンディーでぶっとびー!!

div div div div

align="center" align="center" align="center" align="center"

もうおまいらの好きな方法でいいお^^

>>444
これだけ重かったら意味ねえな

Operaこないだ8出たと思ったらもう9出たのか。
ﾎﾟｺﾎﾟｺでるな。もうちょっと固めてから出して欲しい。
まぁ、シェア2%だしどうでもいいか。

http://www.livedoor.com/
ﾗｲﾌﾞﾄﾞｱが生まれ変わりました！！！


もっと変わってると思ったのに

>>450
おえっｗｗすげーDIV厨...
以前はテーブルレイアウトだったし、物理マークアップだったかね。

DIV厨ってあのなｗ
テーブル使ったら厨、DIV使えばDIV厨。どっちならいいんだよｗ

>>452
どっちって

＞DIV使えばDIV厨
ってわけじゃないと思うけど

tableをやめてもdivを乱発したらダメじゃーん。

tableかdivて選択肢しか無いのか

dl厨という手もあるぞｗｗ

>>452
divを使う必要の無いところでdivを使うからdiv厨って呼ばれるんだろ？
div厨をDIV厨って大文字表記する奴も俺の中では厨認定だがｗ　ﾌﾟｷﾞｬｗ

でも知識ない人にはむしろなんでもDIVで囲まなきゃダメみたいな考えもあると思うよ
もちろんそれじゃプロはまずいと思うけど。

dlｻｲｷｮｰだなｗ

>>459
まさか<p>とかを使わずに全部<div>なんてこったねぇだろうなｗ

divを使うのってカラム厨だけでしょｗ
普通pとかをbody直下に直置きｗｗ

タグぐらい好き勝手に使ったら良いじゃないっ！

まぁ、一般人でソースまで見る奴はいないわな。
いいんじゃね？divだらけでもそれで更新しやすいんなら。

ただの趣味でやってる人間はソースぐちゃぐちゃでもいいと思うけどさ、
金取ってサイト作ってる、プロは絶対だめだよな。
英翻訳してる人間が、意味は通じるけどムチャクチャな英語で翻訳してるようなもんだろ？
それで金取るのはなぁ・・・。

>>460
いや、
<div><p>P一行でもdiv使っちゃうような人ってけっこういるんじゃないかとｗ</p></div>

dl ul レイアウトってマークアップ的に正しいのか??

>>438のようなサイトを作れるのなら、ソースは
div厨といわれるようなものでも良いと思います。

>>464
＞英翻訳してる人間が、意味は通じるけどムチャクチャな英語で翻訳してるようなもんだろ？
それはちょっと違うかも。
その例えなら、クライアントが使いやすさやシンプルさを求めたときにごちゃごちゃな
サイトをつくるようなもの。
ソース自体はクライアントが知るところではないので
翻訳ではなく翻訳機の中身と言った方が正確。

複雑なレイアウトにするならDIV増えるのは仕方ない。
ポータルサイトとかは特に。

>>467
どんなにデザイン的に優れていてもdiv厨はdiv厨だろｗ
ちょっと調べれば、ちょっと勉強すればわかることをしないのはプロ失格〜。

海外のイケてるとこの発表サイトみたいなのどっかない？

チェックの結果は以下のとおりです。

http://www.livedoor.com/ を XHTML1.0 Transitional としてチェックしました。
186個のエラーがありました。このHTMLは 18点です。タグが 31種類 566組使われています。
文字コードは UTF-8 のようです。

So-netとかもXHTMLだよな

ttp://www.so-net.ne.jp/

<div id="soHead">

ソヘッドｗ

ソー・ヘッド！

<div id="soBody">
<div id="soFoot">

当然のごとくｗ

俺なんか<div id="atk">とか完全に略すときあるから意味わからんかったりする。
たまにidやclassの名前で悩むのは俺だけかｗ

>>449
0.5%だぜｗｗｗｗｗ
逆にそれが小回りが効くしセキュリティの穴を狙われにくいって感じで強みだな。

製作者にとってはdivとかpなどの表現の仕方より見る人にどうサイトをアピールするかって言うのが
重要だといわれたんだが。

そりゃ当然だが、ルールに沿ってやろうぜってだけだぞ。
届出も何もせず人通りが多い場所で勝手に路上パフォーマンスするか、
ちゃんと届け出したり、やっていい歩行者天国などの場所で
ルールに乗っ取ってやるかの違いみたいなものだし。

素人ですがdiv指定が多いと何があかんのですか？

>>479
素人なら問題ないだろうけど、職業でやってる人がやったら恥ずかしいと思う。
俺も素人だけど、凝り性だから拘っちゃう。

>>479
無駄な転送量を食う。
管理しにくい。
くらいかな。

>480
そのやっちゃいかん理由を聞いてるだすよ〜

>481
転送量っすか。ブロードバンドで影響あるのかな。

>>482
ブロードバンドとか関係なくて、サーバーによっては一月の転送量が一定量を超えると
超過料金を取られる事がある。
数値的には微々たる物だが、一日何十万ヒットもアクセス数があれば結構影響あるかも。

そんなにアクセスないな
１日500ぐらい
なら、あんまり気にする事ないみたいすね

問題はどのくらい使うと「厨」認定されるかだ。

自分の参考にした本だと
まずメインの枠をdivで取って
その中でグループ分けはdivでやってますた

どのくらいとかじゃなくて、使う必要のないところで使うから厨認定されるんだろ。
技術というかhtmlの知識が無いのを露呈してるようなもん。

http://iamrice.org/
欧米人から見た日本語はカッコいいのだろうか…。

>>488
ワラタ

アイアムライスｗ

ライス長官のファンページならいいんじゃねｗ

　　 　 　 _, ,_
　ｗ　　（・ω・　）
　(~)､ /　　　i　 ）
　 ＼ `　|＿/　/|
　　 `ー_（　__ノ　|
　　　 （　 `（　 ､ﾉ
ｗｗｗｗｗ_ﾉ`i__ﾉ

>>488
意味わかんねーｗ
デザインも割とカッコイイし内容も普通なのに
私は米であるｗｗｗｗおｗおｗおｗ

　　　　_, ._
　　（　・ω・）　　もぅ　なんかこのスレ草生えすぎだよ。
　　○=｛=｝〇,
　 　|:::::::::＼, ', ´　ﾌﾞｰﾝ...
､､､､し ､､､((（.＠）ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

アメリカ人ってこと言いたかったんだろうけどさｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

　 ＜⌒／ヽ-、_＿_やってらんないよもう
／＜_/＿＿＿＿／

ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

　　　　　　　　　　　_, ._
　　　　　　　　　　（・ω・　）
　　　　　　　　　　○=｛=｝〇,
　　　　　　　　　 　|:::::::::＼, ', ´
ｗｗｗｗｗｗ､､､､､､し ､､､((（.＠）ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

Riceさんなのでは？

ttp://www.yomiuri.co.jp/index.htm
CSSサイトかと思ってｗｋｔｋしながらソース開いてXHTML1.0だったので
喜んでスクロールしてったらテーブルレイアウトだったｼｮﾎﾞﾝ。
しかし引っ掛かる理由となったhtmlとheadの間の奇妙に大量な改行が気になる、
誰か理由がわかる猛者はいないか。

Googleで、適当な検索語でサイトを順番に読んでゆき、DOCTYPEを調べて
リストアップする。


こんなスクリプトを作ったら。

>>499
xhtmlで宣言してるにもかかわらずテーブルなサイトってたま〜にあるよな。
なんのためのDOCTYPE宣言なのやら。
変な空白は、ほーむぺーじ制作ソフトで作ったらこうなったとか？

>>501
勘違いしているようだが、テーブルレイアウトでもXHTMLはXHTMLだぞ。

文書構造と見栄えを分離しないなら、ＨＴＭＬ4.01で十分だろって意味じゃね？

俺はXHTMLでもフォームのページにはtable使う。
CSSオフにしてもキレイに配置されるし。

>>504
見栄えのことを考えるんじゃなくて、その文書構造を考えるんだ。
まあフォームならテーブル（表）でマークアップするのは妥当かもな。

項目名をth要素、項目をtd要素。

<th>名前: </th><td><input ... /></td>

<th>名前: </th>

: ←これなんて装飾？

: ←これはあってもいいと思うよ。
CSSで記述しちゃうと再利用性がないと思われ。

どういう意味があるの？thとtdだけでの対比で十分じゃん。

>>508
HTML文書でどう書くかは著者の自由だろ。
作文とは違うんだよ。

>>502
XMLの応用であるXHTMLは
要素が整然としたツリーを形成する整形式でなければならない。
テーブルレイアウトで作られたページは、
DOCTYPE宣言がXHTMLでも、もはやXHTMLとは呼べない。
ということでは？
俺はそう考えている。

XHTMLのくせに Content-Type が text/html なのが納得できないってことなんだろ？

>>509
>HTML文書でどう書くかは著者の自由だろ。

んなわけあるか。仕様に従え。

>作文とは違うんだよ。

だからこそ最大公約数（＝仕様）に則ったマークアップが求められるんだろ。
「: 」とかいう意味のない記号並べるな。そんなもの飾りだ。

>>510
それは俺様解釈。XHTMLはXHTML。InvalidでもXHTML宣言があれば「InvalidなXHTML」。

言いたいことはわかるし、それが一番正しいこともわかるが
信者は消えとけよ

言いたいことがわかって正しいことも理解できてればお前さんも立派な信者。

>言いたいことはわかるし、それが一番正しいこともわかるが

苦しすぎるｗｗｗもうだめｗｗｗｗｗ

>>512
DOCTYPE宣言でXHTMLだと言い張れば中身は何でもいいと
それこそ俺様解釈だな

>>516
根拠が示されてないな。

StrictDTD宣言しといてフレームセット使えば「Invalidな（StrictDTDを宣言した）HTML」と表現できる。
そう表現できない理由（そう表現するべきではない理由、ではない）を述べよ。

横入りするけど、
宣言しただけで中身が違ったら詐欺やんけ。

泥饅頭を泥と思うか饅頭と思うかの違いだろ。間違いに違いないんだからどうでもいい

「淫乱女子高生ロリロリファック」
ていうタイトルのＡＶがあって、中身がババアだったら詐欺やんけ。

なんか見れるなら文法はどうでもいいって
言ってる素人みたいな。。。

>>517
XHTMLだと宣言すればXHTMLである、というのがお前の理論だから
その例の場合、Strictだと宣言すればStrictである　だな

お前の理論を応用すると、
中身がコーヒーでも店がコーラだといって売っていたらそれはコーラなわけだ。

>>520
そこまで酷いかは微妙だが
パケ写に騙されたくらいの事はあるなｗ

>>522
>XHTMLだと宣言すればXHTMLである、というのがお前の理論

外れ。
XHTMLだと宣言すれば、Invalidであった場合はInvalidなXHTMLと表現できる。

>>524
どう表現できるかなんてどうだっていいんだよ。
それはXHTMLであるのかないのか、お前の考えではどっちなんだ。

>>525
「どう表現できるかなんてどうだっていい」のはお前の考え方だからどうだっていい。

512
>XHTMLはXHTML。InvalidでもXHTML宣言があれば「InvalidなXHTML」。

これはXHTMLとしてInvalidだからHTMLです、なんてアホか。

>>519

Invalidって言葉好きだな。最近覚えたのかな？

企業のサイトのフォントを12pxで固定するのは悪ですか？
みなさんフォントサイズはどうしてます？

俺は基本90%がデフォ

うちは%で指定してる。
IEを切り捨てるならpxでいいんじゃない(笑

俺も%だな。
IEでは固定されても、他のブラウザ、FFとかで無意味だし。
固定するならめんどうだけど画像使う。

>これはXHTMLとしてInvalidだからHTMLです
誰もそんなこといってないｗ

Invalid、Invalidいってるけどそもそもvalidかどうかはこの際問題じゃないんだよな。
テーブルレイアウトでもvalid-XHTMLにはなる。
整形式でないマークアップをXHTMLとは認められないんじゃないかって話だったのに、
すっかり論点がズレてる。

実はem。
最近まで不具合がある事を知らなかったｗｗｗ
うちでは出なかったし。。。
今後を考えて%にしようかなと考え中
でも面倒だｗｗ

不具合ってマジかよ
全部emだ

>>535
ttp://cssbug.at.infoseek.co.jp/detail/winie/b048.html
うちでは起こってないけど一応あるみたいですよ。

フォントサイズなんて何も指定しないのが一番。
本文は%だろうがemだろうがpxだろうが、豆字も巨字も閲覧者に手間を掛ける。

全部同じ大きさだと見にくいです。

>>533
>テーブルレイアウトでもvalid-XHTML

XHTMLなんじゃんｗ

>整形式でないマークアップ

well-formedなんてvalid invalid以前の問題なわけだが。
線形解釈できなければXMLでない？アホか。

>>539
お前日本語の解釈の仕方が小学生並だな。
valid-XHTMLにはなるってのはvalidatorでvalidになるってだけの話だ。

>線形解釈できなければXMLでない

なんでそう一々曲解するんだ、めんどくせえなあ。

お前さ、XHTMLってなんですか？って訊かれたら
DOCTYPEでXTMLと宣言している文書のことです
って説明するわけ？

あれだな。
どっちが正しいとか間違ってるとかじゃなくて、ポリシーの違い。
こんな議論に結論なんて出るわけないんだから、もうやめようぜ。

ほとばしるはなぢ

>>530-532>>534
%とかemでも不具合でなかったっけ？
単位なしで指定しかなかった気が。
もちろん子や孫要素がない状態なら問題ないけど。

>>543
問題ありなのはキーワードとem
http://cssbug.at.infoseek.co.jp/detail/winie/b048.html
http://cssbug.at.infoseek.co.jp/detail/winie/b060.html

>>543
単位なしが有効なのはline-heightプロパティの値
font-sizeに関しては>544の通り

もう一週間ぐらいスレタイに則ったサイト貼られてないな…
探してくるか

うろ覚えで発言することは、本人が恥をかくだけでなく
知識をもたない人に謝った知識を植え付ける恐れもある
気をつけられたし

つーか、バーカバーカ

>>547訂正
x 謝った
o 誤った

おれもバーカバーカ

じゃー最近見つけた奴。
ttp://www.leo-studer.com/
【好きなところ】
・透明感
・色遣い
・欧文フォントでもサイズ小さすぎないところ
・けっこうフォントサイズ変化耐性があるところ
・最近流行りのクールになりすぎてないところ
【よくないところ】
・IE捨ててるポ（使えなくはない）
・多少div病
・リストと段落の使い分けがちょっと変
・人によっては背景画像はゴチャゴチャとダサく見えるかも
・幅固定でちょっと狭い

あ、気づいて掛けたらlintの点数よくなかった、忘れてスマソorz

>>512
>「: 」とかいう意味のない記号並べるな。そんなもの飾りだ。

それは違うだろ。

勘違いしている奴が多いが、HTML文書は電子テキストだが、普通の文書と同じ扱いをしなければならないと思うよ。
普通の文書でも「:」は使われるよな？
HTML文書では使っちゃダメなんて決まりはないよ。仕様にも反していない。

何でもかんでも「見栄え」と決めつけて分離したがる奴は、まだまだ *二流* といったところだ。
そこを正しく理解できていないと恥をかくぞ。

>>551
その意見には同意だが、：は本来テーブルのように区切りを示せない文章で
区切りと関連を示すために付けられる記号だから、
少なくとも>>505の使い方ではおかしいと思われ。

':'はコロンですよ、とマジレス

ttp://dictionary.goo.ne.jp/search.php?MT=%A5%B3%A5%ED%A5%F3&kind=jn
テーブルのth/tdの関係と位置で、既に:がなくても関係を示せてるからなあ。

>>549
水彩ぽい絵がすてきね
ところで、Nouvelles :の上の車が切れて表示されるんだけど、仕様？
IE６だけど。

ヒント：・IE捨ててるポ（使えなくはない）

フォームを半透明にするって綺麗だな。

>>549
ウホッ　いいレス…

>>549
透明感があってとても好きなデザインだけど、
下の方が変なはみ出し方してて、デザインが崩れてるように見える。
透明感出すため、わざとなんだろうけど不協和音聞いてるようで気持ち悪い。直したい。

まぁ、これはこうでこういうデザインなんだからいいんじゃまいか。

個人的には、下のｽﾞﾚよりも真ん中へんの国旗とかある画像が
周りにﾋﾟｯﾀﾘくっ付いてるけどこれを5pxぐらい隙間を空けたいｗ

下のズレはないと逆にあの一画の落とし所がないから絶対必要だと思った。
色んな意見があるものだなあ。

http://www.uploda.org/uporg437304.jpg
ブラウザのフォントサイズ設定14ptだと果てしなく豆字

キャプチャしてまで叩かなくても良いから。

叩いてないから
叩いているように感じたなら謝るがソースを出した方がわかりやすいだろ

そのキャプチャ見ても豆字には見えないな。
高解像度に合わないフォントサイズ設定してるんじゃね？

激しく亀田が、テキストインデント-9999pxの画面飛ばし肯定派ってスパムやってる人？
そういうせこいSEOage使わないと「アマちゃん」なわけ？

フォントによりけりだけど、基本的に日本語フォントで豆字だと汚いね。
読みにくいし。

まあ、英字のフォントの方が単純なので納得はできるが。

これで文章が読めると言うんなら何も言わない

>高解像度に合わないフォントサイズ設定してるんじゃね？
普段は無問題
ちなみに20インチ1680x1050な

>>566
一概に「SEOスパム」と言うことはできない。

というのも、ホームページ・リーダ 3.01までは「display:none」が適用されている要素を読み飛ばしてしまう。
が、これは正しくない動作です。

だからそれに配慮しているだけかもしれないな。

何の話してんの

display:none使うならdivとかspanでくくんなきゃなんないじゃん

>>566,569,571は自作自演か？
なんでこんな突拍子もない話題になってるわけ

>>566
前にあるとおりＳＥＯスパムと断定できない、
で、その手法だと画像非表示状態で何も表示されなくなるんで私的には好きじゃない

この板ＩＤ出ないのか

>>571
img でも　a　でも、classかid指定して、もしくはタグに直接style="display: none"で出来るじゃん。
divもspanも使う必要ないよ。

>>574
出るよ。sageると出ない。

これなんてアンジャッシュ？

だがさすがにstyle属性はありえないだろ

つ 【子供セレクタ】

>>572
話題についていけないならレスするなよ

スレ違いだっつーことだろ。

硬い感じと色合いがいい。
ttp://www.designgeezer.com/

左上のタイトルの付け方がなんとも。
ttp://www.freshdan.com/

配色がGJ
ttp://www.devlounge.net/

和風な感じ
ttp://www.ollikoi.de/

トップ付近の背景画像が嬉しい
ttp://blog.designdisease.com/

クールなはずし感がいい。
ttp://www.cynaskyweb.it/

カスイケスレの初代トップランクサイト
ttp://www.remus.dti.ne.jp/~a-satomi/

>>568
いやマジでウチで見えてるのよりデカイくらいだし。
でも視力も関係してくるから、やっぱりフォントサイズ変えるのは考え物だな。

>>580
１、紙が浮いてるように見せるための影、海外サイトで結構見かけるね。そのうちパクろう・・。
３、まとまってて見やすいサイトだね。いい意味でお手本て感じ。
４、タイトル画像のマス目模様がいいね、フッターの神社？のシルエットもイイ感じ。

>>568
20インチでそのサイズは解像度高すぎな気がする。

解像度はどうでもいいけど基準フォントが小さいんじゃないかな。
元々小さい字が好きな人なんだろう、きっと。

>>568
漏れも20インチでその解像度はおかしいと思う。
まあ、趣味の問題だけど。

>>584-586
設定を参考にしたいので環境を教えて

17インチCRTで1024*768ぐらいが多分普通。

>>587
メインで使ってるのは17インチ1280×1024フォント22px。

>>588
俺も１７インチ液晶で1024*768。
たぶんこの大きさ、解像度が一番多いんじゃないかと思う。

>>588
解像度はそれが一番標準だろうけど、今CRTってほとんどないんじゃね？

それにしても解像度高すぎだと思うよ。
液晶の場合はちょっとにじむから、解像度低目ぐらいが見やすいし。

俺は液晶の時は逆だ、
にじむから、にじまないように解像度を最高まで上げる。
15インチで2048×1480で倍率自体を150%かもっと上げてた。

俺は17インチの1280 * 1024だな。
1024 * 768だと何かボケてて嫌だ

おまいらって何の仕事してんの？

学生

Webの仕事なんざつくつもりはないな

何故？

>>597
学校柄なのかなんなのか、友人の親が専門的な自営業とか、
まあそういう会社に勤めたりしてるのが多いんだ。

Webの仕事だけで食っていく事は命を削るっていう評判。
単価の安い仕事を大量にこなすのばっかりだ、って聞いた。

もちろんまだ就職関連調べきったわけじゃないから、ゴカイがあるかも

20ワイドで1280*800
最大にするとなんか全体的に小さくて嫌

俺のサイトのアクセスログだと1280x1024が37.5％で一番多いな。
次いで1024x768が25.4％。
俺自体は21インチ液晶1600x1200。

液晶は液晶自体の表示解像度にdot by dotで合わせれば全くにじまないでしょ。

>>599
ワイドってそんな幅なのか・・・

>>600
その解像度が使用者に合うかどうかはまた別問題

appleの20インチは1680x1050だぞ。
俺のiMac 20インチもそう。広々で快適だけど。

>>602
使用者に合う合わないじゃなくて、
液晶ってのはCRTと違って物理的に固定画素で出来てるものだから、
dot by dotの設定が全くにじまず内容を正しく表示できるベストな状態なんだよ。

そのうえで文字の読みやすさを使用者が文字サイズで調整するのがモアベスト。

1 1024 x 768 x 32bit 44.6% 12,661
2 1280 x 1024 x 32bit 19.3% 5,496
3 1024 x 768 x 16bit 15.3% 4,354
4 1280 x 800 x 32bit 3.3% 942
5 1280 x 768 x 32bit 3% 877
6 1280 x 1024 x 16bit 2.2% 641
7 1024 x 768 x 24bit 1.7% 485
8 1400 x 1050 x 32bit 1.7% 483
9 1152 x 864 x 32bit 1.4% 420
10 1600 x 1200 x 32bit

半数は1024*768だと思って作った方がよい。

1 1024x768 38,401 64.03%
2 1280x1024 11,728 19.56%
3 1280x768 3,250 5.42%
4 1280x800 1,572 2.62%
5 1152x864 1,257 2.10%
6 1280x960 1,203 2.01%
7 1400x1050 1,049 1.75%
8 800x600 539 0.90%
9 1680x1050 323 0.54%
10 960x720 174 0.29%

800*600で動くゲーム関連のサイトです。

つーか画面いっぱいブラウザウィンドウ広げねーし。

だからそれは人による。

>>604
だからそれは人による。
にじんでも低解像度に落としてた奴なんてザラにいる。
にじむのがイヤで高解像度にしてた奴も当然いる。
ベストはその人が決めるもの。

そもそも解像度がどうとか拘ってPC使ってる奴は少ないと思うが。

貧乏学生が多くてワロスｗｗｗ

どうでもいいけど
>>604
"モアベスト"って言葉始めて聞いた。

>>612
民俗学板で見た希ガス。単に間違いかもしれないが。
超グッドと似たような意味かね。

カタカナ語と思えば別に変でもないとは思うがな。
”モットイイ”

>>603
あれ？マックって72が基本なんじゃないの？
20インチの1680x1050だとウインドウズと同じ96前後？

液晶の解像度にPCの出力を合わせたほうが文字が断然見やすいべ。
見易さはスキンのほうでボタンの大きさや文字の大きさをいじればいい。

わざわざにじんで歪んだ画面にして歪んでにじんだ文字を見るメリットは何もない。

>>612-613
more better って言いたかったんだろう。

おばちゃまー

>>617
more betterって…

more betterを知らないとは…

おばちゃま、ﾓｱﾍﾞﾀｰよw

ttp://www.zapzap.com/

ちんこい画面でネットでゲームやってる貧乏学生多いんだな。
1024x768って今時古いノートPCユーザーくらいしかいないんじゃねぇの？

>>619
http://www.google.co.jp/search?hl=ja&q=%22more+better%22&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=

アクセス解析見てきたら800*600が0.35%だった。
これはもうアウトオブ眼中でも良いって事ですか？

ちなみに、1024 x 768が40%、1280 x 1024が38%ですた。

おまいら！雑談ばっかして馴れ合っていないで
イケてるサイトを紹介しなさいよ！

その情報いくらで買う？

>>624
ちょ…そのしつこさ…別のところに生かせよ。

↑自分が間違ってたかどうかをうやむやにするタイプ

レス間隔で言うと619に対する624も624に対する629も同じだし、
時間を空けてもレスすることが「しつこい」のなら629の方が「しつこい」。

夏だね

てか別にしつこくもなんとも無いじゃん。
知らないなら知らないって認めりゃいいのに、
如何にもこのスレに居そうなプライドだけは高いタイプの人間だｗ

ID強制になれば、変な揉め事減りそうなのにね。
みんな疑心暗鬼になりすぎ。

ID強制な、もれもそう思う
少なくとも今よりは無駄なレスが減るのは明確だ

とりあえずIEを中心にCSSデザインしよう

IEを中心に全ブラウザ対応させろよ。

メル欄に何も書かない

>ちょ…そのしつこさ…別のところに生かせよ。

(pgr

>>637
それは強制じゃなくて任意じゃん。

IE7と火狐ではCSSは違う表示になるのかな

違う表示になる

以前の書き込みでIE7はメンテナンスモードに入ったとかあったから
IE7ももう駄目かもわからんね

違う表示にならない程度に収めときゃ同じようにはなる・・・・
が、元々対応が悪いからもう如何とも。

>>639
IDなんて簡単に変えられるし意味無くね？

ID変えてまで煽る奴はたいてい見分けがつくし
強制IDでメリットはあれどデメリットはない

雑談になるとスレが伸びるのな。

だって日頃ネタが無いから

ttp://www5.starhope-japan.com/

最高にイケてるぜ。
別の意味でな。

>>647
「タグ」は「打つ」ものなのか？
「打つ」のは手、とか、ボールとか、注射じゃないか。

http://www.google.co.jp/search?&num=ie=UTF-8&oe=UTF-8&hl=ja&lr=lang_ja&q=%E3%82%BF%E3%82%B0%E6%89%93%E3%81%A1

メモ帳やらテキストエディタでサイト作るとき、「手打ちで作る」って言うよな？な？

>>647
単に作りかけなだけじゃねーか。

キーを打つって事でしょ。
確かに違和感はあるけど。

何かの歌詞で
「hit a song on your screen」っていうのを聞いたことがある。

ホント全然関係ないけど。

>>648
キーボードを打つって事じゃない？

「タグ」を「蕎麦」に例えて「タグ打ち」つー意味だろ

>>648
打つじゃなくて打ち込むだろｗ

うちのログに画面サイズ5,120×1,600ってのがいるんだが・・・どういう環境なんだ？これ。

>>657

デュアルじゃねぇの！？

30インチワイド2560x1600が横に2つということでしょう
普通に考えればわかるだろうに...

> 30インチワイド2560x1600

この解像度もあまり一般的じゃないからわかりにくくても無理はない

いや、普通には分からんだろ。
モニター二つ使って閲覧してるって事か？

>>660
わたしの知らない世界ってことね、了解
現在出てる一般的な30インチワイド液晶はほとんど2560x1600だからね

とりあえず参考まで
http://jpstore.dell.com/store/newstore/dhs/dhs_catalog_349.asp

無知なことを自慢されてもな〜困っちゃうｗ

>>661
それ以外に何がある

MoMA Online Store Japan
ttp://www.momaonlinestore.jp

インテリア系のサイトってレベル高いよね

>>664
そんな事出来るとは思わなかった。
てか何でみんな知ってるのか分からん。
電気屋とか行っても繋げてるやつなんて見たことねーしorz

30インチワイド液晶があまり一般的でないという考えには至らんのだろうか

30インチディスプレイの発想がなかったとして
作業領域の問題でセカンダマリモニタがなくても作業できるっていうのが不思議なんだけど
まぁ、漏れの感覚がずれてるんだね
わかったよ

やっぱりみんなブラウザはwindowsXPなんですかね？

>>669
それはOSだろ？

��(´Д｀；)釣りか??

ぺけぽんのほーむだよ

>>670
あ、OSって言うんですか。
じゃあみんなOSはInternet Explorerなんですね。

皮肉だろ

はいそこまで

なんのスレやねん

>>675
http://etc4.2ch.net/test/read.cgi/male/1146976391/

ここの会社の作るサイトはどれもいけてる
ttp://mgmg.tv/ct/koyama/

>>677
ここにも現れたか。
とりあえずスレタイ読め、アホ。

>>665
テーブルじゃん。他逝け。

ttp://www.emergestudio.co.uk/shotai/
何かフッターにtableあるけど、キティの寿司がｗ
げとぇって何？

>>680
重箱の黒と赤に花を添えたようなふいんきだね。結構いいと思う。

>#BeginLibraryItem "/Library/shotai_footer.lbi"
ってのがテーブルのところにあったので、lbiで調べたらDreamWeaverのライブラリアイテムなんだな。
だからテーブル部分は別で作ったやつを持ってきたんだと思う。

デザインは自分も結構いいと思う。

げとぇ　ってなんだ？ｗ

http://blog.worldending.jp/
神

>>684
Javascriptオフ環境を考慮してないね。
ヘッダーはしょぼい。
他のグラフィックが良いだけに気になる。
てかああいうグラフィックってどうやって作ってるか分かる？
illustratorでパスで描いてるのか、フォトショのブラシなのか、写真のテクスチャなのか…。

>>685
JavaScriptをOffにしても特に問題はなかったなぁ。

>>684

ぱっとみはなかなかきれいだね

ソースは見出しの順番ばらばらだったり
いきなりインライン要素でたり結構ひどすぎるが
テーブルよりはましか

>>684
http://www.css.mohei.info/に追加して良いサイトだけど
さすがに神はいいすぎ
おまいの視野の狭さに乾杯

>>688

追加するにはふさわしくないでしょ
きれいだとは思うけどね
ソース見てから(ry

それよりもへいがまだ生きてるのかどうかが気になる。
サーバもそのうち消えるんじゃね。

>>684
グラフィックは良くできてるけど、全体的にすごいスカスカ感があって、個人的にはあんまり好きじゃない。豆字だからかな？
特にコンテンツのリスト部分（左上のTAG　Mac　Apple.........の部分）は豆字だとユーザビリティ的にどうだろ。
なんか「見せるサイト」であって「見てもらうサイト」ではない感じ。
全体的には良く出来たサイトだし、まとめに載せてもいいと思う。

>>691
必要性の感じられない装飾が目立つんだよね。
ページレイアウトも意味不明だし。

めがねやさん
ttp://www.glassfactory.co.jp/

>>693
>>684のサイトと同じ匂いがする。作成者同じか？

>>693
ナウくて超トレンディーでマブい。

＞＞693
おいおい、こんな完璧なデザインのサイトがあって良いのだろうか

>>693
イケてるデザインとは正にこれのことだ！

>>695-697
禿同

釣りかと思ったら>>693はマジで良デザインなサイトだった
驚いた。

>>693

いけてるか？
おれはまだ>>684のほうが好きだな

で、このめがねやもソースがうんこなみなわけだが？
body２つもあるしひどすぎじゃないか

>>700

このスレ的にはどっちもアウトだね

(X)HTMLの部分がどうしようもないくらいひどすぎ

>>695-698あたり。あとたぶん>>699も自演か。

>>684
グラヒックのレベル高いけど
なんかばらけた感じであちこちにポイントが散らばり過ぎて視点が定まらんな。
視線の流れとか考えた方がいいとおもた。

>>693
ディーーーブディブ♪
ディーーーーーーーーーブディブ♪
ディブディーブ♪　ディブディーブ♪　ディブーーーディーブー♪

>>704

div以前にbody２つあるし
インライン要素の中にブロックレベル要素いれてるしｗ

デザイナーとコーディンガー（コーディングする人、今作った。）
は分けるべきだ！と言ってみる。

コーダーだろ、それいうなら

俺的には無難なデザインできるコーダーのほうがまし

デザイナーとかデザイン”だけ”凝ってるやつって素人と変わらないよな…

コーディンガーなの！
コーダーだと笛みたいでかっこ悪いの！

ばらけた感じするかなあ。
かなりまとまってて見やすいと感じた

http://blog.worldending.jp/archives/2006/07/float.php
これって正しいの？

>>710

書いてあるがバグじゃなくて仕様
仕様と言いながら、バグとか言っちゃってるからあんなソースになっちゃうんだろうな…

対処法は定番だし、これでいいと思うけどね

>>707
そうか？
俺がデザイン会社の採用担当だったら、デザインが凝れる人の方を優先するな。
だってコードなんて勉強すれば誰でもキレイに書けるし。
それに無難なデザインが出来ない訳じゃなくて、しないだけだと思うが…。
自分のサイトだから凝りたいだけ凝った方がアピールできるし。

ちなみにあの図は間違ってるはず
左右のボックスの高さは無視されるはずだったと思うけど

>>712
>だってコードなんて勉強すれば誰でもキレイに書けるし。

この時点でなにか勘違いしてると思われ
デザイナーがまともなコード書いてるのを見たことがない

>>714
勘違いも何も、そのデザイナーが勉強してないだけじゃんｗ

>>715

だなｗ
だけどそれが現実なんだな

上にでてるサイト見てもわかるだろうｗ

>>713

一応確認したが、やっぱり浮動ボックスの高さは無視される、が正しかった
だから、あの図はちょっと間違ってるね

デザイナー(?)にしてはがんばってると思うけどね
コーディングに関してはプロよりそこらの素人の方が優れてるよな…

何年も前のコードを考えたら今のコードは大分キレイになってるよ。
まだまだこれからでしょ。

>>717
>デザイナー(?)にしてはがんばってると思うけどね

デザイナーにしては頑張りが足りない、と言うべきじゃないか？

てか、コーダーとデザイナーはそもそも違う職種なわけで・・・

まぁ現状はごっちゃだけどね。

>>719

デザイン面ではそうかも
デザイナーかどうか知らないから何とも言えないけど

Javascriptメニューはうざいけど、個人的には好き
ま、ソース見て幻滅したわけだが…

http://www.granvia-osaka.jp/

ホテルのサイト

>>722

まあまあ

ただ商用サイトはソース的にまともなのは無理だと思う
案件によってはソースのレベル落とさないといけないだろうし。

このサイトは案の定XHTMLがひどく、
これはわざとやってるというわけじゃないっぽいけどね、

このスレ的には個人サイトのほうがいいと思うんだけどな
日本のサイトでそういうのなかなかないよなぁ…

>>711
どうみても逆だろｗ
見せるための目的でサイト構築してるんだから、デザインでひきつけないと印象に残らん。
綺麗なソースだねなんて印象に残るやつなんて1/10000人ぐらいだろｗｗｗ

それにやろうと思えば綺麗なソース書くぐらいは誰でもできるしな。
だが、デザインはセンスがないとだめだし、磨くのにも数年単位でかかる。
綺麗なソースがかけないデザイナーだらけなのとは全く別問題。

ｺﾞﾒﾝ間違い。
>>707へね。

>それにやろうと思えば綺麗なソース書くぐらいは誰でもできるしな。

じゃ綺麗なソースで書けばいいのになんでわざわざ汚いソース書くの？

>>723
＞XHTMLがひどく
の意味がわからんのだけど、誰か解説きぼん。
どの辺がひどいのか書かないと中傷してるようにしか見えん。

そりゃ当然、勉強してないからでしょ。

じゃどのみち「綺麗なソースは書けない」わけだ。少なくとも今は、な。目糞鼻糞。

まぁデザインセンスを身に着けるよりはコーディング技術勉強する方が割かし簡単だな。
センスは一生身に付かない場合もあるし。

>>724

>見せるための目的でサイト構築してるんだから、デザインでひきつけないと印象に残らん。

だから素人だっていわれるんだよ
きれいなソース書けるやつがわざわざ汚いソースかかねーよ？


きれいとかきたない以前に

根本的に　間違っている　んだから

>>727

とりあえず目立ったのは

いきなりインライン要素書いてるとことか
改行やフロートをクリアーするためだけにbr要素使ってたりとか

>>732
brは分かるけど、いきなりインライン要素ってどこのこと？
あと他の細かいところも参考までに聞いておきたい。

>>733

a要素とか
完全に間違いじゃないではないけど、div要素の直接の子にするのはどうかと
あとこんなにdivで囲まなくてもよくない？と

商用だから仕方ないとこもあると思うんだけどね、target属性とかなんかはさ

>>695-698
自演かネタか
どちらにしろﾜﾗﾀｗ

ここで批評してる香具師らって、
きっと誰もが感動するすばらしいセンスでデザインできるうえに、
誰にもツッコミ入れられない綺麗で完璧なコード書くんだろうねｗ

ぜひ見てみたいものですｗｗｗ

>693のどこがイケてるのかﾜｶﾝﾈ
フツーの素っ気ないサイトに見える

>>736

ここまででたようなミスするやつはいないだろ

>>734
divは確かに必要ないとこもあるっぽいな。
targetは、商用にしろそうでないにしろ、
ユーザビリティを考慮してtargetにした方がいい場合も少なからずあるので、
一概にイクないとは言えないと思ってる。今回のはいらんとこでも使われてるけど。

>>731
ソースが綺麗だろうと、見かけで惹きつけられなきゃ意味無いだろ。
ソースが汚かろうが、印象に残るのは圧倒的にデザインが良い方。
一所懸命綺麗なソース書こうが、奇特な奴しか見てくれんよ。
SEO？検索エンジンに引っかかりやすい綺麗なソースより、
より人がリンクしたくなったり話題に出したくなるデザインの方がずっと宣伝効果も↑。
それが現実。

ソースが汚いけどいいデザインに負けないように、
綺麗なソースを前提としてデザインで勝負すれば？
デザインで勝負出来ないからソースの綺麗さに拘ってるなら知らん。

>>740
>ソースが綺麗だろうと、見かけで惹きつけられなきゃ意味無いだろ。

Webの知識を持って、Web特化したデザインできる奴って少ないよ
デザインだけならいくらでもできるやつはいるけどね

CSSでイケてるデザインサイトスレだから、
当然、ソースが適切であることを前提として、デザインもすばらしいサイト、
ってのを俺的には期待しているんだが…

海外にはいくらでもあるのだが、プロですらあんな感じで、
ちょっとなぁ…って思う
クライアントの知識不足もあるだろうから、個人サイトの方がやりやすいだろうね

>>736の書き込みで自推だったことが浮き彫りに

>>740
>より人がリンクしたくなったり話題に出したくなるデザインの方がずっと宣伝効果も↑。

一般的なユーザは「リンクする」ことも「話題に出す」こともしない。
せいぜいブックマークする程度。もちろんコンテンツが伴うことが大前提で、な。

一つ、W3Cに準拠した正しいソースであること。
一つ、人を惹きつける魅力的なデザインであること。
一つ、ユーザビリティに優れた見やすいサイトであること。

以上を目標に、素人である私はどっかで雇ってもらえるように頑張っていく所存であります。

>>743

いいね、いいねー
実際、それができるようなら雇われる分には十分だね

でも雇う側の水準の低さが目につくだろうから、
仕事覚えたら独立も一つの手かもね

正しいソースは仕様書見ながら正しく書くように気をつければ身につけられる。
ユーザビリティは見る人のことを思いやれば自然と身につく。
でもデザインセンスは・・・学校通う暇も金もないしなぁ・・・どうすりゃいんだろ

>>745

その論理なら

デザインは他人のデザインを真似すれば身につけられる

>>742
まあ>>695-699のありえないレスで、既に自推臭ぷんぷんだったが。
むしろ臭すぎてネタかと思ったが、これは本物かもな。

>>745

そうだね
>>746の言うように真似するのも一つの手だと思うが…

全体としてまとめるのがむずいね

無難なデザインならコツ掴めばできると思うんだけどね
デザインに関しては、テーブルデザインだろうがなんだろうが、
他人のサイト見るのが役に立つと思う

デザインでいうとやっぱ海外サイトがｶｺｲｲ

>>747
まあ確定的になった、ってことでひとつ。

>>748
たまにはウェブサイト以外のものを見ることも必要だよ。

>>741
まあ、クライアントを説得するのも技量の一つな訳で
後から修正とかでソースがとんでもない事になるとかあるみたいだな
それ以前のページばっかりだけどｗ

あと、デザイナーにとってWebってのは
デザインを推すあまたの中の1つの手段でしかないんだよな
特に才能がある人ほど、色々手を出してるのが多いから、知識とか以前の問題になるし
だからWebに特化していいデザインってのがなかなかないんだろうなと思う

>>742
俺の周囲では普通に話題に出るな
気に入ったページだとblogとかで話題に出してるやつもいるし

>>751
>あと、デザイナーにとってWebってのは
>デザインを推すあまたの中の1つの手段でしかないんだよな

たしかに
別にデザイナーのデザインをコーダーが起こしてるサイトでもいいんだが
なかなかないね

海外のサイト(ソースもデザインその他)見てから日本のサイト見ると・・・ってなる
なんだろ、この感覚ｗ

英語と日本語の違いもありそう
英語だと短くスタイリッシュになる文章が
日本語だとイマイチとかさ

>>751
>俺の周囲

その「周囲」がインターネットヘビーユーザかも知れない、って話でしょ。
ウェブログ持ってないユーザと持ってるユーザのどっちが多いのか、みたいな。

海外サイトはｶｸｲｲのも多いんだが
懲りすぎて画像やレイヤで重い所とかあるんだよな

ttp://www.dts-s.com/
こういうのの海外版みたいなのがあったと思うんだけど、どこだっけ？

ここ、自推のフリして煽るとすぐにひっかかるのなｗ
単純バカばっかｗｗｗ

ネタだと思ってたら、ガチで本物みたいだな

ホントにいるんだねえ、こういう人。
リアルタイムで遭遇したのは初めてだ。
痛いことこの上ないな。

さてIE7β3きましたね
治る所治ったかな

NYSE Group, Inc.
ttp://www.nyse.com

>>761
スレ違い。

ブログやってる→ヘビーユーザー
って主張してる人がいると聞いて飛んで

なんだ、聞き間違いか

http://www.glassfactory.co.jp/

晒し上げ

デザイン的には悪くないかもしれんけど、色覚に難がある人には辛いだろうなこの薄さとかは。
ソースはノーコメント。

>764
何レスか前に既出だろボケ

だから晒し上げなんだろ

晒す必要ねーだろボケ。宣伝乙死ね。

http://www.glassfactory.co.jp/

カルシウムの足りないやつだなあｗ

http://www.glassfactory.co.jp/

カルシウムっていうか致命的に読解力がないだけだろ。宣伝乙とか言ってるし。

>>770
お前は洞察力０の池沼だろｗ

>>764＝>>769-770

>>765
そうか？背景色と文字色の明暗はとても強いと思うけど。
背景画像の区切りセクタは見えなくても別に問題ないところだし。
それよりも明暗あっても字が小さくて見えないのが致命的。

>>693　>>695-699　>>764　>>767　>>769-770
宣伝用の板あるからそっちでやれ。な？

http://www.glassfactory.co.jp/

>>693-775
ここまで読み飛ばした

私怨なのか宣伝なのか知らんが鬱陶しいな。

http://www.glassfactory.co.jp/

お前らいい加減にしろよ

http://www.glassfactory.co.jp/

>>777
お前がいい加減にしろ。

つまんねぇよカス

http://www.desarrollosdigitales.net/

http://www.mediamente.biz/

なにこのパクリ。
しかも両方ともcss maniaに載ってるしｗ

確かにこれはスゴイ（後者はソースもひどいな）。

だが、ここはパクリサイト報告スレじゃないぞ。

紹介は1回だけでいいですよ。

どっちがパクり？

ドッチもそこそこクオリテイ高いからどっちでもいいんだけど

bizのほうテーブルじゃねえかｗ

http://www.an32.net/index.html
これぐらいシンプルでいいのに

cssでスペーサーgifは今までにみた事が無い酷さ。

具体的にソースが悪いってのはこういう事か？

http://www.ktv.co.jp/

http://ffmp.hp.infoseek.co.jp/cgi-bin/fswiki/wiki.cgi?page=FrontPage

最近はこんなページまでCSSで涙が出ますね。

おめーらとっととカッコイクてステキなサイトうｐれや

http://www.55dsl.com/

cssだけでナビゲーションやってたんで。
http://www.amonet.co.jp/

>>791
<!--[if lte IE 6]>
<a class="sub" href="/products/products.html" title="製品メニューへ">Products
<table><tr><td>
<![endif]-->
こういうのが入ってもCSSだけと言うのか・・・？
IE無視すりゃCSSだけのプルダウンメニューは簡単なんだが、
IE考えるとどっかみたいに99%CSSとならざるをえないような。

http://werk3kom.com/
こういうのシンプルで大好き。

>791
へぇそんなんできるんだ。
javascriptシコシコしなくていいんなら、
１セルのテーブル入れてもいいかな。

ていうと怒られるかな？

>>793
幅が狭すぎることと字が小さすぎることを抜かせば、割と好き。
・・・だが、一番上の空白が気になるのと、
点数低すぎ。減点の内容悪すぎ。33点だぞ。

>>793
ビジュアルが安っぽい。
訴求力が無い気がする。

>>348です。
IE7ベータ2で不具合のあった俺のブログ、
ベータ3にしたら問題なく表示されてます。良かった。
以上ご報告でした。

自分で「ご報告」とか言うな

>>798
過敏に反応しすぎ。
やはりこのスレの住人だけはあるな。

>>797
自分で「ご報告」とか言うな

>>798
自分で「ご報告」は問題ないよ。

ttp://www.hellonavi.com/foldera/keigo_point.htm

このスレの住人ハゲ多そう。

なんで報告だけごつけるんだ？って事だろ。

>>799
うっせーハゲ。

>>797
自分で「ご報告」とか言うな

>>800
「以上ご報告でした」が謙譲表現かよく考えろ。ご報告いたしました、ならまだしも。

「以上ご報告でした」の検索結果 約 379 件

http://katati.net/
まさにアート。正直かっこいい・・・。

「ご報告でした」の検索結果 約 81,100 件

>>805
典型的なDIV病

IE7 beta3 ってスタンドアロンで動作しなくね？？

Windows2000だから試せないや

>>807
まあグリッドデザインだったら、ある程度は仕方ないと思うよ。
DIVが増えるのは。

>>805
DIV大杉、DIV病。

>>810
むしろリキッドレイアウトの方がDIVに頼りがちになるんじゃないか？

>>805
末期DIV病、氏んだ方がいいなこりゃ

>>807

>>787よりましｗ

>まあグリッドデザインだったら、ある程度は仕方ないと思うよ。
DIVが増えるのは。

>むしろリキッドレイアウトの方がDIVに頼りがちになるんじゃないか？

んなことないｗ


>805

これなんか、なんでこんなのに大量にdiv、span使ってるんだ、
って話だな

スタンドアロンでIE7 b3うごかなくね？？

ttp://blog.livedoor.jp/live22x/
自薦。見やすいようにと思って頑張って作った。
でもｱﾌｨﾘｴｲﾄはだめっ！って2ch決まったらしい？ので半永久的に更新停止。

>>815
リンクの下線って邪魔だよね。とくに文字列が長いと。

「参考程度に」程度のお遊びで。
ソース汚いしユーザビリティ低いけど、横スクロールでのデザイン。
ttp://www.takingweb.com/
ZENにもあった。
ttp://csszengarden.com/?cssfile=/058/058.css

横スクロールものって一昔前のオールFlashなサイトで流行ってたけど
結局衰退したな

企業サイト ユーザビリティランキング2006
http://itpro.nikkeibp.co.jp/article/COLUMN/20060605/239947/

なんつうかもうひどいな

>>819
そもそも企業サイトを全部見たのかと・・・
一位でこれ・・・・・・・
何か変な金でも動いてんのか

電通（笑）

電通ランク外からいきなりのUPｗ

>>805
DIVの入れ子は飾り枠でも使ってるのかと思ったけど
そうでもないんだな。

知名度がある企業って事じゃないの？

電通はそれ系の業界なら知らない人は居ないだろうけど
一般人ならどーなのよ

あくまでもユーザビリティだかじゃないか
いや、NECが使いやすいとは思えないけども…。

>>815
全体的にギュウギュウな感じで、居心地が悪い感じ。
多少面倒でも、marginとpaddingの設定はそれぞれについて
満足いくまで推敲すべきだ。　推敲とは言わないかな。
あと、色合いも軽すぎるかな。
ところどころアクセント色いれるとか、濃いめの色つかって
強弱をつけると安定して見える。

>>815
リキッドか、左サイドバーの可変はemで指定した方が良いと思うよ。

http://www.jonathan-charles.com/index.php
かーわーいーいー♪

http://www.e-knjige.net/
なんだかんだでやっぱ重要なのは画像作る能力だな

>>829
必然性のないデザインって奴？

いちいち必然性とかいって合理性ばっかり求めてるから
センスねーままなんだよ

ありがちで面白味ないな。

ユーザビリティ、アクセシビリティを重視しているサイトはそうでないサイトに比べ・・・

てか必然性の意味分かってないでしょ。

必要性の間違いじゃないの？

>829
のサイトが何のサイトなのかよくわかんないけど、内容に合っていたらデザインも雰囲気作りとして必要なんじゃないか？
もちろんユーザビリティ、アクセシビリティも絡んでくるけどさ

>>829って単なる極小規模なリンク集じゃないの？

いや、小説か自伝っぽい気がする。
セルビア語なんて分からんが。

セルビア人の割にはよく頑張ったで賞

折角すごいいいのに、リンククリックすると本の長さが変わるのはいただけない。。。。
最初からある程度の長さ・大きさにして固定してあったら神

映画サイトみたいにすごいよね。

高さ固定にして擬似インラインフレームのスクロールバーが出るよりはマシかなと思う。

>>840
「映画サイトみたいに」という部分は同意しかねる。

日本沈没のサイトはそっこー閉じたなぁ

映画サイトはたいてい欲しい情報に辿り着けないことが多い

ttp://www.csselite.com/

css maniaに載ってたんだが、ぶっちゃけ見た目もソースもユーザビリティもイケてないよな？
ああいうとこって、ギャラリーサイト同士の馴れ合いみたいなところはあるよね。

馴れ合いちうか、政治的なもんは絡んでくるだろ
「あの有名な〜」みたいなよ
日本でも最近そんなのがいるしな

http://www.meiji.co.jp/

IEだときれいにBOXがそろって見えるｗ
これってユーザビリティ？

>>846
IEでもFxでも、背景色（設定無しだからPCの設定によっては）違いだけで同じに見えるが。

BOXってどこのことかわからんが、それよりもどこへ行っても「商品ｶﾀﾛｸﾞ」と「ショッピング」のナビの色が変わってるのが気になる
こういう仕様なのかなんなのか

たぶん商品ググってくる人や、ショッピングもやってますよっていうアピールじゃないかな。
これもある意味ユーザビリティに配慮している？のかな。

わかりづらいよ
閲覧中と勘違いするわ

「冷やし中華始めました」
みたいな感じか？

http://mixi-tips.jp/

http://www.folietto.at/

これはひどい

こっ・・こんなこともあるさ！！

ついでに、両方とも僕のイケテルデザインサイトブックマークに
吸い込まれていった；；

>>852
URLの貼る順序に乾杯ｗ

単に色が似てるだけじゃん。

まあ、よくみてみ？

こういうのって、どっかのテンプレート配布サイトから
引っ張ってきてるんじゃないの？

foliettoは色んなポータルに出てるからな。
明らかに上のサイトがパクリ。

見てもこの程度でパクとは思わんというか、ここはパク報告スレじゃな（ｒｙ
そんなことよりも
http://mixi-tips.jp/→92点
http://www.folietto.at/→35点
このスレの評価に値するのは上だけ。

>>861

点数鵜呑みにする程度のレベルのﾔﾂしかいないのか？

まあ、70点くらいじゃねーの

>>862
>>1も読めない程度のレベルの奴がいるのか？
>　1.Strict な精神、Another HTML-lint で 100点かそれに準じる得点

>>863

おまえが読めてないと思われ

>　1.Strict な精神

最低限点数がよかった上でStrictだから、そもそも点数が低いと話にならないだけ。

ソースの内容的には、ミクシィのがずっと綺麗。

>>862
70点て何の点数？

>>867
英語の点数。
数学が赤点だったのは言うまでもない。

自分で打った部分は100点だったんだけど鯖が勝手に入れる広告の部分でひっかかった俺はどうすれば・・・

>>869
ジオだったらValidにしてくれるDTD公開してるところがあったと思われ。

>>868
日本語じゃないのか？

こんな分かりやすいパクリ方をする奴が社員にいたら、最悪！

>>861
禿しく同意

この程度でパクリとは思わん、ってどう見てもパクリだと思うよ。
まぁ、パクリでもそれなりの技術は持っているみたいだけど。
デザインセンスが無くてきっと葛藤したんだよ！

ところで、下のサイトにあるみたいな
ギザギザの☆流行ってるの？WEB2.0？
そこらかしこで見るんだが。正直ダサいと思うんだが。

>>874
パクリを検証したかったらオチ板に池。

検証するまでもないなこれは

ヘッダの画像が全く同じものなんだけど...

気付かなかった！

必死でパクリを主張する人間は
このスレを何だと思ってるんだろう

truetech
ttp://truetech.org

やっぱ、グラデーション最強伝説

<div id="header">
<div id="headerimg">
<h1><a href="http://truetech.org">truetech</a></h1>
<div class="description">technology, media, and other stuff like that</div>

<br /><br /><br />
<div id="buttons"><ul id="mainlevel-nav"><li><a class="selected" href="http://truetech.org">Home</a></li>
<li><a href="http://truetech.org/about/">About</a></li>
</ul></div></div></div>


div病の走り。

http://www.folietto.at/grafik/head.gif
http://mixi-tips.jp/images/top_image.gif
ファイル名が違うのみ

どうみてもパクリです
本当にありがとうございました

で、済む話なんだけど、パクリじゃないと主張する奴が話を長引かせているんだな

>>884-885
とっくに終わった話を蒸し返してるおまえらが長引かせてる

一言で言うとスレ違い。

>>885
なのにもかかわらず終わらせたい一心で>>886-887が自作自演しております

終わらせたいのは>>885だから、自作自演は>>885-887だろう。

>>884,885は漏れだが他はしらん

つまり>>884=>885=>>888=>>890なんだな

>>884,885,890,892だ
頭悪いなお前

んじゃま、荒らしとくか









頭悪い>>891のために

　　　　　　　　　|　すみません
　　　　　　　　　|　となりでワッショイしてもよろしいですか？
　　　　　　　　　＼＿＿＿　 ＿＿＿＿＿＿＿＿＿＿＿＿
　　　　　　　　　　　　　　　∨

　　　　＿＿∧＿∧＿_／■＼＿＿＿_
　　　　|　　（ ；´∀｀）　（´∀｀　）　 　 　.|
　　　　|　　（　　　　） ⊂　　　　）　　　　|
　　　／￣（　（ 　（ ￣（　（ 　（　￣￣／|
　　　||￣ （＿（＿）￣（＿（＿）￣￣||
　　　　　　　 ∧
　　　／￣￣　 ￣￣￣￣＼
　　　|　（エッ！！）　　　　　|
　　　|　 ど、どうぞ・・・・　　 |


　　　　　　　　　おにぎりワッショイ！！
　　　　　＼＼　 おにぎりワッショイ！！　／／
　　　　　　 ＼＼　おにぎりワッショイ！！／
　　　　　　　　 　 +　　　　　　　　　　　　　+
　　　　　　　　　　　　　+ ／■＼　　+
　　　　＿＿∧＿∧＿_ （´∀｀∩）＿＿ +
　　　　|　　（´∀｀； ）　 （つ　　丿 )） 　|
　　　　|　　（　　　　）（(　（　ヽノ　　 　 .|
　　　／￣（　（ 　（ ￣￣し（＿）￣￣／|
　　　||￣ （＿（＿） ￣￣￣￣￣￣ ||
　　　　　　　 ∧
　　　／￣￣　 ￣￣＼
　　　|　 ・・・・・・・・・　 |

　　　　　　　＼＼　ワッチョイでち！！　／／
　　　+　　　+　＼＼　ワッチョイでち！！／+
　　　　　　　　　　　　　　　　　　　　　　　　　　　　+
.　　　+　　　∧∧　　　　 ∧∧　　　 　∧∧　　+
　　　　　　 (*・д・)　　　 (,,・д・∩　　　(・д・*)
　+　（(　〜（_っ,,っ 　 〜（_つ,,ﾉ　　　⊂,,⊂_ﾉ〜　)）+

>>865

逆だろｗ
Strictだから点数がよくなる

>>867

Strict的に70点ってこと
まあ4.01 Transitionalだがな　そこは

>>986
Strictだからよくなるわけじゃないぞwww

んで、パクリ否定派はどこにいったの？

ALL DIVでも100点は取れるかな

>>897

100点取れてるからStrictな精神なわけじゃないぞｗ

まあどのみち70点ってとこだ
見てわからなきゃ勉強しれ

要するにパクリだったという結論でおk？

>>901

だれが見てもそうだろ
よってこのスレ的には0点

>>898
885によると、話を長引かせたい奴が否定派らしいから、
おまえが否定派。

>>900
当たり前だろ、>>899みたいなのもあるしｗ
でも点数が低くちゃStrict精神以前にそもそも話にならないって話だったろ。

lintの点数外で俺様基準で点数つけるのはバカだと思うがな。

>>904

>点数が低くちゃStrict精神以前にそもそも話にならない

これはそうだろうな

>lintの点数外で俺様基準で点数つけるのはバカだと思うがな

知識の乏しいやつが客観的に判断する基準にはなるとは思うけどね、lintは。
だが、lintだけじゃわからないようなのがここのところずっとでてるわけだが？
点数はともかくとしてStrict的にはいまいちだな、ってことだ
まあパクリのやつはその時点でアウトだがな

アウトなら初めから話題にすんなよ、スレ違いで終わらせろよおまいら。

とりあえず貼りつけていきますね。
ttp://sonspring.com/

>>906

そうだな
リンクさんきゅ

だが、海外はCSSデザインある程度出てきてるけど、
結局ソース見ると幻滅するの多いね…

多少のdivは許せるが、div要素のみとか、いきなりインライン要素とかは許せんな…

>>905
点数悪かろうがdiv多かろうがデザインさえよけりゃって奴は
昔からStrict精神どころかlintすら無視の貼ってたよ。
それを嫌がってlintの話題を出した人間に対して
点数だけじゃわからないとか敵意むき出しにしてどうするよ。
言うべき相手を間違えてる。

>>906
幅固定はそういうのを見ると強いと思う・・・・が。
色は好き。

一時期lintは止めてw3cのvalidatorが基準になってたがいつの間に止めたの？

>>908

なるほどね、了解

>>909

そういう意味だとw3cのvalidatorは結構ひどくても通るからなぁ…
l

性能の問題でlintに戻ったような。

lintで数字が低いからと言って即切り捨てるのは俺は勿体無いと思うがな。
ここにいる人らは点数だけは満点取れるくらいのソース書けるんだろ？
だったらもうソースで学ぶ部分は殆ど無いんだから、最低限w3cのvalidatorを通ったらOK
にすれば良いんじゃないの？

>>912

見てるかぎりそういう人少なそうだけど？
それにあえて100点にならないように書くこともあるでしょ

W3CのValidatorはちょっと貧弱すぎるな

頭でっかち

>>906
IEエンジンのブラウザで見ると、IEの警告バーみたいなのに似せて
IEやめてFxにしろってメッセージが出るのが笑えるｗ
個人的にこういうの好き

仕事でこれやったら怒られるかな？

>>915

ﾜﾛｽｗ
いいねｗ

あとはXHTMLがまともだといいんだが
XHTMlが適当でいいならこのスレの意味ないからなぁ

>>915
俺は応援したいが、苦情来ると思われｗｗｗｗｗ

デザインよりLINTの点数に重点置くやつは消えるといいと思うよ

気づかなかったなｗ
For your eternal security　はどうかと思うがｗ

ttp://www.adobe.com/
昔はテーブルレイアウトだった気がするんだけど、
いつのまにCSSになってたんだろう。
何となく日本語ページの方が好きだが。検索窓の場所が？？？
ttp://www.adobe.com/jp/

そして意外なことにリスト厨気味。
見出しの順序と使い方は変。

リスト厨wwww

>>861
下のサイト、違うページみたら
This Page Is Valid XHTML 1.0 Transitional!
The document located at <http://www.folietto.at/> was checked and found to be valid XHTML 1.0 Transitional

dtをhn代わりにする奴は昔見たが、
<li><span class="menu-title"><a href="/go/gn_sol" rel="_WSS GN-Solutions GNav">Solutions</a></span>
<dl class="menu">
こういうのは珍しい。
素直に見出し使えよｗ

>>920
> リスト厨
使い方は適切。
数が多けりゃなんでも"厨"を付けりゃ良いってものじゃない。

>>924
>>923
適切なんだ・・・

>>923
うわー超油断した。
ごめん>>920。

>>923-926
漫才コンビ組めｗ

ﾏｸﾛﾒﾃﾞｨｱもそうだったけど何でこの手の会社のサイトは重いんだろう
うっとおしいわぁ

素で間違えてそうだな。
鬱陶しい＝とっとうしい。

ねーよｗｗｗ

こんな釣りは初めて見た

>>929
君の言うとうりだね。
>>928が間違えたげいいんを知りたい。

>>932
Yahhoの辞書で勉強しろ。

Ahho----

まあここらでマジレスしておくと「うっとうしい」なわけだが




дﾟ )ﾖﾊﾞﾚﾀ

おまえらふいんきよめよ・・・

>>936
マ、マジレスなんかしないんだから・・・！〃〃

divってなんのためのタグなの？
教えてキヌンボ

>>938
実質デザインのためかな？
カテゴリーごとに名前を統一してそれを使って検索精度のＵＰ
なんてことも考えてるのかもしれないけど今のとこ特に機能していない

ＸＭＬなんかへの移行を見越してのタグなのかな？

とど素人が勝手に推測いたしました
↓駄目出しどうぞ

>>938
ナビゲーションをmap要素でマークしてる人は、Strictだとその上にdivで囲まざるを得ないね。
このように、どうしても他の要素では手に負えない時のための汎用コンテナ。
XHTML2.0で制定されるsection要素の変わりとして、
見出しに準じる文書の入れ子構造を明確化するためにもよく用いられている。

headerだとかfooterだとかは個人的には嫌い。それこそまさにデザインのためのdivって感じだ・・・。

ありがとう、いいdivです。

ヘッダやフッタは構造だと思うけど。

ブロック要素div、インライン要素spanを明確にするためのタグだろ勝手に思ってる。

現行のHTMLに、相応のタグが無いような要素について、
独立した要素としての意味づけを行う為のタグ

って認識なんだが。div、spanともに。両者の差はこのスレの住人に言うまでもないことか

ストリクトでお手本になるような完璧なソースのサイトきぼんぬ

↓divやspanで意味付けができるかの議論が展開

ﾃﾞﾌﾞですいません

>>946
言われると思ったよ。
言葉が悪かったな、と反省している。

classとかIDを割り振るための、に読み直してくれ

>classとかIDを割り振るための
これも変。

すぐスレタイむししてぎろんにはしるのがこのスレのとくちょうなんだ

>>942
ヘッダやフッタというのは、読む順序が決まっている紙媒体の話。
色々なデータにどこからでもアクセス可能で
読む順序が規定されないのが基本原則のWebでは構造上おかしい。

body要素内に入れるのは不自然な感じもするね。

ということでイケてるサイトどうぞ。

ていうかheadは既に存在してるしな

>>936
ばか！ だったらこうだろ…


おまえらふいんき（←なぜか変換できないｗ）
よめよ・・・

>>949
正解どうぞ

いつの時代からタイムスリップしてきたんだ

>>956
文化祭三日目の未明。
これから戻るんだ。

それなんてネギま。

おぬしなかなかできるな

ヲタのすくつ

>>960
ようこそ同士。
ついでに次スレ建ててね。

お前が建てろよ

どうぞどうぞー↓

だが断る

ダチョウ倶楽部か！？

>>958
ビューティフルドリーマーじゃねーの？

検索してたら、たまたま見つけたけどブログなのにデザインが凝っててレベル高い。

http://plaza.rakuten.co.jp/blogger

>>967
どう見ても"表"とは思えないテーブル要素がある。
"CSSでイケてるデザイン"だから"テーブルレイアウト"はダメだな。

さらにbr要素を多用しているし、連続したbr要素もある。
fontやbなどの物理要素も多く見られる。

というわけでこりゃダメだわな・・・

自演だろ。

>ブログなのにデザインが凝ってて

このへんの妙な前提もとんちんかんだし。

メニューのフォント、豆字の火付け役になったあの何だっけ
昔は漏れも使ったが、一閲覧者として見ると読みづらい

つーか、これ釣りか

ここってネギまとか見てるキモヲタが評価してたりするんだね。

ちっこい文字はダメ

いくらデザインに凝っても
どこがメニューなのかわからんようなのは嫌いだ

ちっこい文字を活かしたイカスデザインなら多少見にくくても我慢できるんだけど
大したデザインでもないのに豆字だと殺意

イカのデザインでも
豆文字は嫌だ

見易くするのが一番美しいデザインだな

読むためでなくて、デザインとしての豆文字なら問題ないんだけどね
マンガとかでよくある背景が文字びっしり　みたいな

英字新聞を包装に使うみたいなアレだろ。

読む必要のない背景やテクスチャとしての画像文字は別

テキスト豆文字ならフォントデカくして
デザイン崩れさせてダザインにして見るんだけど
メニューが画像豆文字だと腹立つ
そのうえマウスポインタが＋になったら、もうね

メニューは画像使ってるようなものだからまだいい。
本文が豆字よりはまだ。

>>977
やっぱマウスポインタは指マークだよねっ！

肉きゅうです

>>971
それは偏見だぞ。
俺なんか今の今まで「ねぎま」という言葉自体知らなかったんだから。

×「ねぎま」という言葉自体知らなかったんだから
◯「ねぎま」というアニメ自体知らなかったんだから