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

正しい 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/
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/

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

このスレ、もういらない

じゃあ来るなよw

>>1
乙です(*`・ω・)ゞ

いいセンスが欲しい

イケてる、って4で紹介しているいろんなサイト見たけど、
ぜんぜんイケてない所ばっかりだったよ。
妙にテーブル排除に固執してるし。

"カスいけサイト"なんて、管理人の自己マンだね。
「XHTML+CSS」って言葉に酔ってるだけじゃん。

>>9
テーブルレイアウトのスレは別にあるからそっちにお行き

"カスいけサイト"なんて、管理人の自己マンだね。

>>11
なんか勘違いしてね？
漏れはテーブル信者じゃなくC++のプログラマだが。

>>13
勘違いしてない。
単にスレ違いを教えてあげてるだけだよ。

つーか、レイアウト目的でテーブル使うサイトが
「CSS でイケてるデザインをしています」って胸張って言えるかどうか。
CSS でできることをなぜやらない。テーブルは作表用だろ。
ここは CSS を駆使していることが大前提。
だから、デザイン目的のテーブルを排除するってのは真っ当なこと。

あと、個人的な好みとかもあるから、ここでの「イケてる」は「割とイケてるかも」程度に捉えておけばいいんじゃね？

というわけで、CSS をバリバリ使ってデザインしたい人間が自分なりのセンスで見極めたらいいと思うんだ。

>>10はスレタイの解釈間違ってないか？

プログラマならソフトウェアデザイン(設計)のこと，考えるだろ？
「イケてるデザイン(設計)のサイト」だぞ．「見た目のいいサイト」じゃない．
もちろん見た目も含めたデザインというのも考えなくちゃいけないが
それにしたって，どこにどんな要素を配置してユーザーをどう誘導するかが問題なのであって，
派手な演出や効果が使ってあるとかそういうことじゃない．

>>15 >>16
なるほど。そういう解釈なら理解出来るわな。さんきゅう。

まぁ1つ分かったのは、11=14はXHTMLとかCSSとか何にも知らないただの２ちゃんねらーってことだね。

11,14は何も間違ったこと言ってないわけだが
１７はスレタイ読めないのかね？

どちらかというと>>18に同意。
>>9が唐突もないことを空気読まずに発言したから、>>11が討論の場が違うよ、と言ったまで。
ちなみにテーブルレイアウトのスレってのは、テーブルをデザインに用いるのが妥当かどうかを討論する場だから、誘導されて当たり前だと思われ。
ここは CSS スレなので、テーブルでデザインするのはご法度なのだが。
とりあえず>>17で再び不用意な発言をしてしまった>>9-10>>13=>>17に乾杯。
「子供は機械を生むための女性」発言並みに反感を買ったぞ。

唐突もない、ってはじめて聞いた表現だ。

うーん、FUCK U！でよろしいかな

FAX YOU

俺が板違いってことは分かったよ。あ〜い、とぅいまて〜ん。
更に、長くなるけど許してね。ｗｗｗ

しかし、Web板ってどんな感じなのかさらっと見てみたけど、キモいねぇ。
Webデザイナーだかなんだか知らんけど、W3Cみたいな、ブラウザ各社をまとめることすらできねぇ糞機関の定めた仕様にへ〜こらすることがそんなに偉いのかねぇ。
俺らプログラマーの世界ってのはまるで逆だなあ。あんたらの世界って全然理解できねぇ〜。ｗｗｗ

ってか、あんたら、自分で書いた（って言うか実はホームページビルダーとかドリームウィーバーとか使ってんだろうけど）
HTMLのタグみたいなもんのこと、よく「ソース」とか言えるなぁ。
中には「コーディング」してる、ってほざいてる奴もどっかのスレにいたぜ。
何がコーディングだよ？ソースだぁ？
小学生でも分かるようなタグみたいなもんにプログラマーの言葉使うのやめてくれよお。
迷惑だよ。俺達プログラマーは。

あんたら、って「HTMLデザイナー」とか気取って名刺とかに書いてんだろうけど、実はただの「エディター」なんだよ。
「HTMLエディター」。ｗｗ
ほんっとWeb板ってうざいな。AjaxとかPHP程度で反論とかしないでね。
世の中、小学生レベルのプログラマー気取りが２ちゃんでこんなに粋がれる奴が多いってことに、Web業界ってレベルの低い世界ってことを証明してるよ。
まぁ、W3C信者のオリジナリティの無い無能な連中が各企業のWeb作ってるのかと思うとその企業ってかわいそうだわ。
だまされてぼったくられてるだけだもんねぇ。あんたらに。

21なんて「FUCK U!」だってさ。笑いが止まらネェわ。
じゃぁね。HTML"エディター"さん達よ。ｗｗｗ　うざいからプログラマー板とか絶対に来ないでね。
あ、あんたらの技術力では来たくても来れねぇか。。。ｗｗｗｗ

はい、不自由な日本語でよくできました
早く就職できるといいね

「HTMLデザイナー」なんて単語初めて聞いたな。

美しいインデントなんだろう。

絵に描いたようなファビョり方だなｗ

どうでもいいが今気付いた、>>19の
>「子供は機械を生むための女性」
これは間違いだよな・・・？

>>23はいくらなんでも釣りだよな。
やるならもっと上手ににやってほしいんだけど……。

こっちから見れば、あなたはWeb技術の知識が無いのがバレバレ。
>>23みたいなことを書くやつにかぎって、専門板でも初心者扱いされているんだよ。私は知っている。
だって明らかに書いている内容が「知ったか振り」をするヤツの発言だもん。ぴったりだよ。

>小学生レベルのプログラマー気取り
それはお前のことだということを認めなさい。

>>28
なんかABCDがBDCAって感じだな。ｗ

>>29
せっかくこんな失笑ネタをわざわざ提供してくれた23に対して、そんなマジレスは無粋ですよ。
やんわりと笑ってあげましょう。

sageてんのにたった1時間でバカエディターが10匹も。。
よく釣れたもんだ。

数も数えられないのか。

叩く→逆に叩かれる→ファビョる→さらに馬鹿にされる→ああ釣れた釣れた
厨のテンプレまんまの流れですなｗ

>>28
ﾜﾛﾀ

>>33
ﾜﾛﾀ

たくさん面白おかしく感じられる俺幸せ

>>32
12機のリックドムが3分も経たずにやられているのに比べたら、まだいいほうだよ。

>>28
スマン、実は故意犯だｗ

以後、へぼプログラマは無視な。

今更いわれても

　　　 　∧＿∧
ﾋﾟｭ.ｰ　(　　＾＾ ） ＜これからも僕を応援して下さいね（＾＾）。
　　＝〔~∪￣￣〕
　　＝ ◎――◎ 　　　　　　　　　　　　　　　　　　　　　山崎渉

なんか山崎の顔違くね？

>>23
こういう風に煽ってくる人ってどういうリアクションしてほしいんだろうな

あー悔しい！！

って言ってほしいのかな？

煽りじゃないよ。大マジで言ってるから困る。

さぁさぁ朝から来ましたよ。
ってか、相変わらず日本語理解力無いバカエディターさん達が寄ってたかってますなぁ。ｗｗ
まぁ、こっちは多勢に無勢って分かってっけど、あながち俺が指摘してることって外れてないんでしょ？
だから顔真っ赤にして自分たちの技術力の無さを、こんなところで鬱憤晴らしてるだけでしょうが。
カスイケって言ってる時点で技術力ねぇじゃん。テーブル使ってる奴ももちろん技術力ねぇけど。
だいたいこっち一人に対して、数人でしかも言葉尻のくだらねぇ揚げ足取りのカキコしかできネェ奴がほとんどじゃん。
レベルの低さを露呈してるよ。あんたら。
悔しいとか言って欲しいんじゃねぇよ。偉そうにプログラム気取んな、って言ってんの。わからねえかなぁ。

もっと分かりやすく言ってやるよ。
StrictとかTransitionalとか結局W3Cの仕様にへ〜こらしてるだけだろ。
カスイケって、いかにStrictしてるか？ってことだろ。それって何のオリジナリティーもねぇじゃん。あんたらのやってることって。

さぁさぁ、今日も怒り爆発で連投よろしく！エディターさん達よ。ｗｗｗ

暇そうでいいなぁ……

とりあえず仕様にへーこらしない４３が作った言語教えておくれよ
まさかＣ＋＋なんて他人が作ったものを使ったりしてないよな？
オリジナリティーがないもんな

プログラマこそ仕様に忠実に書かないと
コンパイルもできないもんなんだがな・・・・

>>44
出た。忙しいふりしてる給料泥棒のリーマンエディタ。

>>45
あんたらのこと言ってんだよ。図星だからって俺が使った言葉をそのまま返してきてんじゃね〜よ。
ほんっとオリジナリティの無いバカだなぁ。
他人の「HTML」コピペしまくってるくせに。ｗｗ

>>46
「プログラマ」「コンパイル」
朝から必死になって言葉調べにいってんじゃね〜よ。
ちなみに、仕様に忠実に書くだけでいいんならプログラマってのはいらないんだよ。
わからねぇだろうなぁ。ただのタグエディターのあんたにゃ。
あんた、まさか仕様書ってクライアントからもらえるものだと思ってんの？
後学の為に教えてやるけど、仕様書ってのは１冊だけじゃないんだぜ。
ってかWebの世界ってそうなのか？ｗｗ　だとしたらあんたらの仕事って何だよ？
それこそただのエディターだろ。それじゃレベル低すぎだわ。46のレス見て改めてびっくりだわ。

さてと、ここらへんでオリジナリティのかけらもないWeb板からは完全撤退するわ。
だって、アフォなレスしかしてこね〜んだもん。
知能指数低すぎ。二度と来ないから。じゃぁね〜〜。

昨日から、たった一人の荒らしにかき乱される連中の集まりってことが分かって笑え過ぎだったよ。さんきゅー。ｗｗｗ

「たった一人の荒らし」

昨日からの書き込みで唯一ﾜﾗﾀ。
お前ら構い過ぎｗ

踊ってくれるのが楽しくて、つい・・ｗｗ

完全撤退

>>47
「顔真っ赤」なのも、「レベルの低さを露呈してる」のも、「偉そうにプログラム気取」ってるのも、
「バカ」なのも、「かき乱されてる」のも、全部自分ですよｗ

こっちはバカいじって楽しんでるだけなんだよねー。
1突付けば10返ってくる、あなたのような厨（をいじるの）がみんな大好きなのですよ。

…→ああ釣れた釣れた→さらにファビョってもうこねーよヽ(`Д´)ﾉｳﾜｧｧﾝ!!
これで「二度と来ないといっときながらまた来る」が加われば
厨のテンプレ完全版完成ですな。

……戦争は終わりましたか？（ ´ー｀）

さて、カスイケサイトの紹介を続けようか。

"続けようか"つっても、もう丸々1スレくらい紹介されてない気がする。

ここに来る連中ってのは CSS に自身があるってことで、そろそろ自分のサイト晒さない？

とりあえず >>60 は晒せ。

>>55のサイトも見せて。

>>56のサイトも見せて。

いいだしっぺの法則

仕方ないな……。
全然イケてないがこれ、俺が作ったサイト。
デザイン美より実用的な見易さ最優先。
ttp://www.yhtml.net

>>59
なんで背景をクリーム色にしたの？

navy&ivory が好きなんだよっ（；´∀｀）
あと、色相環で見ても、いい感じじゃないですか？

>>61
リンク色と文字色で似た色を使うのは止めなさい。

ちょ、、、どこをどう見たら似た色になると？

>>61
見出しを強調しすぎ。文字だけで十分。
リンクでもないのに、文字に下線入れるな。紛らわしい。

>>63
青系統の色をリンク色以外で2色使ってるでしょ。こういうのは迷惑。

こんな感じでどうかな。

もちろん、>>60も晒すんだよな？

>>66
まあ、合格点かな。文字色変えるより、同じ黒でもサイズを変えた方がメリハリが出ると思うけどね。
あと、見出しの先頭の棒が気になるな。

>>67
作ってないから、晒せません。

>>66
一部、見出しに下線が残ってるな。

まぁ、深緑なんていう微妙な色を強調のために使うのはあんまり意味ない。目の悪い人は黒と混同する。

次の見出しに移るときは一行空けた方がメリハリが出る。

なんかさ虚しくないか？

見出しの上に空白を空けても、見出しの下に空白を空けるべきじゃないよ。
そんなことをしたら、見出しと文章がバラバラになるじゃない。セットで考えないと。

あ、ちゃんと直したんだね。

>>59
グラフィカルな装飾と実用的な見易さは相反するものではないぞ。
見出しとかもう少し装飾を加えた方が"実用的な見易さ"もアップすると思う。
少なくとも、見出しをレベルごとにとdtは明確に区別できるようにした方がいい。

大変参考になった。
全体的に見出しをグリーで締めてみました。

グリーか。クリーなイメー狙いだな。

レイアウトに一貫性がないことで台無しになっているサイトが多いから、この点に気を付けるだけでもだいぶマシになる。

つ GREE (ttp://gree.jp/)

>>77
もう少し綺麗な色の方が…
>>74の意見とは反するが、見出しの下にほとんど隙間が無いのはちょっとね。
hnの下marginは0でもいいが、pには上下margin指定した方がいいと思う。ulにも。
あと、ulとliにもmarginやpadding指定して整形したほうがいいんじゃない？

それがこれだったんです(･∀･)
http://blog.livedoor.jp/vip724/

改良しますた（｀・ω・´）

色使いは好きじゃないけど、大分見やすくなったんじゃないでしょうか。

>>59
yhtmlの人だ！楽しみにしてるよー

>>85
彼、有名なのか……？

悪乗りが過ぎて本気になっちゃったみたいな

>>86
http://pc10.2ch.net/test/read.cgi/hp/1155668123/

　　 ゞ　　::::;;;）
　　　 ヾ　::;;ﾉ
　　　　ヾ丿
　　　⊂二⊃
　　　ﾊﾞﾙｻﾝ
　　　└─┘

http://www.komei.or.jp/index.html

どーよｗ

>>90
　 ゞ　　::::;;;）
　　　 ヾ　::;;ﾉ
　　　　ヾ丿
　　　⊂二⊃
　　　ﾊﾞﾙｻﾝ
　　　└─┘

おれって幼稚園児以下ぐらいの知識と技術しか
持ってないんだなぁって、つくづく思ったよ。

どうしたいきなり

http://www.ellegarden.jp/ja/index.asp

かっこいい部分もあるんだけど、典型的な、頻繁に行きたい気持ちにならないサイト

>>94
制作者のオ○ニーサイト
スクロールバー長過ぎな上に、動きで目が疲れる。

しかもオフィシャルサイトでメーラー起動って、なかなか笑わせてくれる。

<div id="wrapper">
<div id="allContent">

<div id="mainContent">

<div id="body">

<div id="top">

・・・・・なんだかなあ。

しかもwinIE6でダダ崩れ

スクロールバー長いのだめなんだ！
一気に全部見たいので、今まで全部そうしてたよ。

>>98
上のサイトで言えばスクロールとの関連が大きい。
上から下までスクロールするのにあんな時間かかってたら、全部読み込ませる意味が無い。

それにページが長過ぎると、解像度が低いPCでスクロールバーが小さ過ぎてドラッグしづらい。

>>97
それは正しい！ｗｗｗ

>>98
トップページはあまりスクロールしないで全部見れるのが良いと思うな
理想を言えば、各項目へのリンクが１画面中に収まっているって言うのが良いと思う
毎回見るページなんだから、凝った作りよりも使い勝手の良さを優先すべきではないのだろうか？

一画面式はページの長さにもよるが、せいぜい5個くらいのカテゴリに収めるべきだな。

すごすぎる。。
これ作った人JTFの人じゃねーの？
IE6で半透明ってどうやってるのか教えてください。

>>103
filterとかActiveXとか。

情報がゴチャゴチャしすぎだな

歌手のサイトなんて、リリース情報とかがちょこっと知りたいだけのために行くのが多いんだけど、大抵は余計な装飾やデザインに邪魔されてたどり着きにくいことが多い
邦楽洋楽問わず。

http://nagafuji.jp/blog/
IMAGEDIVEの人
http://green.my-sv.net/
リニューアルしてた
http://www.idv-design.com/index/
字はちっさい

全部validじゃなかったけど・・・

green.my-sv.netはリニューアルするばっかで中身は全く進まないな。
もう何が目的なんだか。
しかもスムーズスクロールなんかに手を出しちまって。
ひたすら迷走中だな。

この人は自推だったんだっけ？
違うなら、ずっとヲチされてかわいそうｗ

nonstep(だっけ？)のサイトとコンセプトは同じ？

>>108
制作が目的って書いてあるよ？

スムーズスクロールって初めて知ったんだけどどこかやり方かいている所ない？

>>111
WWW

>>111
二度と行かないサイトとして認定するが、それでもいいのか。
JavaScriptサイト巡りなさい。

スムーズスクロールって嫌われているんですか？

愚の骨頂だな

>114
嫌われてる。

>>110
ポートフォリオサイトだろ？　一　応

理由を知りたいっす
重くなるからですか？
まだ初心者なんでごめんなさい

>>117
リニュ前は一応作ったサイトのスクショあったよ？
あれで全部って事だろ。
作ってないのなら増やせるわけが無い。

ロゴの下の横棒、固定するか消すかしてほしいと思った。

>>119
最初に貼られたの半年前だぞ。
半年でコンテンツは増えるどころかいまやゼロ。
一方リニューアルはもう3回目くらいだろ？
何やってんだか。

>>115
重くなるのもある。
あとゲームやる人ならわかるかな、ゲーム時間じゃないロード時間が長いと
イライラするだろ？あれと同じ。
なんでわざわざ一瞬で出来るスクロールを時間かけられなきゃならないの、と腹が立つ。

>>121
自サイトのデザインもポートフォリオに入ると思うが。

>>122
http://www.simplexsimple.com/archives/2006/09/post.html
>長〜いページだとそのリンクで一瞬に先頭に行ってしまい、
読んでいる人が混乱することもよくあります。

一応こう言う意見もある。

スムーズスクロール外した？

>>123
ポートフォリオとして載せればな。
だがそういうレベルの話じゃないだろ。

>>125
意味が分からん。
ポートフォリオ＝作品だろ？
クオリティはどうあれポートフォリオには変わりない。

イラっとするほど時間かからない気がするんだけど、
それって少数派の意見なのかな。

>>123
そもそも同ページ内リンク反対派だから。
ページ分けは何のためにするのかと小一時間。

>>123
なあ、リンク＝ジャンプではないけれど、ジャンプを期待してリンクをクリックするんだろ？
どうして期待通りに移動して混乱するんだ？

>>126
中身が何もない、ただサイトがあるだけで「ポートフォリオサイトです」ってか？
笑わせんな。

>>129
1.ジャンプを期待するがスムーズスクロールは期待していない。
2.そもそもメニューをクリックしたときは"ページ変遷"を期待する。

>>130
今リニューアル中って書いてあるだろｗ

期待とかどうでもいいんだよ。
猿じゃねえんだから1回クリックしたら挙動は理解できるだろ。

>>132
だから半年の間に何回リニューアルしてんだよｗ
そっちにばっか固執して、サイトとして全く機能してないじゃないか。
本末転倒もいいとこ。

>>133
こういう奴が、巷に溢れてる閲覧者のこと考えないオナニーサイト作ってるんだろうな。

>>134
スキルアップの為の制作を行っています。

とあるので、リニューアルしてスキルアップしているのでは？

普通に制作してるだけで叩かれるんだから困ったもんだｗ

>>136
中身無い。目的はスキルアップ。
だったら公開しなくていいんじゃね？

べつに、何を公開したっていいじゃまいかｗ
何を騒いでるのか意味がわからんｗ

またご本人が紛れ込んでるようですね。

>>138
公開テストしてるんだろ。
Safariの挙動とか聞いてたし。

だから>>108がいうように、自推じゃないならかわいそう。
自推なら自業自得。

>>138
そのスキルアップを誰かに見てほしいんだよ。

自分がそうだった。orz

下らないサイトの話で何レス消費してんだ。
green.my-sv.netはもう貼るなよ。

>>107
シンプルなのにすごいクオリティ高いな。
両方ブクマしときますた

てかこないだスムーズスクロールがどうのこうのって愚痴ってたのに、それとたいして変わらないスムーズスクロールを入れちゃってたのは笑った
ま、ﾋﾄﾄﾖｳのｺﾞｼｯﾌﾟにｸﾞﾀﾞｸﾞﾀﾞ書くぐらいの性格だからいいんだけどさ

>>146
どうのこうのの内容はしらないけど、
Internal Link Scrollerなら良いらしいですよ。

戻るボタンで戻れないからダメ

Internal Link Scrollerって、ただ普通のやつより、助走みたいな動きがないだけだろ
むしろガクガクしてる感じがなんとも…

この人の作品好きだな。細部まで凝っているし。
スクロールはあってもいい。長い文章だとどこに飛ばされているのか、
視覚的に分からずにイライラするわ。

>>131
誤読してるぞ。
123がスムーススクロールの有用性を言ってて、
129がその意見おかしくね？と言っている。

green.my-sv.netはなんで叩かれるのわかってて愚痴を公開するかねぇ。
Ｍなのかね。

愚痴るサイトなんて山ほどあるのに集中して叩かれる管理人に乾杯ｗ
てか最近デザイン以外で叩き杉

>>151
うん、ちゃんと読んでなかった。ごめんね129。

スクロールオンオフ機能搭載!

green.my-sv.net
nonstep.com
designlinkdatabase.net
これら三大自演厨のサイトは、これ以降貼るのも話題に出すのもやめてくれ。
ウザ過ぎる。

http://portfolio.t2-designing.com/
スクロール重い。
http://www.dysklose.jp/
横でか。
http://mogstyle.net/
Movable Typeつかってるらしい。

最後はTransitionalだけど、みんな100点だった。

>>157
一番下は既出だな。

>>157
2番目のやつ、その絵をもっとWebデザインにも取り入れれば良いのに

http://www.happycog.com/
絶技

>>160
h1が二つあるのはいいけど連続してるのってなんかやだ・・・

>>160
そこ、beautyとかにも載ってるけどどこがそんなに良いの？
単にZeldmanってだけじゃね？

メイリオフォントを拡大した図を見てもらうと分かるが、何故か黒の文字に青とか茶が入っている。うちのモニターのせいなんだろうか…。かといってアンチエイリアスを無しにするとMS Pゴシックどころの汚さじゃなくなり、読めたものじゃない。

結論：使えない（むしろ使いたくない）フォント。

warota

>>163
何故か知りたきゃ、MSサイトなんかの解説嫁。

メイリオはつかえねえ

>>164
via green.my-sv.net

ぶっちゃけ、くっきりギザギザのほうが好き

メイリオはほんとに使えんよ、禿

CSSの本でオススメのものってありますか？

補助的に、なんかCSSと名をうったやけに分厚い本買うといいよ。
本真似てても何にもならない。
それよか、作っている最中にでた疑問点を本で潰してくのがベストではなかろうか？
みんなどう思う？

正直お前の日本語はやばいと思う

メイリオ前提でデザインすると、フォント持って無い人は行間ズレまくるから困る。

746 名前：Name_Not_Found[sage] 投稿日：2006/08/18(金) 01:13:08 ID:???
俺もこのスレはずっと見てるが、
晒されるサイトとコメントする側の相関関係を考えてみた。

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

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

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


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

きっとここの奴らは結局デザインなんかは出来ない。
だからこそユーザビリティーの名の下に自分の実力でも
なんとか出来そうなシンプルなサイトは評価するも、
自分が出来そうもないグラフィカルなサイトは否定したがる。
国内のサイトの場合は中途半端なライバル心からその傾向はより強くなる。
また一般的に有名なデザインサイトでは嫉妬心から顕著となる。
一度del.icio.usなんかで一体何人が自分のサイトをブックマークしているか
見てみるがいい・・・。

それが世間の自分のサイトに対する評価に他ならない。
お前らのサイトはどれ位？
ちなみに俺のは８０人くらいだから、人の事は言えないが・・・。

正論すぎたかな？

まんこなめてえなぁ

>>175
エイズとか気を付けろよ。
あまり知識が無い俺が言えることではないが。

感染するとすれば、口の傷とかから感染か？

http://www.extype.com/gofa/
カレンダーはあまり使わなさそうだけど、おしゃれだと思った。
ttp://www.extype.com/karakuri/
ここの人がデザインしたらしい。

http://hasegawahiroshi.jp/
WEBデザイナーのサイト。シンプル。

3つとも今更かよ

>>178
GIOS Balenoは良い自転車つうほどでもないだろ！
ルイガノとか安もんばっか買いやがって。
つか、ポタじゃなくてLSDやれ！

ソースは見てない。

>>157の真ん中のサイトのポートフォリオみてるんだけどさ、
流行に乗ってる感じは伝わってくるけど、品がないよね。
グチャグチャしてるだけな感じ。
いやまあプロと比べちゃだめってことはわかってるけれど。

分かってんならいちいちグダグダ言うなよ

すみませんでした

>>179
すみませんでした

スミマセンではすみませんよ

山田君！座布団をどうのこうの

謝るくらいなら最初から書き込むなよ

すっごい遅レスだけど
マ板はマ板で質問がきちんと形式ばってないと意味不明っていわれんのな
学校で参考書のソース丸々コピーで書く練習しかしないから頭が固いんだろな
ソース（に書いた流れ）が実行される
って言ったら
正確にはコンパイルしてできたバイナリデータねって
いちいちソースをコンパイルしてできたバイナリデータが実行される
って言わないとわかんないですか？って感じ

はあ、そですか

そのへんは職業病とも言える
おまいらもホームページって言ってたらウェブサイトと訂正したくなるだろ？

目くそ鼻くそ

http://2xup.org/
へえーて感じ
green.my-sv.net
えええっっっっっwって感じになっちゃった
お前らの馬鹿

>>190
面倒くさいから流すよ。

>>192
既出だとｵﾓﾀ

green.my-sv.netはﾜﾛﾀｗ

>>192
ひさびさに見た良サイトｗ

もともと友達向けのサイトじゃなかったよな・・・

>>192
リキッドと、カラムの配置を選べるのは中々いいね。
ただ、個人的にこの水しぶきみたいなのはちょっと気持ち悪いですｗ
あとは水が垂れてる部分のパスの描き方が雑なのが気になるけど、まあ瑣末なことか。

>>192
なんかｶﾜｳｿ

なんだやっぱココ見てたのか
あんまし心臓は強くなかったんだな
チェックボタンでスクロール選べるようにしたのは面白かったのになぁｗ

んで多分早速、サイト内で愚痴ってるんだろうなぁ

なんつか、古き良き2chの悪い面、みたいな懐かしさだな。
ネットで何か公開するってことはどこかで誰かに好き勝手言われ得るってことでもあって、
それが我慢ならないんなら最初っから公開なんぞしない方がいろんなものの無駄にならないのに、
ネガティブな意見を目にした途端閉鎖的になるのが「甘え」とか何とかそういう。

すげー何年ぶりかにこんなこと書いたよ俺ｗ

認証制は某サイトにパクられたからじゃねえの？
JSソースとかデザインの一部を丸々パクられて文句言ってたし。

>>202
某サイトってもしかしてcssc○l○rの事か？
モニターのモチーフとか本の入れ物とか似てるが…

今見たらコピペ反対って書いてあるな。

あれでﾊﾟｸﾘって言ってるならそうとうケツの穴が糞で詰まってるな
スムーズスクロールもデザインも、一般の生の意見を聞けるいいチャンスだったろうに
これからどんな閉鎖的なデザインになって行くんだろうなあ

じゃあお得意のJavaScriptでいろいろ制御したらいいじゃないか。
他所で自分の書いた文章について批判されるのが嫌ならローカルに引っ込んでろ。
看過すりゃいいことをわざわざ大騒ぎしてるのは自分だろう、甘えんなボケが。

>>206
JSソースのコピペだろうにｗ
何言ってんだｗ

読解力無い奴多杉

>>206とか哀れ過ぎるｗ

>>205
パクリ常習者乙

本人が紛れているようにしか見えないマジック

>>205
ダサいサイトしか作れないからパクられたこと無いんだろうなー(ﾟДﾟ )

205見てパクリ云々にしか言及しないのは本人でしょ？重要なのは二行目後ろ

結局このスレはデザイン出来ないやつらの掃き溜めだな。
一生傷の舐めあいでもやってろﾎﾞｹ

>>214
今頃気が付いたのか！

>>213
パクられるのが嫌か、それでも意見が欲しいか、それは本人の価値観次第。

デザ出来ねえやつが次々と出てきますなぁ( ´ﾟдﾟ｀)

なんだもうおわり？
>>214の発言が効いたみたいだなｗ

まー、このスレの住人のデザイン力は不明だが、

それを、自分にとって都合が良いというだけで、
デザインが出来ないと根拠もないのに決めつけ揶揄する。

見た事すらないのに、妄想で、叩けるって、ある意味凄いな。
一種の自己愛性人格障害だな。　まー、ちょっとした批判いも耐えられず
サイト閉鎖したりとか、その片鱗は垣間見えていたけど

内輪引き篭もりﾜﾛｽ、って展開から214には繋がらんでしょ。
このスレが掃き溜めなのはもうずっとかれこれ20スレくらいそうだよ。
なんだもうおわり？とか息巻いてるのは、今回はじめて叩かれた人かな？

209　210　212　214　217　218
時間的にも同一人物だろうなあ、このスレ住人を叩きたい側だし

>>219
どこをつっこんでいいの？ｗ

>>219
句読点の付け方が・・

このスレの住人の国語力の無さは異常

>>224
同じ穴の狢

>>225
お前に言って無いよﾎﾞｹ

222　223　224　226
お疲れ様

>>227
お疲れ様

私生活では義理チョコすらもらえない哀れなキモオタどもが
こんなところでつまらんサイトを叩いてストレス解消かｗ

>>174-177の流れがこのスレの住人のレベルを物語ってるな。
必死で話をそらそうとしてるのﾜﾛｽ

なんだもうおわり？
>>229の発言が効いたみたいだなｗ

こんなとこで「俺世間から評価されてるんだぜ！」の方がよっぽど病んでる。
別に名無しだし全然痛くも痒くもないしな。はいはい義理チョコ義理チョコ、てか。

あのーCSSで背景グラデーションをしたいのですが
全ての主要ブラウザに対応させる方法って無いですか？

>>232
ネタも分からんのか？

ハイハイ掃き溜め掃き溜め

>>233
スレ違い

>>234
そうよね、ネタってことにしとけば後で読み返しても自分が痛くて死にたくならないもんね

妄想もここまで来ると凄いもんだ。

ほっとけって。
図星突かれて顔真っ赤になってるんだから。

228　229　230　231　234　238　239
お疲れ様

>>240
お疲れ様

>>241
お疲れ様

あれ？閉鎖した？

閉鎖ﾜﾛｽｗ

>追記：見にくいのでCSS外しました。

やめちまえｗ

http://green.my-sv.net/
閉鎖ｷﾀｰｗ

普通にあるじゃん。

>さらに追記：2chのやつらもいい加減にしないと訴えるよ？

つか堂々としてりゃいいのに

リンクベイティングのテストしてるんだろ。

>>230
厨はスルーすんのが普通でしょうが

てかただのコピペだし。

打たれ弱いなぁ
頭のほうのスキルアップはならなかったようだな
結構楽しみだったんだが

何ていうかさ、ここって一見さんや個人サイト扱ってる人が多いの？
読んでてそんな感じするんだけど。

>>254
煽りはともかく、一見さんさんや個人サイトの管理人だったら何。
言いたいことが全くわからない罠。

未だに分からないのが>>145の意見だ。
ぶっちゃけどこがクオリティ高いのかさっぱり。

まーた自推して叩かれた奴が騒いでたのか。
相変わらずというか何というか…。

>>107のメル欄見れば自推かどうかくらい分かりそうなものだが。

ここじゃあまともな意見は通用しないよ。
お前らの嫉妬深さにはうんざりだ。

もうスレ住人を装うこともやめたのか

ttp://green.my-sv.net/cube/
パス解読完成。
id cube
pass mediaだｗ

でも中身何も無い。

>>261
もし本当ならお前捕まるんだけど

green.my-sv.netの話題はもういいって。ほっといたれよ。
管理人ももうここ見んな。

>>261
正直引くわ・・・
なんか管理人が可哀想になってきた。

はいはい不正アクセス不正アクセス

261が本人で「不正アクセスで訴える」というオチ

ハニーポッド恐ろしすｗ

まあここまで予測しやすいパス設定で「不正アクセスだ」は通らんだろうなあ

認証なくなってﾜﾛｽ

いい加減にしなよ，みんな．
確かにいたいかもしんないけどよってたかって叩いていい理由にはなんないでしょー

ブックマークのためのサイトはいらねえべよ

叩かれてるって言うか、勝手に管理人がｷｮﾄﾞってるだけだろ
今までどおりやりたい事やっていったら良かったのに

過去最高の引っぱり具合だな

>>272
意味が分からんが今もやりたいことやってるじゃん？
勝手に勘違いしてあれこれ決め付けてるのここの人たちだけじゃん。

何言っても無駄。
自推と言う前提でしか考えられないひとばっかなんだから。

同感(´･ω･`)

汚濁にまみれた川には、清浄な川に住む魚は生きていけない

<!--
////////////////////////////////////////////////////////
-->

>>274-277
本当に頭悪いな。
お　前　達　は　誰　だ　？

<!--
////////////////////////////////////////////////////////
-->

おれって幼稚園児以下ぐらいの知識と技術しか
持ってないんだなぁって、つくづく思ったよ。

http://css-happylife.com/
イケてる

>>282
流行のデザインを取り入れました、って感じだね。
悪くは無いけど面白みは無いかな。

>>282
アイコンがあんまり気に入らんが割といい感じかと。

>>282
画像のテキスト部分が汚いのとか、アイコンやリストマークの統一感がないとことか、
全体的に雑な感じ…。
しかし、このデザインならそのまんまリキッドにできるのに、どうしてしなかったんだろう…。

http://www.japan.ea.com/titles/index.phtml
日本の企業サイト（外資だが）では珍しい配色

>>286
Topに戻ったらフルFlashだった。
"CSSサイト"といっていいものかどうか…

>>287
それはわかってたからあえてそのページを選んだんだ。

http://www.ajmiles.net/
http://www.dpivision.com/
これはどうなんだ？

ここはパクリ検討スレじゃない。

>>289
どうやってこういうの見つけてくるの？

>>291
普通にギャラリーサイト見てるだけ。
下のは色んなところに載ってるから結構有名。
上は今日見たらCSSmaniaに載ってた。

上のほうがクオリティ高いな
ぶくまぶくま

上はまとまりが無い。
テイストがばらけてて統一感が感じられない。
テープの表現が下半分と上が違うのが謎過ぎ。

>>289
その２つのサイト見て思ったんだが
メニューのところにマウスオーバーしたときポインターの近くに背景画像が出るのって
イラッとするな

一昔前のJavaScriptでポインターに何かついてくる仕掛けと通ずるものがある

あれはまだ許せる。
何も無いテキストのマウスオーバーで（リストとか）
背景が変わるのは嫌い。
リンクだけにして欲しい。

>>294とかただサイトを貶して終了
みたいな子ってリアルでどんな子なの？知りたい.

そう言うことを聞く自分が一番分かってるんじゃないの？

別にリアルでどう、は何の因果関係もないでしょ。
頭の悪い書き込みをするやつが皆バカってわけでもないし、逆も然り。

いい点悪い点を詳細に批評しなきゃいけないルールなんて無いんだし、何でそういちいち絡むのかね。
少なくとも上の意見は別に悪意も感じないし（外国のサイトだしｗ）、別に良いじゃない。

理由も何もなくただクオリティ高いと言っている>>293よりは
>>294の方が具体性があってよっぽど参考になるがな。

右脳使ってデザイン見ろよ

右脳と左脳のバランスが大切だと思う。
ウェブはアートじゃないんだから。

shauninman氏みたいに何でもできるのが理想なんだろうなー。

上のはまとまりがあっていいね。
テイストにも統一感が感じられて好印象。
明るい部分と暗い部分を緑色で区切ってるのが絶妙だ。
展示してある絵も次々にみられてストレスが溜まらないね。
とにかくすべてが洗練されていて文句のつけようがないね!!

明らかに白地の部分が浮いてるし、最上段のロゴ？も垢抜けない。
下の黒地の部分だけにして、ロゴをもうちょっとスタイリッシュにしたら数段ランクアップ。

>>289
テープ留めとか画鋲なんてよくあるパターンじゃね？と思ったら
テープ留めの画像まんま使っててﾊﾞﾛｽ

>>307
テープうんぬん言っている奴がこういうCSSサイトを作れるわけもないわな。

りゃんめんテープで

>>307
マジでそのままだな
すごい度胸

>>308
どうしたいきなりw

テープは、どっかの配布素材だったという線は？

>>289
作ったの同じ人なんじゃないかという気もするが、
違うとしたら、画像を見る限り、上の方がパクリの可能性が高いな。

勇気をだして自薦してみます。
個性もないし、変わったことをしてるわけでもないのですが、
せっかく作ったサイトなのでこういうのに推薦してみても言いかと思いまして！

http://esiodelica.com/

>>314
ぁぁぁ、誤字が．．．

×言いかと
○いいかと

750 名前：Name_Not_Found[sage] 投稿日：2007/02/16(金) 16:33:29 ID:???
>>749
当方Opera8。Galleryページがまったくまともに動作せず。
白と黒で画面が覆われる。下部に持っていくと表示できるけど。
これこういう形にする意味あるの？
普通にサムネイルクリックして別窓ででも開くようにしてもいいと思うけど。
この手のスクリプトは環境によって大きく左右されるので
個人的に全く勧められないと思ってるんだが。

あと常時横スクロールバーが表示されてる。
それもハンパねぇ長さ。サイトの横幅がすさまじく広くなってる。

751 名前：Name_Not_Found[sage] 投稿日：2007/02/16(金) 16:41:41 ID:???
>>750
Opera9で問題ないけど。
オレはもう十分だと思う。お疲れ様。

752 名前：Name_Not_Found[sage] 投稿日：2007/02/16(金) 16:45:49 ID:???
IE6で閲覧
もう言うことﾅｽ

卒業しても大丈夫だと思う

>>613
おお、ここは評価スレッドと同じということでしょうか（汗

誤爆すまそ

>>314
まぁいいんじゃない？内容云々はおいといて。
左のメニューはどっかで似たようなのをみたことあるけど（まぁ仕方ないけどね

右上のアイコンが現在表示してるページに対応してるのはいいけど
そこをクリックしても移動できるようにしたらもっと便利かも。
でないと、グレーアウトしてるわりにクリックもできないんだから
表示させておく意味ないかと。見た目はいいけどね。

あとリンクのhover時とそうでないときの差がわかりにくくないかい？

色変えないところもあるしそれは構わないんじゃｗ

>>314
前スレで貼られてたぞ。
CSSでイケてるデザインサイト 37
953 名前：Name_Not_Found[sage] 投稿日：2007/01/30(火) 01:03:50 ID:???
デザインはそこまでじゃないけど、ソースがきれい
http://esiodelica.com/

個人的な意見というかアドバイス
左のBookmark長すぎ。
トップなど右カラムにボリューム無いときの異常な空白が気持ち悪くないか？
ソース上でも、メインコンテンツより先に来るのはどうかと思う。
リンクページあるんだからいらないんじゃなかろうか。
　
メニューのテキストが見づらい。コントラストとフォントをもうちょっと考えて。

>>321
うーんそう？なんかわかりづらいと感じたんだが。。。
まぁちょっとでも「ん？」って思ったとこあれば参考にできるでしょ。

あとIEでみたときに画像のリンクが、点線がほとんどみえなくてわかりづらいな。
Firefoxでのリンク表示とズレが生じてるから修正したらどうよ

>>322
だからどっかでみたことある気がしたんだな。ｗ
まぁ正しい意見だな。

>>314
何故かはわからないけど、ギャラリーやログ等のリンクが表示
されないよ。IE5.1macより。

MacIEは忘れて良いだろ。
嫌がらせだよそれ。

右上のページを表示しているアイコンは紛らわしくていらない。
それをするならば、ナビでやってほしい。
後はサイトを表現する画像がメインコンテンツの頭にあれば良いと思った。
それ以外は見やすくて良いと思う。

>>314
画像切ったときにメニューがなんだかわかんなくなるから，アイコンだけ背景にして
スタイルシートで作った方がいいんじゃないだろうか．画像使うんじゃなくてさ．
イラストサイトみたいだから画像切って見に来る人なんていないのかもしれないけど．

かなり貴重な意見が．．
ほかの OS 環境とかチェックできないので、すごく助かります
リンクがわかりづらい件については、ひしひしと感じます（駄

トップメニューについてはなかなか難しいところです
一応スキップメニューのリンクはつけてるのですが、やっぱりそういう意見もありますよね
コントラストについては、デザインの勉強したほうがよさげですね

前スレで出てた時にも書いたけど、右上のアイコンからは絶対に飛べるようにするべき

アイコンは消して、サイトロゴの下の画像をサイズ変えて右に持ってくのがいいかと

それより最近このサイトの画像表示みたいな
演出見るけどどっかで配布されてるもの？

どっかで配布されてるもの。

人間だもの。

小笠原満男

http://www.micromates.co.jp/05/y_column/yanorin/index.html
いいんだけどね

>>332
Ajaxのサンプルとしてサイトや雑誌で紹介されてる。

>>336
「センスは2のつぎ」って・・・
それを言うなら「二の次」だろｗ
センス云々よりも先に日本語をマスターしろよ。

日本語では2のつぎも二の次も同じ件

>>336
なんでこのサイト貼ったんだ？

２のつぎは３だろがボケ

センスは3ってことか

センスは６だ。

ちなみに「二の次」ってのは「第二次」の「次」と同じ意味だ。
Next じゃなく 1st、2nd、3rd の nd の意味な。

素直に勉強になった

http://yugop.com

>>334
わざわざ言わないでも338以外は知ってるよ

>>346
・・・

....

>>346
結局何のサイトなんだ

すげー

Webデザイナーのためのリンク集
http://phpspot.org/wst/webshot.php

http://www.maybeinc.com/
シンプルで分かりやすい

非常にウザイな
1ページに詰め込む意味がわからん

大概のスムーズスクロールは、気を衒ってるだけの無用の長物。

ウェブデザインにかかずらってなければ、
見る人にとってはこういうほうが良くねえか？

かかずらってない人に聞いてみました。
みんな一応多少ネットはする。

俺「こういう仕組みってどう？」
ﾄｰﾁｬﾝ「見られりゃ何だっていい」
ｶｰﾁｬﾝ「んー、普通のがいいな」
ｲﾓｳﾄ「おもしろいねー」
ｼﾞｲﾁｬﾝ「英語は読めん」

>355
ずしおうがいじけるぞ

衒うって言葉はじめて知った

http://www.ba-m-bi.com/
こんなサイト作ってます。

スレ違いかもしれませんが、
イケてるかどうか、御判断いただけると幸いです。

デザインは掲示板の方に力を入れています。

スレ違いでしたらスルーしてくださいm(_ _)m

>>360
HP評価スレがある。
HTMLはvalidかもしれないけど、見た目はイケてないかな。
手抜きっぽいデザイン。もっとメリハリがほしい。

早速ありがとうございます。
>手抜きっぽいデザイン
バレちゃったか…
実は結構急ぎで作ったんです。
これから修正で忙しくなりそうです。

>HP評価スレがある。
探していってきます。
本当にありがとうございましたo(*^▽^*)o

正直まだ評価ってレベルまでいってないと思う

手厳しいですね…
読めれば良いって思ってたのはやっぱり間違いでした。
正直、掲示板のデザインが精一杯でした。
これからがんばって手直ししたいと思います。

ありがとうございました。

…HP評価スレ探しですでにつまづいてます。

サイトが完成してから依頼すること。

評価によってはあのままのデザインで居るつもりでしたが、
出直しですね。

評価していただける最低限のラインまで
もっていけるよう今もローカルで手直し中です。

評価依頼はしっかりデザインが出来てからにしたいと思います。
ご忠告ありがとうございます。

>>360
>>352見て勉強してこい。

触りだけ見てきたんですが
結構知っているサイトが多いことに驚きました。
改めて見てみると、かなり参考になります。

シンプルでクールなデザイン目指してみます。
お教えいただき感謝します。

スムーズスクロールは
ユーザビリティあがるから
とてもいいとおもう

上のサイトみたいに
各項目の情報量が少ないところは
１ページに全部まとめて
ページ内移動で済ませる手法も
ストレスがたまらずいいとおもう

ブロードバンド時代だしね

勉強になります。
そういうアプローチでの
デザインも大切ですね。

スムーズスクロールを入れるか単にラベルでスパッと移動させるか迷っています。
好みの問題だと思いますが見る方としてはどちらがいいですか？

>>369
戻るボタンでの移動に支障をきたすのに、ユーザビリティがあがるとな。

ブロードバンドで情報量が少ないなら、
むしろページ遷移にはほとんど時間が掛からないわけで、
スムーズスクロールによって毎度毎度無駄なタイムラグができるほうがストレス溜まる。

>>372
禿同。
１ページに多くを突っ込むより項目ごとにページを作ったほうが、いろいろと有利だと思うね。
ブックマークしておけばページごとに利用価値がある。
１ページで同じことをしようとすればページ内リンクなどが多く必要になるってこと、HTML 4.x のころに学んでいないのかね。

スムーズスクロールがあるほうが
ないよりもユーザビリティ上がるでしょって
言ったつもりだったんだけど。

とにかく、現存の手法が一番いいと妄信するのは危険。
挑戦や見せ方そのものにダメ出ししてたらだめだと思う。
そのサイトのコンセプトを理解した上で、
そのコンセプトに基づいて、よりよくするにはどうしたらいいかを
議論したほうが有意義だと思うけどどうだろう。

>>374
人のレス読んでないのか？

待ち時間は少ない方がいいな。
エフェクトでおぉっ！って思えるのは初回くらいだ。

読んでるけどどっか問題ありましたかね
>>372も>>373もページに分けるべきだと主張してるんだと受け取りましたが。

私なら、一瞬で飛ばされてどこに行ったかわからなくなる
ブラウザ依存のページ内移動よりは
０．５秒待ってでもどこに飛ばされたかがわかる
スムーズスクロールをとりますね。

スクロールバーが表示されていればどこにとばされたのか分かると思うのだけれど・・・

普通はリンクをクリックしたらページが移動するのを期待するでしょ
スクロールバーを見る習慣がない人だっている。

それぞれの利点があるんだから、どっちかはダメってもんでもないだろ。
単純に好き嫌いの問題じゃね？

おれは、スムーズスクロール嫌いだけどね。

そっかあ　そういう人も居るんだ・・・
大画面時代ってのもあるのかな

スムーズスクロールって戻るボタンで戻れるようにできる？
できるなら>>377の意見は重要だと思うんだが

スムーズスクロールになくて普通のページ内移動にある利点ってなんだろう。
０．５秒早いこと？　０．５秒でストレスたまる人なんているんだねｗｗ

>>353のサイトはなんか挙動おかしいけど、戻るボタンで戻れる。
その辺は直せるんじゃないの？

>>382
すぐに煽るアホはストレスたまらなそうだな。

>>383
firefoxとIEでは戻れなかった。残念ッス。

戻れないならユーザビリティは下がるでしょ。

バグ持ちみたいだけど戻れるよ。

>>382
ホントに人のレス読まない人だな。

2回押さないと戻れないし、最初に表示した位置に戻れない。
アンカーの位置が全て一つズレて記憶されてるような感じだ。
prototype.jsライブラリのバグだろうから、使うならバグフィックスしてから使わんとな。
俺は使わんが。

中二病じゃないんだから、ココを読み落としてるよって
教えてくれるとうれしいんだけどね。

普通のページ移動とページ内移動で比較してるの？
今は、ページ内移動をさせることを考えたときに
スムーズスクロールはあったほうがユーザビリティ上がるよねって
話してるんだ。

好きにしたら良いんじゃない。JavaScript切れば良いんだし
スムーズスクロールを好む人はOSのウィンドウのエフェクトも有効にしてたりするのかな

それにしてもスムーズスクロールとかlightbox.jsとか、またうざいJavaScript増えてきたね

>>390
なんでそこで中二病が出てくるのかわからんが。

挙動の問題も指摘されてるし、タイムラグが嫌って言ってる人もいるでしょうが。

ここは良く荒れるなぁ。
とりあえず、CSSとは無関係なんだから
余所に行ってやれよ。

使い勝手についてだからいいんじゃない？

>>394

>>1を読んでみよう。

じゃあここはどうだろう
http://www.netdreams.co.uk/

なんか似たようなデザインばっかだね

情報を同ページにするかしないかはどっちも利点欠点があるから何ともいえないと思う

個人的には1ページ内に突っ込むのもアリだと思う
1つのHtmlに収まるなら、友人に作ってあげる時とかも管理に便利そうだし
もちろん、情報量、縦長になりすぎないとか色々条件が整った時だけだけど
>>353はちょっと縦長感があるけど、番号ふってあったり、まだ解読はできるからアリじゃないかなぁ
でも番号の右にそれぞれ同じナビがあるのは、ちょっと無いけど

ページ内リンクそのものが忌避されるというのに
スムーススクロールなんて論外。

時と場合によるんじゃないかな
ヘルプなんかは1ページに詰め込んでくれてもいい。
ヘルプ内検索が容易になるから。

>>399
ひとつのページに収まる程度の量で
どうして自分でスクロールじゃいけないんだよ。
わざわざリンクを設定する必要すらない。

>>401に同意だな。
ローカルに保存するときも便利だし、
２ちゃんのスレも、100づつより1000纏めて1ページで表示させた方が大抵便利。
でも、アンカーをクリックして、スムーズスクロールで移動されたら、いい加減にしろと切れると思う。

スムーズスクロールとかｲﾗﾈ
というか、スムーズにスクロールするかどうかはこっちが決めたい。

>>404
そうい言う事だと思う。

スムーズ・スクロールの使い方、許容範囲。

某キッチンメーカーのページ
http://www.toyokitchen.co.jp/products/functions/tavo.html
自分でスクロール・ダウンして「Page Top ↑ 」を
クリックして戻る時のみで、ブラウザのアドレスには変化（反影）ナシ。

（ユーザーではなく、見せる側の意図だけど。。
スクロールで戻る事で、もう一度、何気に、商品の画像を見せたいのかなと？
それに比較して、353の場合、スクロールする意味が無い。
意味も無く、スクロールするという事以外は。）

2回目以降は、ちょっとイライラするけど、
これくらいなら、なんとか、我慢出来る。＜　キッチン・メーカー
でも、使う必要は無いことには変わりないけど。。。

そもそも
「Page Top ↑ 」
これがイラネ。
HOMEキー一発で行きますよ、
なのに画面クリックで間違えて移動しちゃう可能性をどうして増やしますか、と。

＞HOMEキー一発で行きますよ、

web見るときキーボードに手を置きながら見なくね？
特に普通の人は。
やっぱりマウスでの移動ありきだと思うのだけど。

>>407
正論

HOMEキー、ワロス

>>407
思わない

1ページに纏めちゃうとSEOに弱いってのもあるよな。

>>411
それは正論だな。
一ページにまとめるのは個人的なサイトか、
情報量少ないサイトだけしかできないな。

素朴な疑問なんだが、ページ内リンクを好む人って
前のページに戻るときどうするんだ？

わんさいとわんぺーじ運動を展開している俺としては1ページサイトは嬉しい

スムーズ・スクロールはともかく、俺も1ページサイト自体は特に悪いとは思わないな

情報が極端に少ないならな

>>414
なんでそんな運動を展開しているの？

まぁ同じキーワード要素を1ページにまとめるならSEO的にはプラスだと思う
例えば健康についてのサイトなら
"健康"（健康についての考え方、健康についての取り組み、健康についてあることを実施した結果etcをまとめる）
　┃
　┣"健康""食品"について（健康食品の解説、自然食品の紹介、サプリメント系の健康食品の紹介etcをまとめる）
　┣"健康""グッズ"について（健康グッズの解説、健康グッズを使った感想、おすすめの健康グッズetc）
その他健康関連で分類

これなら同一キーワードだけど同じ内容は同ページにまとめた方がSEO的には効果があると思う
上記の分類を同ページにすると効果は期待できないけど

表示が重いのに、複数のページに分けられてると、他に飛ぶのが嫌になるけどな
それなら縦長１Pのほうがまだマシだと思える
まCSSでデザインやってくれてれば、あんまり無い話だけど

ページが別れてても重いものが1ページに纏められたら、そのページはどんだけ重いんだと。

>>418
日本語でおｋ

1Pにまとまるくらいの量しかないなら、
そもそも必要性が無いんじゃなかろうか？
まぁ、看板がわりか。

いいかげんCSS関係ないね

何だかスムーズスクロールの話からSEOの話まで展開してきたな
本題のCSSでイケてるデザインサイトに戻ろうぜ

だから余所でやれと言ったのに。

よし、なんか捜してくる
希望のスタイルあるか？
クール系とかシンプルと

か

http://www.kokusen.go.jp/
現在、求人中
暇な人は国民生活センターへ
ソースは綺麗だから...

なんか所々にコメントアウトされてる過去記事があるな。ｗ

ナチュラル系とか癒し系のを見てみたい

>>428
(1）消費生活専門相談員の資格を有する者

全員失格！

なら癒し系。ぬこが。
ttp://www.o-l.jp/

>>426
クール・シンプルは散々出てるからな
日本語でクール・シンプル以外ならいいんじゃない？

あーだこーだで荒れそうだけどね

日本語でクールシンプルなら
p://kwne.jp/~hareniwa/

名付けて　1ピクセルの魔術師
ここが（･∀･）ｲｲ
余白を思い切って確保している、文字ｻｲｽﾞさわってない、行間確保してる、
背景柔らかい白、ソースが(比較的)綺麗、ファイルサイズが小さい、
ナビは基本的で分かりやすい、サイト内のどこに居ても迷わない
ページ内リンクのあるページ内でスムーズスクロール採用してたら完璧！（なんてね

奇抜さはないけど、イケてると判断する

あ、↑アドセンスしてるんでクリック注意な

いつからここは素人の宣伝スレになりましたか？
自推でもいいから素人レベルは止めてくれ

むしろ企業系ばかりになって食傷。
昔は個人サイト向きの個人サイトばかりでよかったなあ。

>>434は自推じゃないよね？

>>434のサイト
＞13個のエラーがありました。このHTMLは 65点です。タグが 22種類 99組使われています。文字コードは Shift JIS のようです。

DIV厨でさらに意味のないSPAN多用も。
ソースはタブスペース入れすぎな気が・・・・・

>ソースはタブスペース入れすぎな気が・・・・・
それはどうでもいいだろ。

むぅ
それならここはどうだ
p://routinedays.skr.jp/index.html

名付けて　アイコン配置の虎
ここが（･∀･）ｲｲ
配色が綺麗、シンプルなレイアウト、アイコンのアクションが分かりやすくて楽しい、
行間が広くて読みやすい、CSSでできることをくどくなく見せている、
余白が広め、ソースがめちゃくちゃ綺麗
あとはスムーズスクロールがあれば完璧！（とかいったりしてね

けれん味はないけど、イケてると判断する

なんか笑っちゃったよ。

>>440
そうか？
無駄に右に流れて読みづらいことないか？
俺の感性の問題かもしれないが。





なんつーか、すまん。
よく考えたらサイトの作成者が理解できたらいいんだよな。

オレのセンスがイケてないのかな　∧ ∧
三つ目のサイト紹介はやめとくね （ ´∀｀）
眼磨いて出直すよ

>>441
（・∀・）ｲｲﾈ!!

ん〜人それぞれってことで

>>441
既出だけどね。

既出か

見た瞬間にわかった。

いやだから、どうでもいいだろ。

>>441
＞ソースがめちゃくちゃ綺麗
どこがじゃ。
見出しレベル飛ばしてるし、formでもないのにfieldset legend使ってるし。
アイコンも素人レベル。
デザインも雑。ボックスがズレてんのとか気になんねえのかな。

デザインが素晴らしく、
そのサイトが何であるか一目で分かるサイト教えてくれ。
日本でも海外でも構わん。ビジネスサイトが希望nnn

>>438
ごめん。そんな条項あるとは知らなんだ。
(1）消費生活専門相談員の資格を有する者
こんな資格あんのかｗ

>>441
スレタイからのCSSでイケてる、という主旨からは外れているし
ソースも綺麗というわけでもないけど、表示そのものは読み易く
良いのではないかと思います。

たしかにすげえ読み易い。

個人的にはmax-widthのem指定が好き

たしかに読みやすいが修正変更の度に疲れそうだな

http://www.a-film.de/
なんかトリッキー

これはflashでやった方がいい

気持ち悪くなった…
三半規管弱い俺にこれは辛い…

てかすっげえ重い

>>441
俺も見た瞬間ガイシュツなの分かった。
かなり昔のガイシュツだったような。当時はCSSデザインやアイコンの技術が
今のレベルな所が少なかったので、かなりイケテイルとおもてたよ。

ttp://www.uxmag.com/

>>463
div

>>463
いけてる
画面幅によってレイアウトが大きく変わるのな。
JS使ってるんだろうけどこれはスゴイ。
記事の並び方もいい感じだし、それぞれのページも
とても読みやすい。
こんな良質なグリッドデザインは久々だわ。部熊部熊

ただ、マジでソースは目も当てられない

ただの固定幅に見えるんだがおれの環境がおかしいのか？

>>463
文字サイズを非常識なまでに小さくしてユーザーを困らせてもやるだけの価値があるデザインなのかと。

ああ、動いた動いた
ドラッグ離すの忘れてたよｗ

>>463
黒背景にダークグレーのメニューって、もう、ユーザーを馬鹿にしてるのかと・・・。

この配色好きじゃない。海外サイトで良く見るけど。

>>463
こんな風に並べられると、どこからどう見ていいのかわからん

cssvault.comにも掲載されてる。

ttp://michaelparler.com/
ttp://www.al3x.net/
CSS Maniaにあった。

あったから何？

>>465
と
>>466>>468>>470>>471
なぜこんなに評価が違うのか；

欠点を欠点と認識できない人がいるってことでしょ

いいところより、悪いところの方が指摘しやすいからな

サクラじゃないの？

>>478
たまには誉めてるレスがあっても良いよね。

両方あったほうが良い

趣味でCSSを使ってサイト作ってて色々な人に見せるんだけどいい評価を貰ったことがない。
イケてるデザインサイトではないけど評価して欲しい。
こうすべき　とか　こうだといい　とか　どうすればいいかわからないんだ。

いいかな？

■■HP評価スレッド vol.50■■
http://pc10.2ch.net/test/read.cgi/hp/1156775402/

>>434みたいにシンプルなのは結構好きだけどなぁｗ

CSSファイルの中身も見てみたけど、
結構堅実に書いてあるし…
技術がないというより、余計なことをしていないって感じはする
実際はどうかしらないけどね

サイトのデザインよりも、CSSの中身が興味深い。
たぶん手書きだと思うが、なんつーか几帳面。

で、ここまで書いて思い出したのだが、
私の記憶が確かならば〜、このサイトは既出だったと思う〜
たしか、背景が青系で、白い切手のようなデザインで紹介されてたはず。
破線をうまく使っている、とかかんとかそういう感じでね。

記憶違いかも知れないが。このスレの7か、17あたりだった気がする

>>474の上の方。こういうフリーペーパー的なサイト好きだどなぁｗ

>>414じゃないけど、わんさいとわんぺーじスタイルはアリだな。
なんというか100円ショップフリークみたいな雰囲気があるように思う。
英語苦手なので読むのが大変だったが、読みやすさは良いな
英語人から見たらどうかしらないけどね

>>463
これのどこがいけてるのかわからないが。。
まぁ好みなんだろうな。
画面幅で変わるのはおもしろい。

が、飛び込んでくる情報が多すぎ、かつ、ダラーっと並べられてるだけなんで疲れる。

英語だからだろ

>>463
このデザインってたぶん、CSSかじって、
float覚えた頃に誰もがやったことあるレイアウトじゃない？
で、たぶん余白とか文字サイズ、幅の都合と、
それから　マスの中にいれるほどコンテンツがない！ことに気づいてやめるんだ。

オレは大量のdl要素使ってやったことあるよｗ
リンクページとか、トップページメニューでやったことあるわ

そういう意味で、成立しててスゲーなって気がするよ

>>474
http://michaelparler.com/は美しいな
CMSで作っているのが意味分からないけど

>>489
話題のスムーズスクロールだな。ｗ

それ以前にこんな狭い幅でこんな色遣いでどうして美しいのかと小一時間

>>491
ほんと？
マシーンの機種は何？

は？機種？
AT/PC互換機。

・・・わかってなくないか？

好みは人それぞれ

驚いて思わず間違えたorz
PC/AT。まあいいや。

マシーンの機種ｗｗｗ

セガサターンです。

万人受けするデザインよりも、好き嫌いのはっきり出るような
コアなのが好きだ
もちろんシンプルこってり問わず。

http://www.garrettdimon.com/
ある極に行きつけば、これが最終的なデザイン？

無難で面白くないね　良い意味でも悪い意味でも

DEFORM
http://www.deform-group.com

白黒にするならせめてもっとメリハリつければいいのに
灰色が悪いわけじゃないけど、読みにくい部分があったら厳しい

究極的に文字が小さい
あのサイズ日本語じゃ読めない

>>503
それはおまえが英語を読めねえだけじゃないか

英語ぐらい読めるぜベイベー

単語は拾えるけど、ニュアンスまで読み取れない
言い回しとかも無理
英語嫁ねぇよ！！

>>483
こんなスレがあったとは・・

http://seanklassen.com/
いいなあ

>>508
左カラムが固定のせいで下が読めやしねえぞコラ。

IEだと固定じゃないぞ

このスレはIE推奨じゃないと思うよ！思うよ！

OOS.MOXIECODE.COM
http://oos.moxiecode.com

>>512
テーブルに見えるのは気のせいかな

気のせいだろ。

俺のせいじゃなくてよかった。

字小っ

http://www.daleharris.com/
うまいな。それにWorkの見せ方が秀逸。

字小っ

>>517
いいとはおもうけど、画像の字が結構小さいな
本文は気にならないが。(自分で調整してるから当然だけど

あとページ下部の画像がきれてる。わざとなんだろうか。

ページ上部と左部の画像もきれてる。これもわざとなんだろうか。

今IE6で確認してみたが、ちゃんと最下部に画像配置されてるな。
俺のFFの環境では最下部の画像より下まで文字きてるから変になってる。

これが日本語だったらまず読めないだろうなぁ

あんまり面白いデザインってわけでもないしなぁ
「斜めになった画像等を使ってイケてるデザインサイト」
ッ手感じだ

http://www.igoo.co.uk/
こういうサイトって作れそうで作れないよなあ
バランス、配色ともにナイスだ。

>>524
IE6以下は完全に無視なんだなｗ
酷いことになってるぞｗ

IE６でみたが、幅をだんだんと縮めていくとおもしろいな。ｗ

IEなんてマジにどうでもいいからな

??

無視はできないけどね

でも出来ないって言われるとしたくなるよな。

どうぞどうぞ

無視したくなくてもapplication/xhtml+xmlだと・・・

IEの存在自体にイラつく
他の現行ブラウザだけを考えたページなら、サクサクと進むのに
アメリカ人に訴訟でも起こしてもらいたいわ


あーほんとイラつく

そういう時は「表に出ろ」って引き摺り出して
ｷﾞｯﾀﾝｷﾞｯﾀﾝにしてやるのさ。
あーすっきりした

検索用のボックスとボタンのデザインに悩んでるんだけど、
なんかいいデザインのサイトない？

フォームはただひたすらにわかりやすいものを希望

>>536
激しく尿意

この先トイレ→

助かった!!

シンプルだけど凝ってる
http://workbench-music.com/

字小っ

デザインは凝ってるけど字ちっせぇよｗ

http://www.abacusjapan.co.jp/
さすがだけど、ソースが残念！

残念すぎてﾜﾗﾀ

こういうのって誰が作ってるんだろう。

何人で作っているのかが気になるな。

マジで惜しいｗｗｗ

http://www.straightener.net/index.php
エルレよりはマシ

div id="body"

>>548
何か問題あるの？
ごく普通だと思うけどな。

ソース気にするのは趣味のレベルだぜ

>>550
それ言っちゃったら Strict じゃなくなるし、style 要素とか style 属性を認めることになっちゃう。

styleはあって良いと思う。

共通なスタイルは分離して、個別のスタイルは文書内定義したいし。

styleはあって良いと思う。

共通なスタイルは分離して、個別のスタイルは文書内定義したいし。

>>551
styleはあって良いと思う。

共通なスタイルは分離して、個別のスタイルは文書内定義したいし。

>>552-554
馬鹿三兄弟

間違えて連続投稿しちゃった。ごめん……。
レスポンスが遅い。

>>555
馬鹿だなぁ。
554-552=2だから二兄弟でしょ！

>>555
馬鹿だなぁ。
554-552=2だから二兄弟でしょ！

なんかサーバの調子悪いの？
あちこちで連投が見られるんだけど。

>>557-558
悔しいけど釣られてみるｗｗｗ

流行ってんのか、それｗｗ

流行ってたのか

　 ＿＿＿＿＿＿ 　 　/　／/　　　　　　 /　　　　　　　 / i,　　　　　　　　　　 i　 　ヽ
　[＿　 ＿＿＿＿] 　 〔／　/　　　 　　/ /　　　　∧　　/　 ヽ　　 　i,　　 i　　　|　　　|
　　 ﾉ ﾉ　　┌┐　　 　　　 /　 　/ /　/ / 　　　／　|　 /　 　 `､　i　　!　　|i　　 i　 , 　l
　／ 二~ﾌ　|　,二]　　 　 ./　 ,ｨ　/　/ // 　 ／ 　　 |　/ 　 　 　 | |　　|　　l !　　i　 | 　|
　`"<ヽ / 　|　L＿/|　　7_i／/`/ｰ- ､/　／　　　 　| /　　　　　 | ｌ　　 |　 l l　　!　 !　 i
　 _／／　　L＿＿/ 　 　　,/　/　,,,,- ﾆ=ｘ-､_　 　　!/ 　 　 　　 |i　　_, +十'ｲ　 i　 !　 !
　 ￣　　　　　　　　 　　 　/ 　 ''" ／ :;;r　jヽ`＼,/, ,ﾘ　　　　　i_,, x＝､　ﾚ　|　/　/ 　:|
　　┌┐　　　　　　　　　/| 　　 /:::::;;;;;;;:`::::::l　　 "　　　　　　"/ :;;r ヽヽ 　 |/| /　　 :!
　[二　 ]　＿＿　　　　　｛::|　 　|::::::::;;;;;;;;:::::::l　 　 　 　 　 　　 ｌ:::;;;;;` ::|　ｌ　　// 　 　:!　　。
　　 |　|／,ー-、ヽ　　　 　￣フ"`'､:_　''''　,ノ　　　　　　　　 　 l　 ''''　ﾉ,,..,　/○ 　 　:|
　 ／　／　　_,,|　|　　　　　／ ー''"..　￣　　　　　　　　 　　 　 ` ー '、　 ヽ 　 。 　 :| 　○
　レ1　|　　/ o　└、 　 　 >|::::::::::::::::　　　　　　　　　　　　,　　　　..::::::`''''"i　 :|　　　:|
　　 .|__|　　ヽ＿／^　　　　＼:::::::::::::: 。 　 　 _,.-ーx,, 　 　 _,,,__　:::::::::::::::○:|　:|　　　:|
　　 　＿　 ＿ 　＿　 　 　ﾄー::　○　 　 　 /　　　　 `''''''"　　 `i　 ::::::::::::::: l　.:|　 l 　:|
　　　/ /　/ /　/ /　　　　|　::| 　 　 　 　 /　　　　 　　　　　 　 |　 　　 　 /　 :|　:ｌ　 :|
　　 / /　/ /　/ /　　　　iヾ　:|　　 　　　/　　　 　　　　　　　　/ 　　　　, 'J　:::|　:|　 :|
　　 `"　 `"　 `"　 　　　{::|　 ::|　　　　　| 　　　　　 　 　 　 　/　 　,　ｲ 　　　::::|　:|　 :|
　　○　 ○　 ○　 　　　 l ::|　 :|、　　 　 ヽ　　　　　　　　　／ 　 ／ ::::| 　　　:::::|　:|

中学校を卒業した俺が親切に教えてやるよ。
552-554=-2だよ！

天才が現れたな

鬼才１！！ｗ

>>562
いやだ。

>>562
俺もいやだ。

　　　　　　 　（　・∀・）
　　　　　　 __〃｀ヽ 〈＿
　　　γ´⌒´-−ヾｖーヽ⌒ヽ
　　／⌒　 ｨ 　　　｀ｉ´　　）; ｀ヽ
　 /　　 　ﾉ＾ ､＿__￥＿_人　　|
　 !　　,,,ノ爻＼_　_人　ﾉｒ;＾ >　 ）
　（　　 <_ ＼ﾍ､,, __,+､__ｒﾉ/　　/
　　ヽ_　　＼ ）ゝ､__,+､_ｱ〃 ／
　　　 ヽ､___ ヽ.=┬─┬〈　 ｿ、
　　　　 　〈J　.〉､| Ｃ　|,　|ヽ-´
　　　　　　/"" 　| Ｓ　|:　|
　　　　　　ﾚ　　 :| :Ｓ　|　ﾘ
　　　　　 /　　 ﾉ|＿＿|　|
　　　　　 |　,,　 ｿ　 ヽ　　）
　　　　　.,ゝ 　 ）　　ｲ ヽ ﾉ
　　　　　ｙ　｀ﾚｌ　　 〈´　 ﾘ
　　　　 /　　 ﾉ　　　|　　 |
　　　　 ｌ　　/　　　　ｌ;;　 |
　　　　 〉　〈 　　　　 〉　 |
　　　 /　　::|　　　　（_ヽ　＼､
　　　(｡ｍｎﾉ　　　　　 ｀ヽｎｍ

>>568
いやだ。

http://www.my-igloo.net/
可愛い

既出でしょうか？
http://starsugar.com/

かわいー　と思ったけど、記事の口調で萎えた。

全体の四色の雰囲気は、鮮やか過ぎず
とてもいいけど、文字が読みにくいね。
トーンがちょっとうるさい。

俺は逆に口調に好印象を持った。テンション高いの嫌いだし。

えー、だって女だと思った

http://quarter.vis.ne.jp/

とってもイイ！

と思いました

>>575
日本では珍しいなあと思いました。
文字が小さいなあと思いました。
今日は雪がこんこんふってさむかったです。

>>575は既出
でも前よりもデザインが面白くなってる

>>575
ものすごく読み辛いな。

>>575

ブラウザの文字サイズ「小」にしてたっけかな？とか一瞬悩むぐらい読みづらい

>>574
女だよ。買ってる服が女モノじゃん。ワンピースとか。

なんなんだこのアホらしい流れは

黒にしろとは言わないけど、なんでこういうテキストの色になっちゃうんだろう
てか薄い灰色使ってるサイトとか多いよなぁ

最小フォントサイズ設定してない奴多いんだな

最小を設定すると重なって見えなくなるところも多いからなorz

最小フォントサイズを設定で
制限しないと困るサイトってのは
このスレの趣旨に反するな。

読みづらいのはフォントサイズのせいだけじゃないけどね

ところでよ、XHTML, CSS, PHPで
各基本ページつくるとしたら、どんくらいの時間で処理しとりますか？

意味不明な上にスレ違い

パッと見イケてるサイトが出ると
１行レスがものすごい増えるよね。

http://pex.jp/
いい！
テーブルもこういう使い方おｋだっけ？

<div id="mainimg1"><img src=''" alt=''"></div>
<div id="mainimg2"><a href=""><img alt="" border="0" src="" /></a></div>
勘弁してください。

ほんとはおｋじゃないけど、
こういう細かいレイアウトは
テーブル使ったほうが利口だね。

てか画像が壊れてたりするんだけど
僕だけかな？バイナリモードでアップロードしなかった感じに
なってる。

何が"利口"なのか分からん
俺の環境だと画像は壊れてないよ僕

CSSでやろうとしたら面倒だろ。
所詮CSSレウアウトなんて自己満なんだから（笑

>590
背景の色はもうちょっと落として欲しいな

>>594
>CSSでやろうとしたら面倒だろ。
>所詮CSSレウアウトなんて自己満なんだから（笑

レウアウト←ｗ
CSSでする方が長い目で見たら楽だしｗ
テーブル使うのも自己満だと思うのだがｗ
できない奴の僻みにしか聞こえないｗ
CSSで再現できたほうがファイルサイズは軽くなるし
現状でも利点は大いにある

ブラウザの「使えないCSSサポート」のおかげで、CSSでレイアウトするのは
ある意味テーブルレイアウトより大変かも知れないな。

ここまでブラウザによって崩れるんじゃ、人にCSSをすすめる
自信が無くなってきた。

別に勧める必要なんてないんじゃないの？
メリットとデメリットを理解した上で，やりたいやつがやればいい．

崩れないデザインだってあるし、心配するな
制作者の知恵と勇気と努力と根性が大事なんだよ

ここはメリットだのデメリットだのを語るスレではない

>>594
全然面倒ではないんだが
横幅決めてるならfloatすりゃ良いだけだろ

と言うかCSSのことよく分かってないみたいだな

http://www.eurovision.tv/
けっこうぎっしり感があるけど、ポイントポイントは可愛いくてクール

>>602
いけてる。色使いがいいな

>>603
俺は見た瞬間、うわっイケてねえ〜って思った。
参考までに聞きたい。色遣い以外にイケてる箇所はどこ？
嫌味とか煽りとかじゃなくて、
自分と違う感性の意見も聞いてみたいだけなんだ。
気を悪くしたらごめんよ

イケてる？
http://tool-1.net/?z_win

>>601
そんな単純じゃないだろ。
要素の高さは不定だったりとか
回り込ませるとIE6だと勝手に3pxくらいずらされたりとか
文字をでかくしても破綻しないかとか、問題は一杯ある。
実際やってみるといいよ。

>>602のやつ俺もあんまだな・・・
なんというか纏まりがないというか、引き立つとこがないな

たしかにちょっとごちゃごちゃしすぎてる感はあるが
見出しごとのアイコンはちゃんと目を引いてるし悪くないと思うよ
日本のテレビ局なんかと比べればかなりましだよ
エンターテイメント系のサイトが多少ごちゃごちゃするのはしょうがないと思うし

>>605
いろんな意味で逝ってるな

http://peety-passion.com/insomnia/
sushi x black

>>606
> 回り込ませるとIE6だと勝手に3pxくらいずらされたり
widthと ( border / padding ) は同時に指定しない
覚えておくと良いよ

画像があるから高さ・文字サイズの問題は確かにだるいな

>>610
ヘッダ部とかボタンとかの画像が安っぽいな

http://www.gran-turismo.com/jp/
結構がんばってる

>>611
君はかなりできそうな口振りだが、
作品を公開してみたらどうだい？
百聞は一見に如かずと言うとおり、
CSSで作った凝ったレイアウトの例を見せて
掛かった時間を掲示すれば良いと思う。

>>611
俺はfloatかましてwidthもborderもpaddingも指定してるんだが...
まあ、いいや
http://www.vblog.jp/

>>612
ほとんど、スクロールしなくていいのが便利。
結構じゃなくて、凄いな。
CSSはエラーだらけだけど。

>>612
ここって、PS3のサイトなのに、XBOX360の画像使ったとこだよね

http://exo.jp/keypersonq/
アドの載せ方がひどすぎる

このスレ、CSSも込みで話をしているの？

テーブルレイアウトは込みじゃないよ

floatでレイアウトしてるやつも
テーブルレイアウトしてるやつと変わらないと思うんだが。

参考書のほとんどが、
positionではなく、float仕様である件

>>620
別に変わらんがここは「CSSで」イケてるデザインサイトスレ
同じ様なこと言ってるやつが過去に何回も来て荒らしていったから
ここではそういうことは言わないほうがいい

安定感あるなあ。
http://www.noemie-chevaux.com/

ないない

>>624
おまえは有名人？

？？
とある小さなコミュニティに限定するならある程度有名ですね・・。

このサイトはどう頭を傾けて見ても安定感あるようには見えない。
画像の配置、文字の大きさ、レイアウト
すべてがバランス悪いように見えるけども。
グラフィックも、技法だけ真似てみましたみたいな感じ。
素人でしょ。

あれ、もしかして「ナイティナイン」とかけて有名人かと聞いたの？

あっそ

＼　　 　　　　 　　　　　　　�U　　　　　　 　 /
　 ＼　　　　　 　　　　　　　�U　　　　　 　 /
　　　　　　　　　　　　　／￣￣　ヽ,
　　　　　　　　　　　　/　　　　　 　 ’,　　　　　　/　　 　　＿/＼／＼/＼／|＿
　　　 ＼　　　 ノ//, {0}　 /¨`ヽ　{0}　,ミヽ　 　 /　 　　 ＼　　 　　　　　　　／
　　　　　＼ ／　く　ｌ　　 ヽ._.ノ　　　’, ゝ　＼　　　 　　 ＜　　バーーカ！　＞
　　　　　／ ／⌒　リ　　　｀ー’′　　 ’ ⌒＼ ＼　　　　／　 　　　　　　　　＼
　　　　　(　　￣￣⌒　　　　　　　　　　⌒￣　＿)　　　￣|／＼/＼/＼/￣
　　　　　　｀￣￣｀ヽ　　　　　　　　　　　/´￣
　　　　　　　　　　　|　　　　　　　　　 　 | 　
　　−−− ‐　　　ノ　 　　　　　　　　　｜
　　　　　　　　　 ／ 　　　　　　　 　 　ノ　　　　　　　 −−−−
　　　　　　　　 /　　　　　　　　 　　∠＿
　　−−　　　|　 　 f＼　　　　　　ノ　 　 ￣`丶.
　　　　　　　　| 　 　|　　ヽ＿＿ノー─-- 、_ 　　）　　　　−　_
.　　　　　　　 ｜　　| 　 　　　　　　　　　/　　/
　　　　 　　 　｜　｜　　　　　　　　　　,’　　/
　　　　／ 　／　　ノ　　　　　　　　　 　| 　 ,’　　　 ＼
　　　　　　/ 　 ／ 　 　　　　　　　　 　|　 /　　　　　 ＼
　　　／_ノ　／　 　 　 　　　　　　　　,ノ　〈 　 　 　 　 　 ＼
　　　　(　 〈　　　　　　　　　　　　 　ヽ.__　＼　　　　　　　　＼
　　　　　ヽ.＿>　　　　　　　　　　　　　　＼__)

>>613 死ねばいいと思うよ
>>614 ぐぐればいいと思うよ

>>629
コーダーの口だけ君に、作品見せろは禁句だったね。
ゴメンゴメン。

>>623
いいね。俺は好きだ。
うっとうしいという人もいるだろうけど。

おれは左側のなんかいっぱい重ねて芸術家気取ってみました
みたいなデザインあんまり好きじゃない

よく考えたら左の背景の絵って意味わかんねぇな。ｗ
内容がわからんからあれだが、蝶と花が好きなんだろうか。

http://www.benjerry.fr/
かわいい

http://www.booloob.com/
なんていうんですか浮遊感

すげ；

>>635
やべぇ。こういうのすげー好きだ。
右から左に流れるアラビア文字たまらん。
欧米以外のサイトでいいサイト探してたんだが、結局たどり着けなかった俺＞＜

広いモニタで観ると、さらにふわふわ感が味わえるな

>>635
なんのサイト分からないけど、アラビアっぽい雰囲気でいいな
内容がスカスカでもこういうデザインできるといいな

おまえらアラビア文字に騙されすぎ。
<div id="booloob-top-left"><img src="images/booloob-top-left.png" alt="" /></div>

<div id="booloob-top-right"><img src="images/booloob-top-right.png" alt="" /></div>
<div id="booloob-bottom-left"><img src="images/booloob-bottom-left.png" alt="" /></div>
<div id="booloob-bottom-right"><img src="images/booloob-bottom-right.png" alt="" /></div>
<div id="booloob-title"><img src="images/booloob-title.png" alt="" title="?? ?? ???????? ?? ???? ???" /></div>


<div id="partners">
<div id="partners-icons"></div>
<div id="partner1"><a target="_blank" href="http://ultrapain.com/"></a></div>
<div id="partner2"><a target="_blank" href="http://blogdesignstudios.com/"></a></div>
<div id="partner3"><a target="_blank" href="http://persianpodcast.com/"></a></div>

<div id="partner4"><a href="#"></a></div>
<div id="partner5"><a href="#"></a></div>
<div id="partner-tooltip"></div>
</div>

altまでアラビア文字だがどう出るか。

見た目がよければそれでいい。

>>641
>>1読め

>>618

いつものパターンだが、アラビア語に騙されてるわけじゃないけどな

サイトの見た目が良ければ、そっちのサイトのほうが
コーディングは完璧だがデザインがいけてないサイトよりも良い気がしてきた。
テーブルデザインは重いからいやですけれど。

>>645
本来、ソースは手段でしかないからな。

だが、>>642は、>>1を読め とでも言いたいらしい。

一人で読んでろよ。

>>646
たしかにソースは手段であって目的ではないからな
ソースが美しいだけどなあ

個々の理想とか関係なく、単純にスレ違いだって事ではないの？
見た目がイケてるサイトスレとかあればいいけど

テーブル使ってないんならlintで何点だろうがどうでもいいと思うんだが。

CSSがイケているサイトなのか？
CSSでイケているサイトなのか？
この差異は大きいぜよ。

ああ、そうか

デザインはいくらソフト使えるようになっても、最終的には持って生まれたセンスが重要になる。
ソースは勉強すれば誰でもある程度同じようなものは書ける
って言うと、ここを覗いてるコーダーは怒るんだろうけどねー

>>652がいい事言ったな

まぁ、数学にも才能は必要だからな。
パターンは勉強できるけど。

見た目も良くてソースもしっかりしているサイトを貼るスレだ。
どんなソースでもよければ、div使いまくったりしてやりたい放題できる。
しかしそんなのは参考にならない。
HTMLというもともと制約のあるものの規範から逸脱せず、ビジュアルも良い。
そういうサイトを紹介しあいましょうというスレ。

652は「CSSがイケている」と言ってる時点で
何が取り沙汰されてるのか理解してないだろう。

入り口を狭めるとただでさえ過疎ってるこの板でスレが進みませんよと
ってことだろ

>>657
「CSSで」だと、えっ？ってケースが多いからだろうな。

>>659
kwsk

>>660
自分でページ作って、しみじみと見れば良いんじゃね？

>>657>>659
話が抽象的過ぎてわかんない、詳しく。

本能的に逃げ道を確保しちゃうんだよね。
よくできてます人間

>>662
煽りに答えるのもなんだが

640からHTMLの文法の問題を議論していた
↓
CSSがイケているサイトなのか？>>652
↓
CSSの文法の話なんかしてねーよ>>677

普段はdiv厨だのソースがイケてないだのと叩かれることが多いスレなのに
なんで>>635だけこんなにマンセーされてるのかとても気になる

自演だからさ

ソースも究極に酷いが、それよりふきだしの部分が、
Fxだと一部が切れ、IEだとウィンドウサイズ変えたときに背景が消えるのが気になる。
あと横幅無駄にでかい。
内容物ででかくなってるならまだしも、
意味のないグラフィックのためにでかくしてるってのがなんだかなあと。
これこんなやり方じゃなくて、一枚の背景画像でよかったんじゃないの？
なんつーかCSSの使い方下手すぎ。
"CSSで"イケてるデザインサイトってそういうことなんじゃないのかな。

نعم

Hyperion
http://www.hyperion.com

ＣＳＳデザインのサイトって、引継ぎとかどうしてるんだぜ？
Tableレイアウトしか知らないデザイナーのほうが圧倒的に多いんだけど。

「何あの糞デザイナｗｗｗわけわからねえコード書きやがってｗｗ」って陰口叩かれたかないんだけど。
なんとかしろ。

スレ違い

http://clear.mond.jp/
サイト名かわって一段とかっこよくなったよ

サイト名以外変わったのないじゃんぜ！

なんでいつも直リンなの

URLを ttp:// から書いている
古い考えを捨てられないヤツがまだいるの？

clear.mond.jp

403エラーなんだけど

>>674
具体的に説明してごらんね

いめ。ぬ

>>671
かめむしっぽいですね

かめむし？

http://www.webken.jp/

好みのデザイン！
はぁはぁ・・

ページ変遷した時に、レイアウトが動くページがあるのが
嫌だな

スレに関係ないけどお金のにおいがするだけの検定かな

http://www.arbutusphotography.com/
ちょいきれい
デザインが

>>685
きれいだけど、横幅でかすぎだろ。

http://www.robertnyman.com/
モアイがいいかんじ

>>687
フォトショのカットアウトかけただけの画像じゃねえか

>>688
それでもいいじゃん。

「グラフィック技術がないのでイケてる
サイトになりませーん」とか言っているヤツよりマシ。

センスあるな・・

>>689
それオレｗｗ
最近では画像なんて使わずにborder多用してる

http://www.abeja.org/
ほのぼの
http://littleblueplane.com/
さわやか

やっぱ、いい素材サイト見つけるのが・・・とか

>>691
逝けてるな。

>>692
下はなかなかいいな。俺は好き。

なんだってこう極端に文字が小さいのだろうか

http://portfolio.grillo.tk/
2.5MBだけど、アイデアは面白い

こんなアイディアは禅でとっくに出てる件

>>697
開いた時は「なんじゃこりゃ」だったが、
全部読み込まれてやっと　なるほどなと思った。
重すぎて実用的ではないよな。
見た目は好きなんだけど、イケてるかイケてないかだと、イケてない。
ソース酷すぎるし。

それを言ったらこのスレほとんど成り立たない件

>>700は>>698へのレス

画像ばっかだし、Flashで良いじゃん。
って思った。

グラフィック系のサイトが晒されると
必ずこういう流れになるよね。
嫉妬深い連中がムキになって出てくるんだろうね。

2.5MBはいくらなんでもひどすぎる
背景画像の1600x1100とか重すぎ
せめて1MB以内だろ

2.5MBくらいないと作れないデザインもある。
そのひとつがこのサイトってことで。

ちゅうか、軽いほうがいい、ソースは綺麗なほうがいい、
ユーザビリティは高いほうがいいって言うのは正解だけど、
それらが悪いって言うのは、欠点ではあれど評価のすべてではないだろう。
それらを満たしていないサイトであっても長所はいっぱいあるし、
お前たちはその長所をしっかり自分で見つけて
作品に反映できているのか？
叩くためにここ見てたりするんじゃないのか？

だからそういうのはスレ違いなんだって。
テーブルレイアウトでも長所はいっぱいあるから出していいでしょと言うのと同じ。
ここはソースやユーザビリティも含めてイケてるサイトを紹介するスレ。

年中叩いてばかりなのにどうしたんだ？

746 名前：Name_Not_Found[sage] 投稿日：2006/08/18(金) 01:13:08 ID:???
俺もこのスレはずっと見てるが、
晒されるサイトとコメントする側の相関関係を考えてみた。

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

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

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


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

>>697
回線細いから読み込むまでにかなり時間かかった･･･
それは気になったけど，デザイン自体はおもしろいね．
縦に広い画面だともっと見やすくなるかもしれないと思った．

ソースはテケトウでいいからデザインののイケてるスレってのがあったはずだが
ソース気にしない奴はそっち池よ。

センスの無いコーダー

ここは、デザに憧れるコーダーのスレだからな。

把握した

DESIGN INDABA EXPO
http://www.designindabaexpo.com

それは嫌がらせのつもり？

>714
もの凄い重い

>716
もの凄く重い
　　~~~~

バリデーターって、意外とうっとおしいよな。

重いなぁ・・・
ところでフルCSSの場合皆さんの理想の重さはどれ位？

【div厨】CSSでイケてるデザインサイト【歓迎】

HERE WE GO! ...

>>708
前にそれコピペしてたのもお前か？
その中学生が適当に考えたようなやつ、まさか本気にしてるわけじゃなかろうな。

中学生が適当に考えたようなやつってよりは
自推して叩かれたやつが悔し紛れに書いたやつ　だな。

正論だがな。

そうか？
「自分のサイト」なんて言葉が入ってる、
評価者のサイト制作能力がものさしとしてある時点で、
「ならお前のサイト見せて見ろよ」だの「じゃあ同じレベルのもの作れるのかよ、作ってみろよ」
なんていう、よくある低レベルなレスとなんら変わらん。

つーか、>>697に対する評価だけみても>>708のどれかにあてはめられないない時点で正論でもなんでもない。

タイプミスｗ
あてはめられないない　→　あてはめられない

http://www.paperboy.co.jp/konboku/

>>728
横幅広すぎ

>>728
画像を位置指定しただけじゃん

やっぱりこのスレは、ソース見てないのね…

何一つ評価するべき処かないものはスルーするだけ

<meta name="keywords" content="ペーパーボーイ,ペパボ,paperboy,社長,社長本,貧乏,いじめ,イジメ,登校拒否,ひきこもり,ナナロク世代,サクセスストーリー" />

http://www.biola.edu/undergrad/
大学のサイトもここまできたか

既出？
http://www.utp.or.jp/

>>731
リアルタイム動画配信ってデザインじゃなくない？

http://www.hosei.ac.jp/
以外に見やすい

SFCだけ？
http://www.sfc.keio.ac.jp/

スーパーファミコンかと思った

>734
ナビにもこだわって欲しかったけど、全体的に面白いデザインだね

Fast Search & Transfer
http://fastsearch.com

日本語のサイトでここに出てくるのって文字が小さいのが多いけど
丁度いい文字の大きさの所誰か紹介してくれ（´・ω・｀）

>>742
モニタの解像度とかのクライアント環境でも違ってくるだろうけど，
IEだったら一番小さい文字が中で読めるくらいが妥当なとこじゃないの？
Mozilla JapanとかOperaとかの公式サイトはちょうどいいんじゃないかと思うけど．個人的には．

> クライアント環境でも違ってくる

覚えたての使いたがりですか？

>>744
?

>>744
?

743だけども
ハードウェア環境(解像度やら色数やら)とかソフトウェア環境(ブラウザやらフォントやら)とかが違うだろうから
ということをまとめて言いたかっただけで特に他意はないのだけど．何か気に障った？

ブラウザデフォだと15か16pxくらいが標準だっけ？
最近のサイトはY!UI Fontの普及なのか、13px位が多いな。
俺はまあ読めるけど弱視の人とかは大変だろうな

弱視以前に環境の差異の問題。

XGAからWSXGAに最近変えたんだけど、やっぱり同じ大きさの文字でも小さく感じるよ
画像ピッチは0.282mmでこれだから、もっと小さく感じるWSXGAもあるだろうし

画素ピッチでは

>>708
自分はスキルがないからコメントしてないけど練習としてパクって作ってる。

ここで出たデザインをdivのないstrictソースで再現できる奴は凄いと思うが、
div病でなきゃ再現できないデザインばっかだから、どうでもいい。

>>753
divは、一つのまとまりをグループ化する要素であって
CSSやJavaScriptで何かを実現するための「手段」ではないぞ？

>>754
そういうことを言ってるんだろうが。

>>753
何が言いたいの？
「デザインありきのマークアップだらけだから、どうでもいい？」って言いたいの？
それを書き込むことによってどうなるの？

>>753
http://mt.vicuna.jp/check/
ここをdiv病と言ったら俺は無理だわ

ttp://www.w3.org/

>>757-758
どちらもdivばかり(笑)

divは使うだろ・・・常識的に考えて・・・

少なくとも>>757はdiv厨ではないだろ
それともttp://adp.daa.jp/みたいなのでないと駄目なのか？
デザインの幅がかなり制限されてしまうだろ

757はDIV厨の走りだろ。
divの使い方が統一されてない。
divで許せるのはsectionを見据えたhn連動型くらいだ。

>>760
この程度の物ならもっとdiv減らせるだろ・・・常識的に考えて・・・

>>763
いやそういうつもりで言ったわけじゃない・・・
もちろん俺もレイアウトを実現できる最低限の使用が正しいと思う

>>753氏の
>divのないstrictソースで再現
に対して書いた

常識的に考えたらDIVは不必要だよ。
だいたい「レイアウトを実現できる最低限の使用」って言ってるあたりで間違えてる。
DIVを使用するのは>>762のような使い方であってレイアウトのためじゃない。
>>754読んでこい。

まーた糞コーダーかよ

>>765
ほうほう
あなたの言う事を実現しているサイトを後学の為に
ぜひ見せてください
できればあなたが作成したサイトを

>レイアウトを実現できる
>レイアウトを実現できる
>レイアウトを実現できる

これが糞コーダーか

しつこくて済まないが計算し直したら9-9-5-5の四点は勝率50%ジャスト
9-9-6-5の４点は勝率50%を僅か(0.9〜1.6%?)に上回るみたい。間違ってたらごめん

>>439
負けても5千しか取られないけど1/6の確率で勝てば5万で10倍貰えるからな
複数賭けは一つは当たっても他がハズレ扱いになるからトータルだと損しやすいみたい

１点：１回勝って＋４．５万　５回負けて−　　５万、トータル　−０．５万
２点：２回勝って＋７．０万　３回負けて−　　６万、トータル　−１．０万
３点：３回勝って＋７．５万　３回負けて−　　９万　トータル　−１．５万
４点：４回勝って＋６．０万、２回負けて−　　８万　トータル　−２．０万
５点：５回勝って＋２．５万、１回負けて−　　５万　トータル　−２．５万

>>767
俺も見たい。

どの本を見てもdiv関係やデザイン関係のことは書いてること違うんだよなぁ

769の意味不明さもあれだが、770の日本語は本当に合っているのか・・・？

>>767
だが断る。
ていうかここに晒されたことがあるorz

別に772のサイトじゃなくてもいいんでしょ？

実現できない理想論なんて糞さ。

普通に実現されてるサイトなんてまとめサイトにいっぱいあるやん

>>771
釣られちゃったな

>>772
はいはいﾜﾛｽﾜﾛｽ

このスレ見てる人たちで1つのサイトデザインを作ったら結構いいものができるんじゃないかと思った
psd交換しながら作っていくの

俺は基本精神はストリクタよりだが、
このスレの基準として>>762の「divで許せるのはsectionを見据えたhn連動型くらい」は
ちょっと行きすぎじゃないかとオモタ。

ちょっとすみません、自サイトなんですけど
ttp://www51.tok2.com/home/etarnalcatacomb/index.html
のCSSデザインについて意見をもらっても良いでしょうか？
HTMLもCSSも配布されている物を改変して使用しているのですが、分からない部分はそのままなので……。
取り扱っている内容に関しては何も言わないで頂けると嬉しいです。

それと、HTMLとCSSの配布元については何も言わないで下さい。
改変自由なので、デザインやHTML文法で問題があったら自分の責任ですので。

ブログのコメント書き込みフォームなど
CSSでキレイにレイアウトされて
しかもフォントサイズを拡大しても崩れない
良い例を教えてくださいまし。

うるせえハゲ

温水みたいなハゲでゴメン・・・

>>779
悪くないと思った。
かっこいいかどうかは別として、分かりやすいデザインではある。

ただ、横方向のスクロールバーが常に出てるのが気になった。

>>779
評価スレに行け

>>783
ありがとうございます。
横方向スクロールバーはレイヤー使うとどうしても出てしまって……。
縦のスクロールバーだけを表示させるスタイルシートは対応がIEのみのようで、自分も気になっているのですが手が出せない所なんです。

>>784
スレ違いでしたか。すみません。
この場合向こうに立てても良いのでしょうか？
複数のスレッドに立てるのは良くないようですし……こっちを消すべきでしょうか？
質問ばかりですみません。

（；＾ω＾）ｺﾞｸﾘ・・

>>785
勉強し直せ
2年ROMれ
>>1を読め
理解する努力をしろ
どう考えてここに書き込みしようと思った？
なんでスレ立ての話が出てくる？

何でもいいからこのスレに晒されたサイト見て書き込みせず帰れ

どう思うかは人それぞれだが、俺はダサいと思った。
あくまでどう思うかは人それぞれだが、これを悪くないと言い切る>>783のセンスを疑う。

>>779本人はおバカな人のようだな。

どう思うかは人それぞれだが、俺はダサくないと思った。
あくまでどう思うかは人それぞれだが、これを悪いと言い切る>>788のセンスを疑う。

>>788もおバカな人のようだな。

どう思うかは人それぞれだが、俺はダサくないと思った。
あくまでどう思うかは人それぞれだが、これを悪いと言い切る>>789のセンスを疑う。

>>789もおバカな人のようだな。

どう思うかは人それぞれだが、俺はダサくないと思った。
あくまでどう思うかは人それぞれだが、これを悪いと言い切る>>790のセンスを疑う。

>>790もおバカな人のようだな。

>>792もおバカな人のようだな。

そ、それはオマエだ！

>>785
http://pc11.2ch.net/test/read.cgi/hp/1156775402
スレたてんじゃねーぞ

>>788
かっこいいかどうか（＝ださいかどうか）を別として、ってかいてるだろ……常識的に考えて……

>>777
これやろうぜ

でもさ、HTMLもCSSも配布されている物を改変して使用しているのはいいけどさ、分からない部分はそのままなのはどうかと思うんだけどさ、そこんとこどうなのさ。

>>797
勉強する気があるヤツとないヤツの違い

かっこいい・かっこ悪いは、それぞれの感性なんだから
かっこいいって言った人を攻撃するのはおかしいしその逆も同じ
ここがいいから伸ばすべきとか、ここが悪いからこう改善したら？
とかの意見の方が重要だと思う

ていうか一番の問題は、他人のデザインを批評してもらおうという根性だと思うんだ・・・

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

Another HTML-lint で 100点かそれに準じる得点...
こんなの言っている時点で、職業人ではない。

俺たちは職業人じゃない
追求人だ

ていうか100点くらいで何を言ってるんだろう。
最低基準だろう。
100点なんてやっと足し算引き算が出来るようになったレベル。

Strict精神で20点以上あれば晒してる
その後div厨なんたらって話になるけど

http://www.marc-2.com/company_staff.html
あっはっはｗ

>>805
テンプレ読んでませんと宣言してるようなものだぞ

このスレで「Another HTML-lint で 100点かそれに準じる得点」クリアしてるサイト出たか？

イケてるサイトも希だ。

出た・出てないじゃなく、認めたかそうでないかなような糞コーダー気がする

最近テンプレを読んでない厨が糞ソース出してるだけで
昔の見ろや。いっぱい出とる。

>>100点なんてやっと足し算引き算が出来るようになったレベル
クハッ。
100点とれても意味がないことを気づけないアホは満点とって勝手に満足してくれ。
ボケ

別に意味ないことはないだろ。
固執するのは意味がないとは思うが。

JUPITER TV
http://www.jupitertv.co.jp

こしたことはないが、情報伝達の本質的なことではない。

最低限だからそれも超えられないのは100点だけに固執より質が悪いがな。

>>816
???

>>795
なんという短絡的思考…
これはもう間違いなくゆとり…

>>818は匹夫

>>818は凡夫

>>818は慰安夫

自演乙

ゆとり教育ってウン十年続いてるんでしょ？

web建築屋ｗｗｗｗｗｗｗｗｗｗｗｗｗ

低学歴専用ｗｗｗｗｗｗｗｗｗｗｗ商売？？？？

ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗうけるわ雑魚すぎて

>>819-821 はゆとり教育以前の問題
>>824 はゆとり教育プラス生まれつき知性に欠けていた結果

笑えた!

>>819-824 はゆとり教育以前の問題
>>825 はゆとり教育プラス生まれつき知性に欠けていた結果

つまんね

デザインできても、内容がつまらなかったら……

>>827のセンスの無さには目を見張るものがある。

>>829
たまにあるな。
内容を見なければいいだけ

美人だけど頭空っぽの女、みたいな。

まあこのスレに貼る分には内容はどうだっていいよ。

グラビアを見る時、モデルが性格良いか悪いかなんてどうだっていいのと同じ。

1.Strict な精神、Another HTML-lint で 100点かそれに準じる得点

Strict な精神　の部分が重要。
点数はどうでもいいんじゃい。

大体、後付けのテンプレなのになんでこうも妄信するわけ？
テンプレ考案者もどうせ、ほとんど素のHTMLに
ちょこっとCSSで見た目を変えてみましたみたいな
デザイン能力のないダサイト運営者だろ。
参考にすべきものは何かを見極めろよ。

>>834
Strict な精神でやってたら、lintの点数がそんなに低くなるわけないがな。
Strictスレの連中がlintで30点のサイト作ってると思うか？

それと、「どうせ　〜　だろ」て煽りは、
自分の主張を馬鹿っぽく見せるだけだからやめたほうがいいよ。

> ほとんど素のHTML
って何？

>>836
cssのオンオフでほとんど見た目が変わらないページ

>>834
画像の加工ができない奴もいたしな。

かっちょいい背景等に併せて要素の位置を
CSSで動かしているだけでも十分に「CSSでイケてるサイト」だと思うんだ

でね？ここからが本題。
Webデザイン集を買おうと思ってるんだけど、
だれか払ってくれないかなあ、本代


和んだ？

和んだ

関係ないけど、

■ おすすめ２ちゃんねる 開発中。。。 by FOX ★
このスレを見ている人はこんなスレも見ています。(ver 0.20)
剛体シミュレータ RigidChips(part=15) [同人ゲーム]
NHK・杉浦友紀アナ [NHK]←←←←←←←←←←←←←←←←←←←
【デパート】三越【百貨店】 2店め [通販・買い物]
都立高テニス　その６〜最強は誰だ??〜 [テニス]


これオレだわ

(・∀・)ﾆﾔﾆﾔ

和んだ

The Laughing Man Hacks You!
http://thelaughingman.net

みんな来てね
http://tool-9.info/

準備中です＞＜；

>>835
海外だと所々痛いミスがあってlint40点とかよく見るけどなぁ

あんまり漏れのサイトが凄すぎるからって
.cssパクってんじゃねぇお前には無理だ

こればっかりは天性のセンスが大事なんだから
ザコは依頼するか大人しくダサイト運営してろ、ﾌﾟｯｗ

>>847
5年後には今のお前のレベルになってると思う。
それまでパクリダサイトで頑張ります。

>>847
日本語でおｋ

HALLIBURTON
http://www.halliburton.com

>>850
段組みが典型的だけど、まあまあ良いと思う。
個人的には、もうちょっと字が大きい方が好き。

>>850
これは、日立のパクリでは無いのか？

おー、確かに似てる

http://www.law.yale.edu/
大学のサイト作るのが一番難しい

http://www.utexas.edu/law/
これもいいなあ

>>854
スレに趣旨に反するページだからURLは張らないけど、
東京大学工学部社会基盤学科
のページはかっこいいと思った。

既出ならｽﾏｿ

>>856
見たけど点線が気持ち悪かった

　　　＼ 　 　 　 　　　　ヽ　　　　　　　　　|　　　　　　　　　/　　 　 　 　 　 　 ／
　 　　　＼　　　 　 　 　 ヽ　　　　　　　　 |　 　 　 　 　 　/　　　 　 　 　 　／
　　　　　　＼　　　　　　　ヽ 　 　 　 　 　 |　　　　　　 　/　　　　　　　　／
　　　　　　 混　沌　と　し　た　ス　レ　に　韓　の　救　世　主　が　！　！
　　　　　　　　　 ＼　　 　 　ヽ　　　　　　　 　 　 　 　/　　　　　　／
‐､、　 　 　 　 　 　 ＼　　　　　　　　　　　　　　　 　 　 　 　 　／　　　　　 　 　 _,,−''
　　｀−､、　　　　　　　　　 　　∧＿∧　　ｳｪｰ､ﾊｯﾊｯﾊｯﾊ！　　　　　　　_,,−''
　 　　　　｀−､、　　　　　　 　< ｀∀´ >　　　　　　　　　　　 　 　 　 _,,−''
　　　　　　　　　｀　　（￣＼　／　　 　＼ 　　　
　　　　　　　　　（￣￣　　　｀i　　　　　|ξ)
──────（￣￣　 　　 |／| 　 　 | 　　　　　　　　　　　　　────────‐
　　　　　　　　　（￣￣　　　　|　| 　　　|
　　　　　　　　　　（￣ 　 　 ノ　/　　　　￣ ﾞ‐-､
　　　　　　 　 　 _,,−''￣￣ 　/　　 ＿＿＿ 　　 ｀−､、_　　　｀−､、
　 　 　 　 _,,−'' 　 　 　 　 ／　 　/ 　　　　￣｀−､、　　＼､　　　　｀−､、
　,'´＼　　　　　　 　 　 ／　　　　/　　　　　　　　　|　　 　　|　 　　　　　　　　　／｀i
　!　 　＼　　　　 　 _,,-┐ 　　　/　 　　　　　　　　| 　　 　　|ｒ‐-､、　　　　　／　　 !
　ﾞ、　　　｀ー--＜´ 　 / 　　　/　　　　　　　　　　| 　 　 　　|ﾞ、　　＞−一'′ 　　,'
　　y'　　　 　 　 　｀ヽ/ 　 　 / 　　　 　　　　　　　|　　　　　　|ヽ '´　　　　　　　 　ｲ

http://www.lotro-japan.com/
ゲーム系ってFlashが多いけど、HTMLで十分だと思うんだが
ま、画像を保存されたくないとかあるんだろうけど〜

ゲームを買うメインの層は
んなこたぁ気にしてない。

>>858
ﾆﾀﾞｰかっこええええ！惚れた

神輿を紹介してるようなサイトが昔あったと思うんだが
誰か覚えてない？

アンカーにマウスオーバーするとアンカーとは別の場所のイメージが切り替わるやつ。
javascript使わずにどうやんだあれ

それはまたいやらしいサイトだなぁ。そういうのは好きだが。
海部にカーソルを載せると竹下が浮かび上がって来たりするのか。

>>862
ＤＨＴＭＬかＦＬＡＳＨ

>>862
手元の『CSSプロフェッショナル・スタイル』という本にそういうメニューの作り方が書いてあったよ。
大藤幹の本ね。

>>862
要素:hoverとか使ってるんじゃね。div#alpha:hover div { ... } みたいな
IE<7にも対応させるとすると、a要素でラップしてa:hover使うとか？

>>855
俺も好きだね。というか、これぐらいならWPでテンプレを何とか作れる。

>>866
そんな感じだな。
a要素の中にspanを入れて、
aに背景画像を設定。
spanは絶対配置でaとは離れた位置に移動させる。

a:hoverでspanの文字列にマウスオーバーすると、aの部分の背景を変えられる、ということらしい。

今はＣＳＳどーのこーのじゃないな
全部ＳＷＦにすればカッコイイんだよ

SWFｗ

しかも全角ｗ

なんという釣り

愛を求めているとしか思えないな。
はい次

http://www.cityrecitalhall.com/
h1が変だけど、いい。

まぁCSSに向いたページとFlashに向いたページってあることはあるよね
ゲームのソフトのページなんかはFlashでいいと思う
ただFlashの表現性に溺れてCSSで出来ることをFlashでしている企業サイトを
見るとちょっと寂しい

>874
色がいい

>875
ゲームこそCSSでいいよ
単純に情報だけほしいのに、無駄にいちいち読み込まれたらたまらん
ゲーム内容の動画とかはもちろん別だけど

>>875>>876
KOEIの各ゲームのページなんて、悪しきフラッシュの例だと思う

あっ内容まで書いてなかったな
俺的にはゲームソフトの会社でFlashが許せるのは
ソフトの紹介ページの疑似体験できる部分だけかな
後はCSSでデザインするべきだと思う
すべてのデザインをFlashに内包しようとするプロの感覚が分からない

Flashで作った方が儲かるから・・・。

お客さま、CSSなんてもう古い。
Flashで動的なウェブサイトを！

ちょっとお値段高いのですが……。

まぁ、このサイズのフラッシュムービーなら、安く見積もって30万で作れるでしょうね。

WEB2.0
http://www.webtwo.co.jp

社名がイタいな
デザイン以前にプレスリリースがリンク切れな時点で終わってる

その内div中毒ならぬFlashジャンキーって言葉でも出てきそうだなｗ

>>881
いや、120万はするだろ普通。

VIACOM
http://www.viacom.com

>>886
話にならない

>>886
とても・・・テーブルです・・・

882が言わんとすることもわからんのかココは

代弁よろしく

>>863-866,868
ありがとう。確かにaのなかにspanだった。思い出したよ
ちょいとやってみる

ああああああ否定セレクタ（何とかじゃない要素にマッチするセレクタ）欲しいいいいいいい

3年ぐらいまて

カッコイイし見た目も違う

最近のトレンドはフラッシュだよ

時代にあわせなきゃ

カッコイイの質が違うよなぁ
俺的には
フルCSS＝いぶし銀（ほとんど動かないがいい味出してる）
Flash＝イケメン（カッコイイが醸し出す雰囲気がまだ子供っぽい）
って感じかなぁ？

>>894
それをここで言うか

このスレ的にjQueryとかのJavaScriptライブラリどうよ？
ものによってはIE5以上サポートで、
>>892が渇望してるCSS3のセレクタも使えるようになるみたいだ。
もちろんJSオフ時の代替手段あるの前提で、俺は肯定派なんだが。

フルCSS……低予算ながらも趣向を凝らした映画
Flash……潤沢な資金で精細なCG、高名な俳優を起用した映画

というかんじがする

見た目がカッコイイけどユーザーに優しくないFLASH

ほう。
そーですか。

日本の大学のサイト色々見てたんだけど
配色は好きだけど中身があんまないな

http://www.leh.kagoshima-u.ac.jp/kumcp/

まあ、分かりやすいけどね
色は良くないなあ

「心」理学
というわけで桃色を前面に押し出してるんだと思うが、
お前らだったらどういう色を組み合わせる？　実際にはメニューを黒色にしてるわけだが……。

cssはバカでもできそうだけど、flashは頭良くないと出来ないよなぁ・・

flashも誰でもできるだろ

微積で躓いた俺でも出来るんだぜ

>>905
いちいち反応しないでよろしい。
そのくらい流せ。

他にスルーべきものが山ほどというか
おまえがまずスルーしろよというか。

なんで心といえば桃色なんだ？
俺のカテゴリーにはそんなものないぞ？

心と言ったら赤と青

理解できねえなあ

>>911
たしかに、ちょっと難しい問題だよね。

そんなときはこの動画を見てみるといいよ。
きっと問題解決のためのヒントがあると思う。
http://www.youtube.com/watch?v=xAQXOTr0faw

>903
普通に薄い青とかで良いような気もする
ピンク使うにしても、ここまで多くしなくてもいい気がする
ワンポイント、ワンポイントで使っていけばピンクでもいけるだろうし
これじゃマタニティー系の情報載せてるサイトっぽい

>>912
uzai

心理学って心の内面にかかわることだからピンクはふさわしいと思う。
だけどハートマークと一緒に使われると一気にいやらしい感じになるね。
構成はものすごくわかりやすい。

なんで心の内面にかかわることだとピンクがふさわしいの？

ピンクって優しくてあたたかい感じがするなぁ
たぶんナビ部分の黒は堅実性を表したのかな？
優しくてあたたかい感じだけだと膨張して見えて
軽く感じてしまうから
引き締める為に黒を使ったのかも

しかし<h4>は何故閉じられていないのかな？
構文的に間違っている所が多い希ガス
もったいないね

臨床心理学で使われているフォントはなにかな？

どうみてもメイリオです

ピンクってエロいよね

ならフラッシュでエロいの作ったほうがカッコイイしね

言ってる意味がさっぱりわからない

日本語でおｋ

http://www.628drive.net/
大枚はたいてもこれかあ

なぁ
WEBデザインしなくちゃならんのだが
エロゲ風というかギャルゲ風なサイトのデザインテンプレみたいなのうｐってるとこねぇか？

テンプレとか言っている時点で
キミはこのスレに居るべきではない

なんだよー。サクッと作りたいんだよー
教えてくれよー。つーか誰かつくってくれよー
WEBデザインなんて、1年ぶりくらいでめんどくせーんだよー

そもそもこのスレ的にデザインテンプレと呼称できる物ってなんの事になるんだ

見栄え変えるデザインパッケージが必要なら、CMSなりBlogなり推しとくよ。xoopsあたりとか、配付してる人が多い方のCMSかな。もう古いか？

君の存在は、スレ趣旨といろいろ噛み合ってない模様だ。

>>925
あったけど患者に叩き潰された

めんどうならやらなければいい。やらない方がいい。

激しくスレ違いだということを自覚して頂きたい。

こんなところで聞くより、
普通にどこぞのテンプレサイトをめぐりつつ探す方が早いよ

うるせーな、追い出しはとっくに終わってるから
いちいち鼻高々便乗しなくていいんだよ。

スレの意見をまとめてスタイルシート作ってみた。
これをつかうといいよ。


/* ここから */

* {
color: #EE4EB7;
background-color: #FBB0E1;
}

/* ここまで */

http://kovver.com/
シンプル。余計なものなし。

さすがに英字でもそこまで小さいと見えない・・・

グーグルアドセンス余計

>>935
IEでjavascript切ると凄い事に

ナビゲーションが分かり安い。
http://www.bovanail.cz/

安くてどうするｗｗｗ
ナビはともかく、本文が重なりまくってて話にならない。

IE?
チェックしてないから勘弁な。

「チェックしてない」は免罪符にはならない。
IEでしか「チェックしてない」やつらのことをここぞとばかりに叩くでしょ？

別にしないが。叩いてどうなんの？
何ですか免罪符って？？

辞書ひきなさい

http://amigurumi.3050grafix.com/index.html
おお〜かわいい〜♪
って思ってよーく見てみたら日本のサイトだった
やっぱ自分のセンスって、日本人向けのが良いって感じるなんだなぁって思った

そのどこに「日本人向け」が含まれてるの？

久々に来たんだが、「CSSではNN4でうんぬん」とか、
CSSで文字サイズを指定しているだけで、「豆字指定と変わらない！」
とか言ってた人達が居なくなっていて、少し寂しくなった。

>>945
これをよーく見てみないと日本のサイトって分からないって、お前どうかしてるぞ

>>941
Fx最新

>>945
レベル高いな

>946
なんか色使いとかデザインもだけど、日本のアニメやCGに繋がるものがあるなぁって
漫画・アニメの国だなぁって

>948
CSSManiaに載ってたのさ
まさか日本のサイトがあるとは思ってなかったんで

w3c準拠で作ったサイトか

いい感じだと思う

<meta name="description" content="" />
がもったいないなあ。何で空にすんだろ

中身がありませんよ、っていう無言の主張

ﾜﾛﾀｗｗｗ

前に出てこないような質感に統一させてて、丁寧に作られてるねえ。
文字のレイアウトも、気を配ってるようだし。
イラストだけ手慣れてない感じがするけど、グラフィックの仕事は、多分プロやね。

>>945
サイトの人形がかわいいな
2ch系とかエロ系サイト見た後だからなんか心が洗われた

でもソースがイマイチ。
divの中のaだけとかimgだけとかはやめて・・・

ttp://www.csscoosite.com/
流石中国と言ったところか

CSSREMIXのぱくりか

http://stopnlisten.no.land.to/
http://css-happylife.com/
いまここらへんが流行っているの？

"ここらへん"て何？

スクロールすると目が回るがいい感じです。
http://www.timeforcake.com/

スクロール上下に繰り返しまっくったら頭痛くなったｗ
でもおれこのデザインの好きだな

ちょっ・・・・吐ける吐けるｗｗｗｗｗ

まじで吐きそうｗ

>>947
今一番流行っているのは、「段組レイアウトは読みづらい！ユーザビリティが低い！」

cssは簡単

>>964
重いです＞＜

>>964
わぉ！

>段組レイアウトは読みづらい！ユーザビリティが低い！
おっ、そのとおりじゃん

>>850
気持ち悪いソース･･･

oi

:-P

http://kreativnopero.com/cir/index.php
綺麗

>>976
ちょ、空DIVwwwww
<div id="top-deco"></div>

>>976
いかすぜ

http://www.giants.jp/top.html
NTTの広告はひどいな

http://www.do-shinkansen.com/
ちょいきもい

サイズ決め打ちしてくるのがイタいな。

>>980
ﾜﾛﾀ

キモイ以前の問題だ。
ブラウザ勝手に大きさ変えんな。

DIVの数だけ強くなる♪