CSSデザインのサイトを評価するスレ
■ このスレッドは過去ログ倉庫に格納されています
※評価するスレなので、各話題(文法など)は該当スレへ!
◆評価するサイトについて
・自薦他薦どちらでもよい(基本は1レスに1サイト)
・CSSでデザインされているサイト(tableを使ったデザインは×)
・ブログなどのテンプレートは配布元サイトのテンプレートを
◆評価する内容
・見た目は良いか悪いか
・サイトデザインと内容(ターゲット層)が合っているかどうか
・ユーザビリティ(使いやすさ)は良いか悪いか
・アクセシビリティ(利用のしやすさ)は良いか悪いか
・(X)HTMLとCSSの文法は正しいかどうか
・ソースは読みやすいかどうか
・各ブラウザでの表示の誤差があるかどうか
◆評価する基準
・見た目は個人の判断
・明確な基準(文法やブラウザの表示など)があるものはそれを使う
>>2-10テンプレ続き >>472
オシャレなデザインというわけじゃないが、
配色・リンクの位置を含めてすごく「見やすく・分かりやすいサイト」だな。
そういう意味で機能的で、お手本になる。
個人的に好きなの二つ。どっちも更新止まっているけど。
CSS疎いから評価してくれると嬉しいな
ttp://version510.com/
ttp://mogstyle.net/ 上のサイトの、スクロールに伴ってナヴィがぬるぬるついてくるJSって何で人気あるんだろう
主観でしかないのは分かってるが、ユーザとしては気持ち悪くないか? ぬるぬるなら良いんだけどね
ガクガクだから見づらくてイヤ 友達のサイト出したら迷惑になるかな?
ちょっとどれくらいの力量なのか知りたい。 >>479
いいんじゃね?むしろ俺がその友達だったりして。
Firefoxで見るとズタボロなんだが・・・W3C準拠でも、ダメなヤツはダメのサンプルか? google はcssデザイン。(ニュースはリキッドデザイン)
おちゃのこネットのWEBショップはCSSデザイン。(流し込みではない)
ブログサイトはCSSデザイン。(流し込みではない)
CMSサイトもCSSデザイン。(流し込みではない)
用途に合わせて使えばいい。アメリカのサイトなんかにリキッドはありそうに思えますね。
CSSで横サイズ%指定は少し頭が必要なようで・・・
メインでネットショップのデザインをやってます
この業界も良いデザインのサイトが増えてるよ
ttp://www.ec-conference.com/con_gds_list.php
ここに載ってるショップはCSSデザインが多い >>487
ほとんどのサイトのレヴェルが低くてワロタ
まともなのはttp:ramutei.comくらいだが
食品サイトのデザインではないとオモタ
もっと精進したまえ!!! ttp://www.enfan.jp/
このサイトはどうですか? かわいいんじゃない?左右の飛び出てる部分が目立ってるから自然と注視した。
真ん中のカラムの中身はデザインが適当すぎると思う。 >>491
WEBデザインの見本帳の中の人?
だったら凄いよね。乙
>>488
ttp://ramutei.com
むしろ食品サイトっぽくないのがかっちょ良いんじゃね?
おれもデザイナーの端くれだが、食品サイトはデザが守りに
入りすぎて面白くない。どこも楽天みたいでキモいwww
>>489
ttp://www.enfan.jp/
コーディングに無理がある。もっとシンプルにしたら
15%くらいはコードが減るんじゃないかな。 『Another HTML-lint』はW3Cの勧告に追いついていない。
これ、豆知識な。 正しくHTMLを書こうとする人って完璧主義者が多いだろうから、
気にしなくても良い減点を気にしちゃうんだろうね。俺のことだけど。 >>496
自分の天性の無さを人に当たるんじゃありません >>499
アクセス数を伸ばす為、数ヶ月かけてリニューアルしたのですが
ほとんど以前と変わりません。何が悪いのでしょうか?
http://red.ribbon.to/~donmai/ >>500
2ちゃんねるを宣伝の場と勘違いするのが悪い。 >>501
宣伝しても、人の集まりが悪かったので
どうすればもっと人が来てくれるよう、改築すればいいのか
ご教授ねがいにきたのです。 >>503
シンプルイズベストだと思ってるんですが・・・ http://hamu86.web.fc2.com/
CSSで幅狭くしてタイトルを縦文字にしてるサイト。 xhtml 1.1 って意味あるのかなぁ。>>505 DOCTYPE宣言なしでフレームのサイトよかマシなんじゃね もし見難いデザインで作ったら周囲のバッシングがひどそうなサイト。
膨大な文章を纏めるだけでも頭が痛くなりそう。
http://www.nta.go.jp/ >>505
ここの管理人とは会いたくないな…
>>508
確かにこの分量だと大変だ。
が、トップページくらいはもうちょっと整えるべきかと(´・ω・`) >>505
xhtml1.1なのはルビ使ってるからだろうが。
管理人はどう見てもニコ厨です本当に(ry
っていうかデザインとか関係ないが(ワラ
>>508
ブラウザによっては横スクロールが出たりするが上出来かと。
言うほどでもない
背景画像にかろうじて救われてるレベル >>500
まぁがんばれ。
>>505
センス悪いValid厨サイトの典型
>>508
役所ならこんなもんか
>>511
まぁまぁ
>>513
配色はよい >>511
素人?にしては頑張ってるんじゃない?
文章がアホだけど。
>>513
配色好みかも ttp://www.3bk.net/
なんかFlashも多いけど。 http://blog.worldending.jp/
ここリニューアルしてた。正直すげーかっこいい。
でも横幅DEKEEEEEEEEEEEEEEEE!!!!!! なんでだよw
使いにくい=格好悪いになっちゃうの? 横幅ってもう900前後がかなり増えてきてるよな
やほーの影響? とりあえずネットブックに入る程度にしとけばいいと思う >>529
ディスプレイがでかくなってるからだろ
ノートPCでもXGA以上が当たり前になってるから900pxでも横幅がはみ出る事はない なるほどなー
ネットブックは1024かな
余裕だな お気に入りを展開するから実際は横スクロールバー出るけど
つーかリキッドにしとけよ だいたい600~900の間でリキッドにしてるってすれ違いだなこの話題 >>534
リキッドなら600〜900も何もないだろう
おまえ言ってるのセミリキッドの話じゃね? >>540
<a name="top" id="top"> </a> とか
<div id="globalNavi">
<div id="globalNavi_wrap">
<div class="content">
<div class="navi01">
<ul>
(中略)
</ul>
</div>
</div>
</div>
</div>
とか… 見た目は悪くないと思うけど
トップページ以外右のバナーいらなくね?
その分本文の幅広げた方が無意味そうな空白つくるよりいいと思う
別にいいと思うけど
実績のページがあってもリンクされてないのは印象として良くないと思う
でも主要取引先ってとこ見ると多分そこのHPやってるんだろうなwって分かるけど
隠す意味あるの?w 配色と配置はいいけど
センタリングしてないから小さい画面だと右端切れるのと
アクセス部分をテーブルにしてるのが気になります。 >>540
ちょっとDivりすぎだろ。あとTopicsは<dl>で作ったほうがよくね?<dt>に
absolute指定して、<dd>に左padding設定すればうまくいくよ。
絶対既出だと思ったかそうでもないようなので、紹介しとく
ttp://adp.daa.jp/
これはDivらなさすぎw ごめん、読み直したんだけど、ちょっとじゃないwDivすぐるw
id,class名のセットの仕方も駄目だな。leftとかいれちゃ、
なんのためにCSS使ってるの?ってなる。
しかも、なぜセンタリングしないの?margin: auto;ですよ?
悪いけど、Web製作会社のHPとは思えん。大学合格したての、俺よりレベル低い。
だが、これでもXHTML Validのラベル貼れるんだもんな・・・
はっきりいっておくが
構文が正しいかどうかなんて
じゅうようじゃねえよwwwwwww
>>550
言い過ぎたw
でもWeb製作会社ってことはプロなんだからそれぐらい出来てもよくね?
・ソースは読みやすいかどうか
ってのも、評価対象とのことだし。 >>553
高校のクラスのページがあるけど、学歴がばれるからいやだ。
XHTMLはValidでも日本語がValidじゃないしw >>554
えーwじゃあ最後に1つだけ
今時、Web制作会社なんて学生でもできるから
誰でもなれる反面、技術もピンキリなんだよ。
もちろんお金をもらってるプロなんだから出来て当然だと思うけど
プロだからってみんな最高の技術もってるわけじゃないぜ 今年のできたてサイトです。
問題点があれば、ご指摘お願いします。
肌スキンケア・髪ヘアケア 美容ベース
http://biyoubase.com/ >>556
メニューとスポンサーリンクの位置を入れ替えて
配色をもっと鮮烈な色にしてみてはいかがでしょうか。
(美容に関するページならそこに来る人は
カッコよさを求めるはずだからウグイス色+白だと
ちょっとインパクトに欠けるし清潔感がない気がします。
素朴な和菓子を売っているお店ならありだとは思うのですが)
あとCSSは関係ないけど画像ですね。
荒れた肌の写真はちょっとあれだけど
図解がない文章だとちょっと分かりづらいです。
情報の整理の仕方はいいと思います。 >>556
広告目的のコピペか、評価スレで褒められて有頂天になったか知らんが
リストなのに別の要素で書いたりコーディングが甘すぎる
そのせいでのっぺらとしたスタイルしか指定できなのでは ご指摘ありがとうございます。
全体的に地味というのは、よく言われます。
「美容の基礎をつくる」というコンセプトなのですが、
それを考慮しても、派手色のほうがよいでしょうか。
コーディングに関しては、もっと勉強していこうと思います。 全体が派手である必要はない。
目を惹くアクセントと一緒に調和するデザインなら、質素でも綺麗に見える。 誰に向けたサイトなの?
地味というか年寄り臭いというか抹香臭い
ラメのようなアクセントも欲しい ご指摘ありがとうございます。
さきほど更新し、
見出しを項目に合わせた色に変更しました。
また行き詰ったときも、ご意見をいただきにくるかもしれません。
その際には、また、よろしくお願いします。 色々とわからなくなりました。評価お願いします。
http://nvxi.jp/ >>564
デザインの前に文章構造のなんたるかを(ry >>565
申し訳ない
>>566
よく言われます…。
やっぱり何かに絞った方がいいんでしょうか >>567
いえ、絞る必要はないです。
よく見れば、コンテンツは
写真、2chまとめ というのはなんとなくわかります。
問題はトップページを下にスクロールしていかないと
何があるのか分からないこととか、
コンテンツの数が少ないのに何回もクリックしないと
コンテンツにたどり着かないところだと思います。
たとえば↓のような各コンテンツに1クリックで行けるメニューを作って、
2ch過去ログ
幻の心霊写真・動画を追え!スレ 過去ログまとめ
1 2 3 4 5 6 7 8 9 10
恐ろしま福島スレ 過去ログまとめ
1 2 3 4 5 6 7 8 9 10 11
(↑数字はリンクになっていて押すとその過去ログのそのバージョンに行く)
シルエットの画像に「このサイトは2ch過去ログと写真のページです」
みたいな文章をいれて、「2ch過去ログ」、「写真」という箇所に
各メニューへの内部リンクをつくればトップページに来た人は
1発でなんのページかわかるし、
例えば過去ログを探しに来たなら
メニューを選ぶ→スレ番号を選ぶの2クリックで
いけるので使いやすくなるとおもいますが、どうでしょう。 >>568
ナビゲーションメニューを導入してみます。ありがとうございます! >>556です。
前回、ご指摘いただいたところ、
その他もろもろをを修正しました。
まだ問題点があれば、ご指摘よろしくお願いいたします。
肌スキンケア・髪ヘアケア 美容ベース
http://biyoubase.com/ >>570
リストの使い方おかしいと思わないのか
デザインの前にhtml「だけ」を勉強したほうがいい
デザインは全体的に地味すぎると思うけど
それはそれとしてトップの「美容ベース」の左側の空白が無駄 >>571
ご指摘ありがとうございます。
HTMLは勉強し始めて2ヶ月なので、
おかしい書き方があるのは、予想していました。
リストの使い方がおかしい所は、
トップページの詳細ページ一覧の所でしょうか?
☆PCが自動で稼いでくれるこのプログラムに参加してみて下さい。
無料で参加できます。
米国発ですが日本国内でも流行り始めています。
今ならまだ間に合います。
↓↓↓
ttp://greenhorse.iinaa.net/ >>572
あとメニューリストは左側かヘッダーの方がユーザビリティ的によい ■ このスレッドは過去ログ倉庫に格納されています