CSSで見た目が美しく使い易い日本のサイト

1.見た目が美しければ少々の文法違反は気にしない（指摘は可だが、論争に持ち込まない）。
　
2.海外サイトは紹介しない事。日本のみ。

3.strict房はお断り。

CSSでイケてるデザインサイト 29
http://pc8.2ch.net/test/read.cgi/hp/1135295733/

これとの違いを明確に

国内のみ。

てことはかぶる可能性あるよね？

かぶらない可能性もある。

むしろ向こうに含まれるぞ

Strict厨はお断りな人が使うスレ

ttp://version510.com/
このレベルも日本では少ないだろうから張ってみた。
アイコンなどの細かいところの作りが丁寧。

>>8
糞重い、死ね

>>8
firefox？
固定背景だとスクロールが重くなるね。

あれ？おかしいな。何でこんなに重いんだろう。
IEとOperaでもスクロールが重い。
普通固定背景で重いのってfirefoxだけですよね？

>>11
むしろ今のFxよりIEのほうが固定に弱いよ

>>12
あ、そうなんですか。
ありがとうございます。

と言うことで自分も
ttp://coco.vivian.jp/top.html
メニューとかテキスト中心だけど、写真で上手くまとめていると思う。
ワンポイントのクリップもあると無いとで結構印象が違う。

>>13
そのサイト、最小フォントを大きめに設定してると被って辛いわ。

結局、こっちのスレではユーザビリティはどうなの？

>>15
タイトルに使い易いって書いてしまったからなぁ。
まぁ、使いやすいに越したことは無い程度に捉えてもらえれば。
ただでさえ日本のサイト限定なのに、更に条件を厳しくすると全然サイトが上がらないだろうから。

>>13
色遣いとかはそんな悪くないけど、使いにくいなあ・・・とくにリンク。
本文と色が同じだからどこがリンクか非常にわかりにくい。

正確にはハイブリッドデザインだけど。
http://tabi2.jp/index_hotel.php

これぐらいのアイコンの作り込みができるようになると、印象が変わるなぁ。
ページトップに戻るリンクのスクロールは心地よいが、js切ると使えないのはマイナス。

http://heteml.jp/
ここもハイブリッド。
作り込みは結構良いんだが、コーポレートカラーの扱いが難しいな。
上段背景が白で、下段背景が黒だから対比で目が疲れる。
でも、代替案は浮かばない。これはこれでいいかな。

自演の臭いがプンプン･･･

ん？ハイブリッド（というかレイアウト用テーブル）を認めてもいいのか？
>>1の「少々の文法違反」とは問題が異なると思うんだが、
lintで100点じゃなくてもいいって意味ではなくて？

こんなところまで来て自演するデザイナーなんて居ないだろ。
と言うか、マジで自演じゃないよ。

>>21
dat落ち防止の狙いもあったんだけどね。
基準があいまいになるから、やっぱり止めた方が良かったな。

テーブルとCSSを両方レイアウトに使って
ハイブリッドデザイン！かっこいいなあ(棒読み)

http://www.michaelsoft.jp/wiz2/
ゲームのサイトだけど、雰囲気を良く出していると思う。
js使ってflash呼び出したり閲覧者への配慮も伺える。
動作が重いのは多分サーバーのせい。
個人的にはゲーム系では一番。

http://www.kawashimaai.com/
タイトル周りや、それぞれのページの背景は結構凝っている。
メニューは日本語でも良いと思うが、雰囲気が崩れるのかな。

http://doc-r.net/
divがやや多いが、h2の装飾が少し凝ってる。
ユーザビリティもまあまあ。
サイドバーは左の方が良いかも。
全体的にこざっぱりして綺麗な印象。

あと、メインの幅は狭いけど、文章量が少ないからこれはこれでOKなのかも。

>>25
まったくスレチガイだがWizardryってこうなってしまったのか
時代の変化だろうかorz

めちゃくちゃなのあがるかと思えば割とまともなデザイン紹介されてる。
この調子でどんどん紹介してください。

>>27
うをーーーーかっこえー

http://www.wwjpn.com/
まぁ、それなりの美しさ。
トップは色数がちょっと多すぎてうるさいかも。
他のページはシンプルだけど手抜きとは違うだろう。
メニューはhoverで変化を付けたほうが良いと思うな。

http://www.abn-tv.co.jp/
配色がばらついた印象があるが、ユーザビリティはOKだと思う。
アイコンをもう少し使えば見栄えは良くなるかと。

http://www.kaikaikiki.co.jp/
それぞれのコンテンツ毎の色使いを上手くまとめている。
やや画像が多すぎる印象。テキストをもっと使った方が良いかも。
画像リンクのhoverがピンク色なのは個人的に嫌。

http://www.hidesigns.co.jp/index.php
擦れ系クールなデザイン。
雰囲気が好きな人と嫌いな人で分かれそう。
メニューのhover処理が薄くなるのは個人的には嫌い。
でも、これはなかなか真似出来ないんじゃないかと。

ってか、さっきから自分ばっか紹介してるｗ

日本のサイトのデザインも捨てたもんじゃないな。
やはり日本人をターゲットにしたサイトが一番デザインの参考になる。
海外は綺麗は綺麗だけど、何か違うんだよなぁ。

>>32-35
がんばってるね。

http://idnagano.net/index.php
使い易さは多少犠牲になってるが、綺麗だと思う。
ロゴだけって気がしなくも無いが、配色もまぁまぁ。
ただ、黄緑とピンクはもうちょっと彩度を下げた方が良いと思う。
今のままだと目が痛い。

いいよいいよ、どんどん紹介して〜

http://www.j-cnet.co.jp/index.html
多分それなりの出来なんだけど、なんか見飽きちゃったのかな。
新鮮味は無いけど、しっかり作られている。
正統派デザインと言うべきか。
でも、リンクのhoverが眩しい。

文字をIE中の100%程度より小さく指定しないでデザインがいいサイトってないかなぁ。
自分でサイト作るときに字が大きくても綺麗でまとまっているサイトみたいなのを参考にしたい…
カスイケスレで聞いたほうがいいだろうか

そう思う。それにその条件だけならリンク集にあると思うよ

>>1
なぜわざわざ日本限定に？　海外は別でやるってのも無駄じゃないか

>>43
それは海外はポータルが沢山あるから日本限定にしたの。
日本のサイトをデザインするには、日本のサイトを見るのが一番参考になりそうだし。

>>44
たくさんあがったほうがよりよいもの自分で選べてよくないか？

てかもともと「見た目がよければユーザビリティはどうでもいい！」って主張と戦ってできたスレだからねぇ。
のわりには「使い易い」ってあるけど・・・。日本語とかも特に論議の対象にはなっていなかったのは事実。

>>46
逆、「見た目がよければユーザビリティはどうでもいい！」と
主張して派生したスレだよ。

>>45
まぁ、そうなんだけど、ポータル見たほうが早いと思うから。
あれだけ沢山あれば殆ど網羅されると思うし。

>>46
そこはミスった。<使い易い

>>47
ああそうだったな。

>>48
それはこれからの書き込みの人次第だから、やっぱ限定する意味ないと思う。
限定しだすからおかしくなるんじゃないのかな。

http://www.willsystem.co.jp/index.html

殆どフラッシュだけど、見た目は凄く綺麗。
でも、これって有料テンプレート（http://www.mizutamari.net/とか）で配布されてそう。
なんかこのセンスは外国人っぽい。
制作実績見ても自分たちで作ったとは考え難い。

>>42
あると言えばあるけど、新しいのが見てみたいなと思って。
最近新しく紹介されてくるのって小さい文字が多いから、やっぱり文字は小さいほうが綺麗なのか…？とか思ったり。
なんか文章めちゃくちゃですね。ｽﾚ汚しｽﾏｿ。
先に配色とかレイアウトの基礎を勉強します
|ω･`)ﾉｼ

>>50
やっぱり海外ありにしますかね。
そろそろ日本のサイトもネタ切れしそうなのでｗ
でも、なるべくポータルとの重複は避けて欲しい。

http://www.chukyo-u.ac.jp/
大学のサイトってcssでレイアウトされたの結構少ないね。
ここは文法はあまり良くないけど、学校らしく落ち着いた雰囲気を上手く出せてると思う。
色使いと写真のセレクトが良いと思う。
メニューの背景マークに何かあれば良かったなぁ。

SONYで検索してみた。
どこもかしこもテーブルだったんだけど、CSSのもあった。
http://www.sony.fr/
パクリ防止策か無駄な改行ならHTMLはいいとはいえないけど
デザインは素人の個人サイトでは難しいな。
適当に検索したものだけど
残念ながらテーブルレイアウトのほうがデザインはイイ。

×改行なら→○改行やら

>>54
その色使いは海外ならではって感じするね。
ただ、真ん中のコンテンツの枠の左と上が切れてて不自然。
あえてやってるんだろうけど、ちょっと気持ち悪いなぁ。

玄人のやつもっと晒してください

http://www.takayanagi-isu.jp/
少し和風。
色使いは良いと思うが、マージンとかリンクの色の配慮がちょっと足りない。
home以外のサイドバーが途中で切れてるのもダメ。
この辺直せばもっと良くなるかと。

http://www.vision-two.com/
硬い内容だけど、見た目は結構頑張ってる方。
と言っても上の画像だけって気もするが。
リストの画像が一種類でしかも地味なので寂しい。

http://www.vision-two.com/day/
ソースは結構問題ありだが、すぐ直せる範囲内。
意味の無い時計とかあるけど、クールで美しいのは確か。
トップ以外のページはフッターも多少だが凝っている。
ここまでやるならリストの画像もただの点だけじゃなく、もっと凝った方が良い。
問題を直せばかなりいけると思う。

下の二つはオーソドックスすぎますね。悪くはないですけど。

>>61
まぁ、読ませてナンボのブログだからね。
変に奇抜なレイアウトは本末転倒だし。

そうだとしても新しいもの見たいですね。

ちゃちゃいれてすまん。もっと頼む

こりゃーがんばればこっちが本スレになるかもな

>>63
探してるけどなかなか無いね。
自分的には>>35が一番独創性があると思った。

でまた、固定幅中央寄せ。
http://www.webhut.jp/index.html
てか、リキッド自体が少ないし、あっても糞デザインばっか。
ここは目新しさは無いけど、普通に作り込まれてる。

このスレには期待してる。

つーか結局、がんばってる一人の人がどっちのスレにいるか、でしかない気も…

>>68
そうかもね。
その頑張ってる一人が言うんだから間違いないｗ

まぁ、荒れないだけ良いわ。

くそ、見た目はいけてたのにハイブリッドだったorz

もうCSSの時代だろうと思っても企業は未だにテーブルだな。意外と探すの大変

>>66
リキッドじゃなくてソリッドでも、そのデザインを良いと思ってるならアレだ・・

アレって何だ？はっきり言ってくれ。

荒れませんように。

まあいいや。
荒れそうだから回答はいらない。

http://semkim.net/
下段のvalidのリンクをあえて少し隠しているところが新鮮。
コンテンツとしてはそれほど重要では無いリンクなので、遊び心で許せるレベル。
全体的に重いのは海外だからか？

http://jmby.info/
落ち着いた色使いと装飾のレベルの高さ。

日本のサイト？

>>78
スレタイにちょっと間違いがあるだけなので気にしないように。

http://fremdenzimmer-karlsruhe.de/index.php
良くも悪くもグラフィックと言う気はするが、クオリティは高い。
もう一捻り欲しいところか。
キーワード詰め込み過ぎｗ

http://www.lucer.cz/
背景が全て。
コンテンツ自体が少ないし、使い難さは感じない。

http://mikepiontek.com/
グラフィック系だけど、アクセシビリティを良く考えている。
カッコいいし美しい。
文字サイズ変更機能がlargeでもやや小さいのが気になる。
xhtml1.1で作られていた。

参考になるサイトがたくさんありますね

>>82
カコイイのは認めるが、そこまで小さくてアクセシビリティは誉めすぎ

>>84
やっぱそうだよね。
書いてからしまったと思ったorz
気になったらどんどん突っ込んでください。

http://digg.com/
準リキッドデザイン。
メニュー下の広告ウゼーとか、右側の緑色サイドバーの配色が気になるけど
ギリギリOKにしておく。
フォントサイズ切り替えボタンが一つなのに、二回押せば元に戻るのは初めて見た。
もうちょっと作りこめばいけそう。

http://www.w3cn.org/index.html
漢字も悪くないかも。
画像のめり込みで少し変化をつけている。
div病なのと一部の背景はマイナス。
zeldmanの「Design with Web Standards｣の中国語版の表紙にﾜﾛﾀ

ttp://revway.jp/

肝心のgalleryがJavascriptなんで、offにしている人
（俺とか）は観れないのがうざいかな

ブラウザの設定によってはフォントサイズが小さすぎて
つぶれてなにも読めないのばっかり…

Mac IE で
フォントサイズ 12
解像度　96dpi

なんだけどね。
Macromedia のサイトもコンテンツによっては
なにが書いてあるのかさっぱりわからんです。

Mac IE の設定を 72dpi すりゃぁいいジャマイカ

Macは基準にできないよ。
多い方に、Macが合わせてくれ。

んまぁあれだ
Mac使いがIEを使うなよとｗ

つらい世の中ですね…

なんか思いっきり<FONT size=2>とか
<TABLE>で思いっきりレイアウトとか…

もうダメなんですね…　w

要素名が大文字
値をダブルクォーテーションで囲ってない

もうダメもクソも初めっからダメだろカスｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

HTMLの構造は多少難ありだが
色遣いとかも綺麗でいいと思いました

ttp://www.twilightning.jp/

ttp://www.teichiku.co.jp/artist/nakanomori/

>>95
ほほぅ、POPで良いね。
Lintだと一部点引かれてるけどまぁ許容範囲（W3C ValitatorだとValidだし）。

>>95
cssがすごく長い。IE5.x for Macとかまでサポートしてくれてるのがありがたいね。

初歩的なことを聞いてすんません
>>95のサイトのcssで、

h1 {
position: absolute;
top: -9000px;
left: -9000px;
text-indent: -9000px;
}

としてるのは、特に問題なし？
だったら、漏れも真似しようかと...

それってh1を表示させたくないだけ？
だったらdisplay: none;の方がいい

>>98>>99
display: none;だとSEOスパムと判断されるとか
音声ブラウザで読んでくれないとかの問題があった気がする。
text-indentででかい数字入れて表示させない方法は最近の流行り？よく見かける。

display:noneとtext-indent:-9000pxは全く動作が違うんだが・・・
noneは「ボックスを生成しない」んだぞ？

text-indentででかい数字入れて表示させない方法は、
結構前からある手法っじゃないか？

>>101
position: absoluteしてるから画面外においやったらBOXなくなるのと同じレイアウトになるじゃん

音声ブラウザで読み上げられないのは、そもそも表示したくないものなんだから読み上げられない方が希望の挙動なんでは？

>>103
display:none;とspeak:none;の違いを学んでこい。
display:none;で読み上げられないことを希望するのは単に無知。

だったらなおさら「display:noneだと音声ブラウザで読んでくれない」って指摘が的外れなんじゃないの？
そんなの単に特定のブラウザのバグってだけじゃないか

現実の問題としてあるんだから
仕方が無いじゃないか。
ムキになるなよ。

つまり>98の方法を使うのは表示したくないけど読んで欲しい場合
ということでいいの？
普通に存在しないことにしたい場合はdisplay:noneでいいんだろ

>>105
仕様としてはdisplay:none;は読み上げられるべき。
だから「読み上げられないことを期待して」display:none;を選択するのは間違い。
ところが実装の問題として読み上げられない場合がある。
だから妥協として現実問題display:none;を「読み上げたいられたいから使わない」という選択肢はあり得る。

>音声ブラウザで読み上げられないのは、そもそも表示したくないものなんだから読み上げられない方が希望の挙動なんでは？
そもそも>>98のやり方は「テキストを表示したくないけど読み上げられたいから」の処理。
imgでalt属性を付ければ画像でも読み上げられるが
backgroundで画像を表示させている場合は内容物が読み上げられない。
だから>>98のようにテキストの表示は画面外へおいやってるわけ。

あとはアクシビリティやCSSのスレでやってくれ。

読み上げて欲しいような意味のある画像をbackground-imageで張り込むのがそもそも間違いなのでは
画像自体に意味があるならimgで入れて読み上げて欲しい文章をaltで指定すべき

>>110
根本的に勘違いしてるだろ。
「読み上げられたい」のは背景画像じゃなくて、内容物（テキスト）。

>>111
いやそうじゃなくて、話の元になってる95を見ると、背景画像に「中ノ森BAND」って文字列が画像として書いてあるわけ
んでh1の内容も「中ノ森BAND」で、画像が表示出来る環境ではh1を見せなくしてるんだけど
画像自体に「中ノ森BAND」って意味内容がちゃんとあるわけで、ただの装飾でしかないbackgroundで表示させるべきではないでしょ
その画像はまさしく見出しそのものなんだからh1の中にimgで入れて、音声ブラウザなどの画像を表示出来ない環境向けに代替テキストを指定するのがスジ

知ってるのか知ってないのか分からんが
・画面表示を読み上げる
・HTMLを解析して読み上げる
この２つは違う。

久しぶりに来たら荒れてるな。
文法その他の論争はしないルールのはずだぞ。

ホームページ・リーダ3.02からは display:none も
読み上げますよ、と。

>>112
いやだからそれが勘違いだと（ｒｙ

>>112になんだか納得してきた

つーかどの話題も本スレでも何度も既出の議論

つーかど って、何?

からとみ

つーかど の検索結果 約 2,190 件中 1 - 10 件目 (0.81 秒)

つー角野？

前半はいい雰囲気だったので、ここでちょっとスレの方向性の提案。
webデザインは素人なんで、ズレた提案だったらスマソ
CSSでイケてるデザインサイト　はCSSでできていて、かつhtml構造も完璧に近いサイトを挙げているようだ。
ただ、自分としては完璧なサイトが見たいわけじゃなくて自分のサイトに真似できるいいところを探すために来ている。
真似できるところは１ヶ所あれば十分で、ナビの位置が参考となるページを見るときに、fontタグが使われていようと全く気にしない。

というわけで、ここでは１ヶ所でも参考になる所があるサイトを挙げていってはどうだろうか。
ナビの場所、色使い、訪問者が迷いにくい、〜したくなるような雰囲気
などなど、とりあえず広い範囲でいいと思う。
テーブルレイアウトも、真似する時にCSSで表現できるようなものなら可ということで。
ナビの場所の参考サイトに対して、文法のダメ出しをするような揚げ足取りはなし。
管理が楽そうな割に見た目がイイ！！　ってのも自分としては歓迎

偉そうなこと言っておいて自分で挙げるサイトがないので、代わりにコメント
>>82
右側にクリック範囲の大きなメニューをおいて矢印のような画像を頭におくのは訪問者が迷わなくていいと思った。
一瞬で次どこをクリックしようか判断できるので、使いやすさはかなりいい。
自分のサイトを似たようなデザインで製作中だが、文字を大きくしても結構いけそうだ。

長くて読みにくいけど自分もそれには賛成
そうやってアタリを広くしておいて
その上でやはり日本語のサイトに絞って推薦したらどうかな？

英語のサイトは他のスレでもうだいぶ出てるし
日本語で書かれた美しいサイトが見てみたい
英語は意味が分からないからこそ美しく見えるという部分があるからなぁ

>>124
文字サイズを落としても視認性が損なわれないという
大きなアドバンテージがあるからな
フォントの自由度も高いし
表意文字には真似のできない芸当ではある

見た目が綺麗なサイト
http://pc8.2ch.net/test/read.cgi/hp/1136710930/

こっちに移りますかね？

見た目が綺麗なサイト
落ちてますね…
ここで良いのでは？

>>124
英語は意味が分からないのではなくて、やはりアルファベットそのものが綺麗だと思う。
ハングルとか意味が分からないけど綺麗とは思わないし。

人それぞれの好みの問題だと思うが。
海外では漢字がかっこいいと思う人もいるんだし。

日本人だが漢字や平仮名は美しいと思うよ。
ただ小さくしすぎて読む以前に見えないサイトも多いがナ。

>>128
アルファベットをある種の模様として認識してるのでは？

>>129
そりゃ好みはあるだろうけど、日本人でもわざわざアルファベットを使って
メニューを作る人が多いって事は、殆どの人が見栄えが良いと思ってるんじゃないかな。
もちろん違う人はいて当然。

>>131
見た目の問題だからある意味模様と認識してます。
もちろん日本語も含めて。
その上でアルファベットの方が綺麗と言ってるんです（個人的にね）。

>>132
日本語はどうしても意味が分かってしまうから、英語（に限らず外国語）と違って純粋な模様と感じないのだろう。
>>132自身が日本語並みにぱっと見て英語の意味を解しない、という前提での話だが。

>>133
まあそれは否定出来ないな。
でも、漢字と平仮名、片仮名が混じると全体の統一感が損なわれるってのはありそう。
それが見た目に与える影響がどの位なのかは分からんけど。

あと、海外のデザインの影響を受けているサイトに日本語が合わないってのもあると思う。
本来日本語は和風のデザインでこそ馴染むものだろうし。

>漢字と平仮名、片仮名が混じると全体の統一感が損なわれる
この辺はフォント次第って気もする。
漢字と平仮名、片仮名が混じるのなんて昨日今日からの話じゃないし、
漢字と平仮名、片仮名が混じった分なんて英語より見慣れてるわけだし。

メニューにあまり一般的でない英語を使われるのは好かんな

表意文字と表音文字の違いとかないかなぁ？＜英語と日本語
ぱっと文字列が視界に入ってきたとき、
アルファベット系は脳内で読むという行為をしないと意味が入ってこないが、
日本語は（中国語とかも）ダイレクトに意味が目に入ってきちゃう。
>>133ってことかもしれないけど。

あとアルファベットはもともと形が幾何的だからコンピュータで作ったグラフィックと合いやすいのかもしれない。
形もシンプルだし。
もちろん日本語の文字は綺麗だけどね。

>>132
> そりゃ好みはあるだろうけど、日本人でもわざわざアルファベットを使って
> メニューを作る人が多いって事は、殆どの人が見栄えが良いと思ってるんじゃないかな。
CSSによっちゃメニューに英語を採用しているが、
その理由は英語だとスペースを取らないで済む、というだけの話だ。
だからサイドバー仕様じゃないレイアウトには英語は使わない、
格好良いと思って使ってるばかりじゃないと思われ。

俺は差別化して見やすくするためだな。

見出しは英語、サブの見出しは日本語にして変化つけてる。
そうする事により見出しのインパクトが高くなり、
日本語の始まる部分が余計際立って見やすくなると思う。

勿論これを前提にデザインしてるせいもあるけどね。

ネットがアルファベット主体なんだからしかたねー

まあ内容によって使い分ければOKでしょ。
古風な旅館のサイトで英語使ってたら雰囲気崩れるし。

んなこたーないよ

古風な旅館のサイトの海外向け英語ページは、
それはそれでかっこよさそうだな。

同意、丁寧に作ってあれば十分カコイイと思う。
下手クソにつくるとそれこそ怪しさ抜群だけど…

http://www.jne.jp
たまたまみつけた
CSSがやたらすごいことになってる気がするのだがー？

>>145
おまじない吹いた

ttp://www.ohmitetudo.co.jp/railway/
あげ

色あせたカボチャって感じだなー
もうちょっと色合いがどうにかできたと思うんだが。

ぜんぜん美しくねーよ
古臭い感じすらする

サイト探しでもするかと下のワードでググって見たが、
株式会社 Valid Strict CSS の検索結果 約 795 件
すくなっ。

http://side-b.sto.co.jp/weblog/

>>151
サイドバーが広告だらけで使いにくいけど結構良い。
ただカテゴリーメニューの装飾がstopdesignと同じなのが気になる。
http://www.stopdesign.com/
パクリなのかね？

>>151
字が小さい。ちょっとごちゃごちゃしすぎ。
とはいえ普通ぐらい？

http://www.jam-graffiti.com/

イラストは見なかったことに…

マルチ氏ね

>>155

てかこのスレ自体は重複スレだし

イラストキモイ

ほい、
http://www.wizcope.com/

実績みたけどひどいねぇ
これで雑誌載れちゃうんだ？ｗ

>>159
Operaの事忘れないであげてください。

>>159
こういうクソ会社があるから勘違いしたやつが
ウェブデザイナにならなれそうとか思うんだよな。
例えば俺とかだ。

完全手抜きだな

基本的に同意なんだが、普通にこういうデザインが求められる場合もあるんでは。
カッコイイとかより、企業イメージとかで要求される場合もあるし。

>>164
それはあるけど、そればかりというのも・・・

>>165
クライアントの職種が職種だから、無難なのを求められるのは当たり前な気もする。
まあ、それでもスカスカ感があるのは別の問題なので、その辺は不足分なんだろうけどね。

>>162
プロなんて所詮人脈がものをいう。
どっかの企業がコンペすると言っても、
参加できるのはそれなりに付き合いがあるとこだけ。
どんなに技術やセンスがあっても、
新人デザイナがいきなりでかい仕事を請けるのは無理。
プロになりたきゃ仕事選ばずに確実にチャンスをつかむんだな。

http://www.nttdocomo.co.jp/product/foma/902i/index.html
この右側のナビゲーションイイ。
メニューが重なって、感覚的に階層がわかる。
目からうろこが出た。

>>168
俺には何に感動してるのか良くわからん。
全体的に流行の路線を真似てみたけど、
まだ未消化ですって感じだし。

ドコモって、Webと展示会のブースイメージを
統一する方向で動いていると聞いていたけど
これがその路線なのかな？

え？未消化かね。
俺は結構いい感じに纏まってると思うんだが。
リンクによって▼とかをつけて判りやすくしてたり、小技がいたる所に効いてて参考になる。

リンクが文字上だけなのが嫌だ。

文字上だけhoverって
Macで作ってて、IEでチェックさぼるとなりがち＞俺 ('A`;)
aにwidth入れ忘れちゃう

>>170
そのくらい普通にやろうよ。

>>173
効果的にやってるとこって結構少ない気がする。
ただ画像を置くだけなら居るけどね。

俺も勿論そういうのも心がけてるが、効果的に出来てるかどうかは疑問。

感性に働きかけて、ぱっと見て状態がわかるのはすごいとおもう。
情報デザインの真髄だよ。

>>173
その"普通"が難しいんですよ.

俺は階層って感じしないんだよな。
階層が深くなるのに上に重なっていくのはなんかこう衝突感がある。

でもOSのGUIでプルアップメニューなんかは階層が深くなるにつれ
重なっていくから有りなんだろうな。

小技がどうとか言ってる人いるけどなってないよ。
テキストリンクのhoverでのアンダーラインの扱いが酷い、なぜ統一しないんだ？
同じテキストリンクなのに混乱するだけ。

>>178
まぁ、そんなレベルなんでしょ。

俺的には、全体的に空きの取り方が
素人臭いのが気になる。
もう少し神経使えば、締まると思うんだけどね。

美味そうです
ttp://www.iris.dti.ne.jp/~c-berry/

クラウドベリージャム復活してたのかぁ
(´Д`) ﾃﾗﾅﾂｶｼｽ

>>181
そうなんですよ。復活してたんですよ。
容姿の変化はちょっとショックだったけどｗ

しかし、validatorにかけたらエラーいっぱい出た。
まあいいや。

このサイトはCSSとは永遠、縁がないと思われ。
http://www.aiseikai.or.jp/

>>183
ブラウザがぶっ壊れ太

太陽にほえろが流れなくなったのは著作権の所為かな

自分よく判ってないかもしれないけど、>>159はどういうことなの？

>>186
前は普通に見れたよ
今はひどいことになってるな

http://www.csd-kk.co.jp/
http://www.fellow-inc.co.jp/
http://www.gij.com/
http://www.nextstage-inc.com/
http://www.webcolor.jp/
http://www.ecstyle.jp/
http://www.skyfish.co.jp/focustalk/
http://www.system-com.co.jp/system/
http://www.turph.net/
http://www.cosdac.co.jp/

オナニーサイトばっかだな

>>189さんが自己満足ではなく、客観的に見て優れているサイトをご紹介して頂けるようです

その流れはもういいよ

同意

>>189
ここは、ちょっと本スレと区別しないと駄目だよｗ

ここだけは荒らされないと思ってるバカがいるのか。

ちがうｗよｗｗｗただｗｗｗ本スレwと何かしら区別しよう
ってことじゃないｗｗｗか？
なぁお馬鹿さんｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

自分で荒らしと認めるわけね。

区別がｗｗｗｗｗｗｗがｗｗｗｗｗｗｗｗｗ
本当にアホだなｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
よし、倣ってやろうｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

>>189 に同意する訳じゃないが、>>188のはどうかと思うものばかりだ。

http://www.mitsue.co.jp/

>>199
オナニーサイトいらね

悪くないじゃん

えっ、この程度で良いの？レベル低ｗ

サイト紹介するときはどこがいいのかコメントつけないと、
漠然としたレベルの話になったり、あら探ししか返ってこなかったりするわな

オナニー好きがオナニーサイトいらねと申しております。

文字馬鹿でかいし横800px以上あるし
そのくせpadding取り過ぎてスカスカだし
3カラムの意味ねーし
とりあえず付けたフラッシュはダサダサだし
しょーがねーからオニャニョコ画像でも載せとくかっ
って感じのサイトばっかだな

http://wdt.pekori.jp/
http://www.stylish-style.com/
http://mook.mook.to/MoogaOne/index.htm
http://www.apple.com/jp/displays/index.html

デザインも構造もかっこいい

http://sample21.jugem.cc/
http://sample39.jugem.jp/

決めた！
しばらく俺はコメントしない事にする！

>>207
文字小さすぎて嫁ん
パッとみて、素直にダサいと思う。

目が痛くなるね。
多分自分では達成感から上手くいったと思ってしまい、客観的に見れてないんだろう。

ショッボイサイトばっかりだ。
それよちこっちのサイトかっこいいだろ？

http://homupi.jp/BlueMach/

ネタはもういいよ

結局、このスレをわざわざ分離独立させた意味がまったくない件について

>>211
デザインも構造もかっこいい！！

>>213
カスイケスレの伝統

オナニーできるだけ、うらやましい・・。

「あの人達」は通算何年カスイケスレに粘着してることになるんだろう？
未だに自分達がイケてないことを認めたくない証左なんだろうが。

汚染を除去しました。

>>217
おまえも（オレも）『粘着』している一人なわけだが

なんかカスイケの人たちキモイね。

>>221
死ね。
独身男性板で荒らしまくってた奴だろ？

Web制作板まで知ったかのCSSを自慢しにくるな。

いつでも君の笑顔に揺れて
太陽のように強く咲いていたい

はやく 見つけて 見つけて ここにいるから

test

http://www.ffjp.net/ff6/
FF6攻略サイトだが、デザインがシンプル系で良いと思う。
更新停止してるけど・・・。

>>226
その程度のサイトいくらでもあるだろ

http://www.contami.com/
巡回中に発見。コンセプトはすごく好きなんだけどなぁ。
テーブルレイアウトな上に、ソースが糞。もっと勉強してほしい。

>>228
うーん、どうしてこう見栄え重視なんだろうね？

>>228

デザイン自体糞

と思ったらさ、IEだと普通だな
table以前にさ、Fxで見てみてよ

それとIEでも文字化けしてまともに見れないけどね

見栄え重視ですらないｗ

ttp://www.norway.or.jp/
政府系？にしては珍しいデザイン

tableデザインなんだが？？？

ここ以上の良質フレームサイトを見たことがない。
http://ima.pandach.com/

自動集金システム無料配布してるんですけど。
[email protected]にメールして頂ければ
自動返信にて自動集金システムをお渡しします。
1円も要らないです。

>>233
よく考えられてるな。
フレームも捨てたもんじゃないぜ！

>>233
感動した！

>>233
(・∀・)ｲｲ!!
でもFirefoxだとやや重いな

>>237がどんな回線だか不明だが、表示に１秒と掛からなかったけどね。
勿論ブラウザは同じFirefox。

>>238
いやスクロールの話。
固定してある部分が多分原因だろうけど。
※ちなみに回線はＡＤＳＬ。

>>233
読みやすい!!

rss部分きちんとコメントアウトしとる！

背景や文字の色さえ指定せず、
テキスト主体でさくさく軽く、
シンプル綺麗で使いやすい、
そんなサイトはありますか？

>>242
日本のサイトじゃないけど
これでも参考にしろ
http://www.workgroup.ie/

>>243
フレームだからスレ違い

>>233
スクロールバーが一度に三つも表示されるのは
到底"美し"いとはいえないが、
そこはいいのか？

そういうときはフレームかいじょすればいいとおもうよ

>>244
なんでフレーム＝スレ違いなんだ。

坊やだからさ

>>246
それ>>245へのレス？

それじゃ全然"見た目が美しく使い易い"サイトじゃないじゃないか。

>>249
そんなムキにならんでも・・・。
俺の環境では"見た目が美しく使い易い"サイトといえるので
君の環境が美しくないだけだとおもうよ。

>>245は>>233と>>243を勘違いしているのだと思います。

>>250
別にムキにはなっとらんよ。
マンセーなレスばっかじゃうさんくさいじゃないｗ

＞君の環境が美しくないだけだとおもうよ。

IEだと1280x1024でブラウザ最大化でもスクロールバー三つ出るんだよね。
そこを何とかすれば、なかなかいいサイトだと思うんだ。
グラフィカルなものを排除して、シンプルさと機能美に拘ったサイトだから、
環境を選ばないという面も追及してほしいじゃないか。

>>251
よくわからんが、>>243は見てもいないぞ。
>>233の話しかしていない。

そうか。IEか。

ん? IEでも普通なようだが。バージョンは?

>>254
あ、7べただった。6なら普通だった。

しかし、operaとIE7べた3だと、
上の"目次を表示"とかの部分が固定されてないんだよな。
どういうことだろ。
IE7はまだいいとしても、
operaには対応しといた方がいいんじゃないかなと思う。

そのオペラ、ブラウザ名称がIEになってたりして。

>>256
なんじゃそりゃｗ

UA情報をIEとして認識させてるってことじゃないか？

そんなん知らんと
オペラにも対応しろとか
ほんとにオペラ使っているのか

>>259
日本語で(ry

ひょっとしてoperaでそこが固定表示になってないの俺だけ？
俺のoperaがおかしいのか？

OperaはUAを詐称できるんだよ。
UA見ただけで弾かれるサイトも少なくないからだろうね。
IEと一緒にされたくなかったら設定を変えるといい。

"Operaとして認識させる"にしてたつもりがなってなかったみたいだ…orz
自分のおっちょこちょい体質が嫌になるぜ。

長々とスマンかった。

IEとして認識させるか否かは今回全く関係ないだろ。

少なくとも、うちのOperaでは関係あるが。

うちも

>>247
ここは基本的にフルCSSのサイトを紹介するスレ。
何を勘違いして迷い込んできたのか知らんが。

CSSで装飾してたら良いんじゃないの？
テーブルレイアウトじゃあるまいし。

あ、左のフレームはテーブルレイアウトだった・・・。
フレームの使用とCSSの装飾は関係なくね？って言いたかった。

StrictDTD限定とか言うならわかるが
そんな制限無いしな。

そこはニュアンスで

フレームレイアウトはテーブルレイアウトより悪いな。

どういう理屈でその二つを比較してるのか、わからないんだけど。

↑流れを読めない奴？

>>233ってそんなにいい？
俺には見た目の時点で全然に見えるんだけど。

全然に見えるってのはどういう意味だよ

しかし、ニュアンスで>>274に同感

↑その日本語の省略がわからないんなら、生きていくのが辛いと思う。

俺もどこがいいのか分からんかった。

>>233 は過去これほど拘ったフレームはないという点において評価できる。CSSに関しては美しくなくもない、良く言えばシンプル、悪く言えば手抜き。使い勝手に関しては結構良いと思うけど。

>>235,236,237,238,240,241
ここら辺はあまりに自演臭いしな。
真偽はしらんが。

まあそれはおいといて、この手のサイトで"見た目の美しさ"を追求したいなら、
余白の取り方や見出し部分などの装飾とかをもう少し考えないといけないと思う。

過疎あげ

>>8
リンクのとこにいちいちbgcolorがあるのがウザイ
左のタブがいちいち動くのがウザイ
動くタブがどのブラウザーで確認したのかしらんが
中途半端に切れててウザイ
この程度のページなんてきれいでもなんでもなく
普通

http://www.shinseibank.com/
如何でしょうか

>>282

CSSじゃないし

スレ間違えました

なんか祭りになってるっぽい

関西圏のＷＥＢ制作会社２
http://pc8.2ch.net/test/read.cgi/hp/1144192292/351



351 名前：Name_Not_Found[age] 投稿日：2006/08/27(日) 15:16:23 ID:???
hp：Web制作管理［重要削除］
http://qb5.2ch.net/test/read.cgi/saku2ch/1040109260/120

120 名前：ハダ[[email protected]] 投稿日：06/08/27 14:59 HOST:79.58.111.219.dy.bbexcite.jp
対象区分：［個人・三種］優先削除あり
削除対象アドレス：
http://pc8.2ch.net/test/read.cgi/hp/1144192292/16
http://pc8.2ch.net/test/read.cgi/hp/1144192292/17
http://pc8.2ch.net/test/read.cgi/hp/1144192292/261
http://pc8.2ch.net/test/read.cgi/hp/1144192292/264
http://pc8.2ch.net/test/read.cgi/hp/1144192292/348
http://pc8.2ch.net/test/read.cgi/hp/1023935314/691
http://pc8.2ch.net/test/read.cgi/hp/1144192292/227
削除理由・詳細・その他：
削除依頼よろしくお願い致します。

対象アドレスにて、私の経歴と思われるwikiへの投稿（こちらは既に削除済み）へ
執拗なURLが貼られており、私の個人名、経歴などが晒されている他、
いかにも私本人がwikiへ投稿したとする誹謗中傷が相次いでいます。
また、私のみではなく、私の家族の写真、本名などが多く書き込まれ、
精神的な苦痛を感じております。
現在警察へは被害届けを提出しておりますが、こちらの対象アドレスを
削除していただかなければ根本的な解決になりません。

http://aspa.co.jp
このサイトの評価頼む。

>>286
いい写真が無いのかもしれんがせめてもう少し補正するべきかと。
全体的に暗すぎる。
内容の深さからするとグーグル検索はいらない。

http://www.mitsubishicorp.com/jp/
CSSじゃないけどこのサイトとか参考になるかも。

写真以外の色味もくすんでるね。
もうちょっと透明感がある色にしないと、イメージが良くないかと。

>>286
CSS以前にデザインセンスが？のように思う。
特に色づかいとレイアウト、そして書体選びの一貫性のなさ。
それに、会社ロゴとGoogleのバッティング。
企業のHPとして一番やってはならない事をやっちゃてる。orz
でも、ここの会社、HP制作やってるのね・・・大丈夫なのか？
人ごとながら心配になってしまう。

>>286

CSSデザインじゃないだろ
tableやらbrでデザインしてるやん

しかも、HTML 4.01には<right>タグなんてあるんだっけか

>>35

不正アクセスしてくるIPを晒すスレPart9
http://pc8.2ch.net/test/read.cgi/sec/1147948775/721-

株式会社ハイデザインズ
http://qb5.2ch.net/test/read.cgi/saku2ch/1158044436/
セキュリティ板に投稿したのですが、誤ってサーバーのドメイン名を記載したまま投稿してしまいました。
セキュリティ板に投稿したのですが、誤ってサーバーのドメイン名を記載したまま投稿してしまいました。
セキュリティ板に投稿したのですが、誤ってサーバーのドメイン名を記載したまま投稿してしまいました。
セキュリティ板に投稿したのですが、誤ってサーバーのドメイン名を記載したまま投稿してしまいました。

[HiDESIGNS] ハイデザインズ - WEBサイト総合プロダクション
http://www.hidesigns.co.jp/

>>283
CSSだろ？

>>292

tableやらbrでデザインしてるやん

ここどう？
ttp://nitram-nunca.main.jp/downloads/

>>294

もろdiv厨＆字がちょい読みづらいけど
シンプルでいいんじゃないかな

>>293
少しでもCSS使ってるなら問題ないだろ？

>>296
問題あるよ。ここはそういうスレじゃない。

>>292

ハイブリット

table(HTML+CSS)⇒table&CSS⇒XHTML+CSS

屁理屈ならべられるならタイトルに「フルCSSで見た目が....」にでもしといたら？

古CSS

>>300
今からスレタイなんか変えられんだろうが。
このスレができた時は、まさか、少しでもCSS使ってればおｋなんて
アホなこと言い出すやつが現れるとは、誰も思わんかっただろ。

>>302
まー思ってるのは１人だけだろうから気にせず行きましょう

>>302
次スレから「フルCSSで見た目が...」にすればいいと思うよ。
>>1あたりにも、「フルCSSのサイトが対象、一部のみ使用のサイトは含まない」とでも
入れておけばハッキリするでしょ。

次スレまでまだ700もあるぞ。

CSS使うならHTML、XHTMLが正しいことが前提

わざわざつけるまでもないっしょ

別にフルなのかどうかは、気になる奴がソース見てバカにするなり下に見るなりしたらいいんじゃないの
ハイブリッドでもなんでもいから取りあえず「美しく使いやすい」サイト貼ってけばいいと思うよ

>>21
>>23
一応スレの流れではハイブリッドは無しと言う方向。

(・∀・)ﾆﾔﾆﾔ
ttp://www.itmedia.co.jp/enterprise/articles/0610/31/news062.html

＞何故これでうまく表示させることができているのかよく分からない
＞謎のtableタグ構造を一掃できたのが、個人的には一番うれしいですね。

ちとﾜﾛﾀ

http://www.microsoft.com/japan/windows/windowsmedia/default.mspx

ところでmspxって何？

毎日ユニーク30人くらいいるのか
更新しなきゃな(´・ω・`)

誤爆、すまん

あいうえお

自作自演作者ども乙ｗ

おまえらはうまい某の公式サイトにはかてないｗ

おれ＞＞＞超えられない限界を超えた壁＞＞＞＞＞＞こえられない壁＞＞＞＞＞＞＞オタク＞＞＞おまえら

>>317
>>超えられない限界を超えた壁

これだと壁が限界を超えたことにｗ

そうか>317は成仏できたんだな
良かった良かった

フォームのレイアウトを参考にしようとこのスレを見ましたが
殆どテーブルレイアウトですね。
どこかフォームのレイアウトが上手いサイトはないですか？

自分の脳味噌で考えろ

久しぶりにこのスレにカキコしてみる。

http://veryroll.com/

余白にそこはかとなくセンスを感じる。
スクロール時間が長いのが少々気になるが。

フォームはテーブルで作ったほうがわかりやすい。

>>320
http://susu.cc/2007/05/25/mailform-script/
どうかな。

>>324
なるほど､ ラベルをフォームコントロールの後ろに付けるのか｡ それはいい考えだ｡
私は前に付けていたけれど､ それだとフォームコントロールの先頭が揃わなくて不恰好になりがちだった｡

でもHTML的に前のほうがいいと思うから、そこはCSSでやってね。

音楽なるからうざい。
けど配色センスあり。
ttp://bruno.fem.jp/

＞配色センスあり

ﾌﾟｯ

>>327
とりあえずテーブルレイアウトやめようや

>>327
横幅でかすぎ。
1024*768でIEだと、最大化しても横スクロールバーがでてる。
はぁ・・・

見てきたが…確かにこの背景には負けるよ
ttp://www.yaokin.com/

ふむ。従業員50人で、年商100億というのは、優良企業でありますなあ
さすが、うまい棒発明企業だけ有るわ

>>331
テーブルレイアウトはスレ違い

これは社内制作なのか？ｗ

ネタはスレ違いではない

ttp://www.meltgraphica.com/
ttp://www.snuffmag.jp/
ttp://wildcard.jp.org/info/

一番最後のが一番いいと思う。余白が綺麗。

>>336
一番下いいね。右の少し見える緑がアクセントになってて
ただ、なぜだかまぶしい

左？#fafafaくらいならちょうど良いと思う。

一応アーカイブ目的で置いておこう
ttp://www.nightwish.jp/
ttp://www.twilightning.jp/

批判は終わってるのでこれ以上は不要です

アーカイブ目的ならブックマークしてくれ。
批判されるとわかってんならださないでくれ。

安っぽいグロー文字だな。
ブログは普通。

ここしばらくブログは出てない気がするが。

あっちのスレみたいにひねくれた人はいないから大丈夫だよｗ

>>342
>>339の上のサイトがBloggerをカスタマイズしてる

あー、勘違いだ。
下のサイトの構成が典型的なブログっぽかったから、細部を見ずに判断してしまった。

下のサイト、spacerはさすがに無いだろ。
何のためのcssなのかと。

>337
右の少し見える緑というのが分からない

と思ったら窓小さくしたら見えた
窓最大だと太さが半分くらいになるのは何故だろうか

・字をデフォルト設定より小さくする
・画像素材を多用してレイアウトを整える
・Flashなどで派手にしたり、デザインを好きなようにしている

これ以外無いんですか？

>>347
・線で囲む
・色を塗る

h2、3などを見やすく、また使い方を統一する。
・タグで幅も変える
・配色の基本を抑える

個人的には見た目だけでなく使いやすさも重視したいな。
サイト全体で基本が同じ配置、並びだと使いやすい。
CSSを外部読み込みさせるなら必然的にそうなるけどさ。

あと、letter-spacingを上手に使ってあるサイトなんか上手いなぁと思う。

流れが止まってるようなので話題を。

最近になってデザインに興味が出てきたんだけど
ドラマやアニメのタイトルロゴって結構センスいいのが多いよね。

そういうのだけ集めたサイト見ると中々面白そうだ

>>351
出来上がるのを期待して待ってる

>>351
ゲームとかもね。
特にゲームは業界は色使いから画像加工までかなり勉強になるよ

プロは、素人の趣味のデザインと違って
何万もの客の目を引くために金貰ってデザインしてんだから
センスが悪かったらダメだろ、常識的に考えて…

タイトルロゴを集めたサイトを作るとして、問題になるのが著作権。

はてなのアンテナなんかだとリンク先のサムネイルがあってTOPページ
が表示されるけど、同じようなのを作ってロゴだけアップして表示したら
やっぱグレーゾーンか黒なんだろうな。

制作元を明記するなり、リンクするなりすれば
正当な引用としてセーフじゃないかな
少なくとも、ロゴを紹介することで
制作者の利益が損なわれてはいないのだし

ロゴは引用の形を取ったって所詮紹介にしかならないから
引用としては認められないだろ、多分。
ロゴの場合は著作権のみならず意匠登録も絡んでくるだろうから
さらに厳しいだろうし。

紹介でも引用じゃないのか。

ちげーよ
自分の論述の根拠として必要な場合のみ引用として認められるのが通常
紹介に論拠も何もあるか

自説を補強ないしは批判するための「引用」ではないけど
「紹介」だったらアフィリエイトみたいなもんで
紹介された側に不利益がなければいんじゃね？

どちらにしても違法

いい加減すれ違いなのに気づけ

>>360
紹介だけだったらWWWなんだからリンクを活用しろってことになる

ほとんどのブログは違法だな。

記載方法によってはグレーゾーンだな。

そもそもサイト内の画像への直リンは禁止してるだろ

どちらにしても間違いなく違法
ほとんどのブログが違法なのもそのとおり

通報すればすぐつぶせるよｗ

ttp://www.summitsystem.co.jp/
これはCSSでもしっかり特徴がある。

>>368

コレってテンプレじゃないの？
同じデザインで日本のサイトを最近見たけど。

http://www.inuiyosuke.jp/
これ？

>>370の人が制作したってだけの話。
works見れば載ってるし。
つーかこの人斜線使うデザインが多いな。

>>336





>>368
無理な崩し方にイラッと来るんですけど・・・。
果たして、堅いイメージの企業サイトで
少々はっちゃけたレイアウトをする意味があるのかどうか。

あと、文字の印象の空間支配力が弱いのに、やけにマージンをとっているなあ。
クリックするために、わざわざマウスを動かすのがだるい。

多分、この企業の客層には、受けないと思う。
完全オナニー。

このデザインには、安定感がないため
飽きがきやすい。
わりと短期間でデザインを変更したいタイプのクライアント向けじゃないのか？

>>368
良いんじゃない？レイアウトは普通だけど、デザインで特徴作ってるんじゃない？

http://www.chayu.net/
Firefoxでは悲惨なことになってるけど・・・

けど、じゃねーよ

>>374
Operaで見ても崩れます｡

画像をあまり使ってなくても奇麗なサイトってないかな？

>>377
コンペやってるサイトがあるから見てくるといい。

というか画像を使ってる時点で綺麗とは言いがたい

>>372
＞果たして、堅いイメージの企業サイトで
＞少々はっちゃけたレイアウトをする意味があるのかどうか。

だからこそする価値あるのでは？
しかもそこは全然はっちゃけて無い上美しくも無いわけだがｗ
まぁ小言挨拶だけのために逐一FLASHうじゃうじゃ沸きあがるサイトより
遥かにマシだけどな。しかもメリハリあって使いやすいっちゃ使いやすいと
思う。ただあんなのがこのスレで取り沙汰されんのは面白くもなんともないし
企業サイトって根本からマンネリだから見ててデザインからして
たいして目を引くようなものもないしやめて欲しいとは思うんだが。

テーブルレイアウトだけどモスバーガーのサイトが好き。

>>381
スレタイ100000000000回読んで糞して山菜狩りしてこい！

いってきまああああああああす!!!!!!!!!!

>>383
毒キノコはカンベンな

ttp://spaceinfo.jaxa.jp/
目が痛いかもしれないけど

>>385

POPUP KEYWORD がウザイ。
IE6で見ると文章が途中で途切れる。
テキストの上でカーソルが動くと、砂時計出まくり。

CSSでJavaScriptを使うにはどうすればいいですか？

>>387
お前がビルから飛び降りる

>>388
レスありがとうございます。

さっそく飛び降りてきました。
あとはどうすればいいですか？

>>389
お前大変なことになっているぞ

・東京都豊島区南池袋１丁目の商業施設「池袋パルコ」前の路上で６日、東京都練馬区の無職の
　女性（２５）の飛び降り自殺の巻き添えになり、意識不明の重体となっていた千葉県松戸市の
　会社員池田長武さん（３８）が１０日午前５時３５分、都内の病院で死亡した。

　警視庁池袋署が１０日に司法解剖して死因を詳しく調べる。

　調べでは、６日午後１時ごろ、池袋パルコ屋上から女性が飛び降り、路上にいた池田さんが巻き
　込まれた。池田さんは仕事が休みで、同僚に「知人に会いに池袋に行って来る」と話していたという。

　女性は全身を強く打って間もなく死亡。池田さんは顔面を複雑骨折するなどして入院していた。
　nikkansports.com　http://www.nikkansports.com/general/f-gn-tp0-20071110-281257.html

※元ニューススレ
・【社会】 「こんな所で飛び降りるなんて」 池袋パルコから飛び降り自殺の２５歳女性、精神疾患だった…下にいた男性巻き添え★６
　http://news22.2ch.net/test/read.cgi/newsplus/1194457710/

あーあ

>>385

文字が小さくて読みにくい
横スクロールはじゃま

これ作った業者って読むことが目的のページだっていうのを理解してないな。
普段本もweb上の資料も読まないで惰性でサイト作ってるのかな。

これどう？
ttp://www.note-pc.biz/

うわ、あげてしまいました
すみません

ゆるしてあげます

>>394
いいなあ。
ただ、１ページの量が多すぎる気がするのと、テキストの文字は
もう少し大きくてもいいと思う。

>397

!--問い合わせバナー▼-->
<br /><br /><font size="+1">　　　　　<font color="red">▼▼▼</font>

http://web-selection.com/

これは好きかも

http://www.misawa-mrd.com/

>>399
結構いいな。

>>401
もうこうなってくるとパターンにハマってるだけって感じだな。

不動産のような高額商品のサイトは安心感が一番なんだよ。

そこをパターンにはまってるとかマンネリとか指摘しても、
ターゲット・客層を無視しているだけで無知を晒すだけ。

ガチムチでゴメン

検索画面にいくとフレームで上下分割されるのが気持ち悪いな

>>399
Googleのバナー集めてたサイト思いだした

>>404
安心感も何も、普通に見にくいと思うけどな。
1ページに情報が多くありすぎ。
よくあるアフィだらけのブログを思い出したよ。

大阪大学 http://www.osaka-u.ac.jp/

いいね

>>409
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" id="container">

>>410
おいw

HTML 4.01＋tableが良いとな！？w

ごく最近HP評価スレッドに投稿されていたCSSサイト
ttp://joykabu.sakura.ne.jp/
ttp://www.chira-miru.jp/udon/
ttp://8080seitai.com/

ttp://www.sugarcake.net/handmadel/
かなりピンクだけど

ざっと見たけどスレタイの使い易いは何を持って使い易いって
してるの？視覚障害者とかも含めて幅広く？このスレでの使い易いの
明確な定義がよく分からない。

いまいちかな？

http://www.tokaibus.jp/iliner/

美しくはないかも
http://www.kikuimoekisu.com/

>>417
コンテンツの内容にふいた
てか感心した！

キク・・・イモ？

画像の美しさも重要だけど日本語サイトは豆字が多いから
それは除外したいな。きれいでも豆字で読みにくいと萎える。

もうちっとお上手なものを貼れ

ここまでのを誰か解説してほしい。
好みで分かれる部分が多いけどさ。

津波荘を超えるものはない
以上

津波荘は綺麗で見やすいね。

娘娘飯店が好きといいたいが・・・
この流れだとカスイケと変わらない・・・。

津波荘のブックマークでエラーが出ちょる

なんだってー！！

WEBデザインの評価・リンク集 || WEBデザイン・データベース【WEBdeDB】
http://www.webdedb.com/

>>428
汚い構造ですね
なんか落ち着きのないアンバランスさ
あとフォントが汚く感じるのは配色のせいだろうね

メインコンテンツの配置がひどい
上のタイトル画像とかぶってるし、下を突き抜けてる
HTMLのソースはましだけど、レイアウトがありえね

ナビゲーションも下がった部分が、その上の見出しに含まれるってことだろうけど
いまいち、メリハリがなくて、構造がつかみにくい

>>430
後者は同意だが、前者はアリだと思うよ。
突き抜けてないデザインのほうが優れているなんて根拠ないし。
口出すべき箇所ではないわ。

言われてみれば、突き抜けるのもありかもしれんけど、この場合はどうだろってのはあるよ

下になっているボックスの下の背景って、地面なわけでしょ
しかも、右にも連続している
その下「このサイトについて」 「お問い合わせ」なんかは茶色っていう土の色
否応なく、地面を規定するんじゃない？

土の下に置くことに意味がある場合もあるけど、今回の突き抜けはそうする意味がわからん
ここら辺の感じかたは、個人差があるかもしれんが…

mixi的な配色がウザい

確かに突抜は良くないと思うな。
空と草原と大地が台無し。

火狐で崩れまくり。
デザイン以前だな。

IE7と比べて背景の位置しか違いなさそうだけど

http://www.cybergarden.net/
この人は何百ページにも及ぶ、専門書を出しているProfessionalなかたです。
もちろん、この人のWebサイトは高く評価されているでしょう。

それにしてもトップページの英文の訳が微妙にてきとーで、何だか間違い探しみたいでおもしろい。

>>437　なんていうか、口ぶりがねぇ

それは、ともかく
真ん中あたりにある英語と日本語訳のセットの部分
背景の文字もあることだし、左と上の線はありだけど、全体としてのレイアウトを考えるといまいちかも
あと、PRが必要なリンクだとおもうんだけど、目立ってない

>>437
ないない、本人もしくは儲乙

http://www.somes.co.jp
レノボのノートパソコンの革を作ってる会社
世界規模の会社に対してこの会社のHPはどう？

<div id="left">
<div id="right">
全然関係ないがそこのフラッシュ酔うなｗｗｗ

↑
あ、名前もさることながら、そのIDが幾つも使われてるから論外ってことね。

フラッシュの幅がナビゲーションとかと合ってないってどうなのさ

>>441
h4の使い方がおかしいだろ

常識的には<p>だな

>>436
文字の大きさを変えてみ。

このサイトどう？
ttp://www.geocities.jp/room0102_jp/hayate_chara/index.html

見た目はいいんでね
でも少々の文法違反なんてレベルじゃねーぞですね

たしかに、デザインもレイアウトもいいかんじだと思う
ただトップ絵が、汚い　もうちょいまともな画像を用意しろと　著作権的にも
あと、リンクのところでマージンが揃わないのも気になる

ゴシックと明朝が混合してて、見栄えが悪くなってる。
あとこういうシンプルなサイトは、ちょっとバランスが崩れてただけで気になるから、
フォントのウェイトや文字間隔には最大限に配慮したほうがいい。

http://mousousystem.client.jp/

斬新なレイアウトだとおもったら
firefoxで崩れてただけだった

なんかどこにでもあるようなデザインだなぁ
アドビのサイト思い出しちまった。

なんだ、崩れてただけかorz

あげ！！！！

>>441
<div id="gloval-nav">
ﾜﾛﾀｗ

俺は<div id="navi">を平気で使ってるけど、ﾜﾛﾀか？

>>458
つ[http://eow.alc.co.jp/global]

>>457
お前性格悪いってよく言われるだろ。

箸が転んでもおかしい年頃って言うじゃない？

え？普通にグローバルナビて呼ぶだろ？
他に名前あんの？

うっかり誤字はたまにやるな
この前なんか１つのidが繁栄されてなかった
で１つ１つ調べいくと
<div id=**>123</dib>　だったorz

グローバルはOK
グローヴァルはイクない

text-decolationとかたまにやっちまう

fontだったかtextだったか忘れてしまうことがある

綴りを忘れるというかiの数を間違えるのがvisibility。って合ってるか？

忘れねーよ・・・
「見える」という」visibleって単語は忘れるわけがなくて、
それを名詞にしたらいやおうにもvisibilityになるわい

>>466はたまにある(･∀･)

visibleとvisibilityでiの数が違うってのは逆に間違えやすいと思われ

どんだけ英語できないんだよｗ

先日とあるブログで
Windous Vistaと書いてる人がいた
どんだけローマ字好きなんだよw

>>469
大きなお世話かもしれんが、
secure -> security
ってふうに、名詞形になるときは最後の e をのけて -ity ってなるパターンが多い。

>>470
高尚乙。

http://www.nicovideo.jp/img/tpl/head/icon/nico/

へ〜。
そうやうと全部見れるんだ

ttp://www.microad.jp/publisher/

なんかかわいい

ちょっと、わかりにくい感じになるけど、好感度が持てるな

デザインだけ見れば、このスレの中で個人的に最も好感度高い。
ただ、この業種でこのルックスはどうなんだろう。OKなんだろうか。

ちょっと文字が小さすぎない？
自分はこの業界だからこそ、敢えてこのデザインが良いと思ったけど……。
（ラフな感じだけど手が込んでる≒実力　みたいな。）

安心感があるね。
ただ本文もこの文字サイズだと読む気にならない。
ソースも無駄が多い。

かわいいからゆるす

自演乙ってほどの褒めっぷりだな。
そんなよくもないだろ。

字がマイクロってことか……

字が小さいから読む気なくすって…
もうちょっとがんばって生きろよ

>>413の一番下のサイトみたいに画像背景をグレーアウトして出すのって
どうするの？

>>485
lightboxで検索

>>486
ありがとう

美しいサイト待ちあげ

http://www.netcube.ne.jp/

鯖やとしては珍しい配色かも。

>>489
h1の中にdivってありえなくね？
テーブルレイアウトだし

馬鹿丸出しのソースだな

見た目美しくないし

スレタイスレタイ

>>489
神サイトじゃん

>>494
自演乙

>>495
それは無い。

張り付いてる人は、そこそこ居る見たいだが
盛り上がってないスレだなー。

このスレを見るとウイルスが検知されるんだが

それはない

バスター様がうるさくなるのは確かだな。実害はないけど。

http://www.neighbors-inc.com/

ここはどないでしょう？

いいんじゃない？
フッターのバナーが気になるけど･･･

ttp://cocco.boy.jp/
雰囲気がいい

フォントサイズを無視してる環境だと論外

DOCTYPE宣言なし問題外

Firefoxで見てみろよ（笑）

div厨乙
でも絵うまいな。腐女子っぽいけど。同じような顔ばかりだけど。

Safariでも悲惨

絵のサイトとしてはいい雰囲気だな。見やすくていい。
これぐらいのフォントサイズならもんだいないな。
htmlやcssという観点から見たら微妙だけど。

素材サイトなんかだとフォント見えないわ、+などのキラキラが邪魔だわで入り口もよく分からんサイトが多い。

operaでも駄目だな。
グローバルナビがぐちゃぐちゃになるってのは……

>>503
自演か？
とりあえず、DOCTYPE宣言はちゃんと書け
ul要素には list-style : none、メニュー部分のa要素には display: block とそれぞれ指定しとけ

どうでもいいことで偉そうにしてんじゃねえよw

http://www.dream-baku.com/
ここ好きっやなあ。Flashかとおもた。

>>513
ちょ

和風でいいサイト知らない？　

http://www.deathofinformationmarketing.jp/
ここは

↑なんか詐欺っぽいサイト

>>516
なんかあまりCSS使ってないような。

ここって褒め殺しスレ？

ttp://koakuma.y29a.com/

こういうの作れたら若い女あつめれるんだろうなってサイト
楽天アフィ？の貼り方がうまいんだが、こーいう貼り方って規約OKなの？

↑ドキュソテーマのくせにストリクトかよ。

こんなのに集まるのか・・・

>>521

ストリクトじゃねーよｗ

超低レベルじゃんｗｗ

宣言の話だろう

評価：

ウェブマスターがホントに女の場合
『この手のサイトにしちゃあよく頑張ってる。上出来』

ウェブマスターが実は男の場合
『キモいページ作ってんじゃねーよカス』

>>515
ttp://akeishinbun.web.fc2.com/

>>520
しかし酷い作りだね
画像加工が激酷
37個のフレーム致命傷って、ありえんだろ

http://www.sakakida.com/

前スレで評価していただいた美容ベースです。
メニューの位置・カラーなど、その他もろもろ修正しました。
再度、評価をお願いいたします。

肌スキンケア・髪ヘアケア　美容ベース
http://biyoubase.com/

トップページにイメージ画像的なものがないとなんか不安だわw

相変わらず上部の空白が気になってしょうがないｗ
しかしdiv多いな、それに

<ul>
<li class="menu-top"><a href="/">トップページ</a></li>
</ul>
<ul>
<li class="menu-skin"><a href="/skin/">肌スキンケア</a></li>
</ul>
<ul>
<li class="menu-skin"><a href="/skin2/">肌スキンケア(小ネタ)</a></li>
</ul>

ってこれじゃ何のためのul liなんだか

《　在日が帰国しない理由　「在日特権」　》

http://www.geocities.co.jp/WallStreet-Bull/2487/
[地方税]　固定資産税の減免
[特別区]　民税・都民税の非課税
[特別区]　軽自動車税の減免
[年　金]　国民年金保険料の免除
　　　　　　　 心身障害者扶養年金掛金の減免
[都営住宅]　共益費の免除住宅
　　　　　　　　 入居保証金の減免または徴収猶予
[水　道]　基本料金の免除
[下水道]　基本料金の免除
　　　　　　　 水洗便所設備助成金の交付
[放　送]　放送受信料の免除
[交　通]　都営交通無料乗車券の交付　JR通勤定期券の割引
[清　掃]　ごみ容器の無料貸与
　　　　　　　 廃棄物処理手数料の免除
[衛　生]　保健所使用料・手数料の滅免
[教　育]　都立高等学校
　　　　　　　 高等専門学校の授業料の免除
[通名] 　 なんと、公式書類にまで使える。(　会社登記、免許証、健康保険証など　)
　　　　　　　 民族系の金融機関に偽名で口座設立→犯罪、脱税し放題。
　　　　　　　 職業不定の在日タレントも無敵。
　　　　　　　 凶悪犯罪者の１／３は在日なのに実名では報道されない。
[生活保護]　家族の人数　×　４万円　＋　家賃５万円 在日コリアンは、ほぼ無条件で貰えます。
　　　　　　　　 日本人は孤児だろうと病気だろうと、絶対に貰えない。
　　　　　　　　 予算枠の大半を、人口比率１％未満に過ぎない在日が独占。
　　　　　　　　 ニートは問題になっても、この特例は問題視されない。
[住民票]　　「外国人登録原票」は通常、一般人では閲覧できない。
　　　　　　　　 (　日本人の場合、債権関係の係争で住民票を閲覧される　)
「生活保護予算の大半は在日だけの特権保護費」

>>528
jsも多分に貢献してるけど
見た目もいいしストレスも無くていいね

デフォルトに近いのが一番読みやすい
CSSなんて見出し部分だけで十分

そのデフォルトがブラウザによって違うのをどうしろというのか

.

無駄なレンダリングが入るので、個別にリセットした方がいい

創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね

外国のサイトとか見てると、本当に日本はレベルが低いよね

もう生産する気ない
TF7など出ない、もうあきらめろ

リセットcssだけでいいよね

【極上】AV監督１００人が選らんだ究極のおっぱいを初公開！【満足】
https://www.youtube.com/watch?v=kDfbXZZ15s4

http://jobinjapan.jp/job-listing/keyword-css.html