CSSデザインのサイトを評価するスレ
■ このスレッドは過去ログ倉庫に格納されています
※評価するスレなので、各話題(文法など)は該当スレへ!
◆評価するサイトについて
・自薦他薦どちらでもよい(基本は1レスに1サイト)
・CSSでデザインされているサイト(tableを使ったデザインは×)
・ブログなどのテンプレートは配布元サイトのテンプレートを
◆評価する内容
・見た目は良いか悪いか
・サイトデザインと内容(ターゲット層)が合っているかどうか
・ユーザビリティ(使いやすさ)は良いか悪いか
・アクセシビリティ(利用のしやすさ)は良いか悪いか
・(X)HTMLとCSSの文法は正しいかどうか
・ソースは読みやすいかどうか
・各ブラウザでの表示の誤差があるかどうか
◆評価する基準
・見た目は個人の判断
・明確な基準(文法やブラウザの表示など)があるものはそれを使う
>>2-10テンプレ続き 配布テンプレートって書いてあるぞ。
まぁ、でもだから何って話だがな。 下から2番目のトップからいけるテンプレートはdivなしのように見えたけど。
ま、だから何といわれりゃそれまでなんだけどただ新鮮だったと言うだけ。 酷いのはhnさえなくて全部divのテンプレートだったりするな <div id="title">サイト名</div>
<div id="menu">
<a href="">menu</a><br />
<a href="">menu</a><br />
<a href="">menu</a><br />
</div>
とかな 何をどう使おうが、問題なく動作して綺麗に見えるならそれでいいんじゃね
正規表現ですっきりしたソースであるに越したことはないが >>380はHTML以前に日本語を学んだ方が良いと思うよ。 >>371
1番目
すっきりシンプルで個人的には好きなデザイン。
でも字がちっさくて文章読む気になれねー。
2番目
見た目綺麗なのに広告が多すぎて萎える。
フッター上部のdiv id="clear"に中身が入ってないのはいただけない。
3番目
そもそもCSSデザインでは・・・XHTML+テーブルレイアウトって・・・。
テンプレ配布してるのに対応ブラウザ火狐だけって大丈夫なのか('A`)
まあ使ってる画像は綺麗だね。うん。画像は。
4番目
配布用のテンプレにdiv使わないならサイトそのものもdivなしで統一してほしかった。
5番目
dl id="date"の中身がddだけでdtが入ってないのが気になる。なぜdl使うのだ。 >>371
4番目と5番目以外、構文エラーと警告多すぎ
cssを云々する前に
まずは基本からやり直さないとな SEO対策テンプレート配布してます!と謳ってテーブルレイアウトのテンプレートを配布してるサイトに比べりゃ良心的だ 正規表現ワロタw
まあどっちにせよ、lintの警告を引用して
ダメサイトだと言ってるやつはまだまだだよ。 ソースなんてどうでもいいもんです
馬鹿な人にはそれが分からんとです
所詮は日曜デザイナーの集まりです 非特定者が頻繁にソースをいじって更新するするような場合は、
見やすいソースでるあることは必須だな 2年ブランク空いただけでみんなフルcssとかだからかなり焦ってる・・・。
テーブル主流だった時代じゃないのね。勉強せねば(`・ω・´;) デザイン前線じゃない所はテーブル主流だったよーな
webは激しいからのぅ 2004年にサイト作成のためにhtmlをかじりはじめたけど、
そのころはまだテーブルレイアウトで教えてるところがあって、
「最近ではCSSでデザインは分けているところも増えている」
って解説されていたような気がする
ちゆ12歳かなんかで色んなサイトで、ちゆ化するのに「「CSS便利だよねー」
って流れが出来ていたのもそれくらいの時期じゃなかったかなー レンタルのブログを使ってないブログ。
オレは綺麗だと思ってるんだけど、CSSがどうとかそういう技術的なことは分からんから
そういうのに詳しいおまいらの評価を聞かせてくれると嬉しい
ttp://hxxk.jp/
ttp://simpleism.net/blog/
ttp://gyauza.egoism.jp/clip/
ttp://lunareclipse.info/
ttp://www.mushline.com/junky/
以下オレの感想
1. カラフルだけど、目がチカチカしなくて優しい配色だと思う。
だけどリンクが多すぎて何がどうなってるのか若干分かりにくい感じ。
2. 名前通りシンプルだけど、一部にアクセントみたいなのがあって良いと思う。
一度クリックしたリンクの色(普通は紫?)が、普通の文字と同化して分かりにくいかな。
3. 細部までデザインされててすげーって思った。文字の大きさも変えれて便利だと思う。
ただ赤系の色がいっぱいだから、威圧感というか暑苦しい印象がある。
4. デザインの画像が少なくて、こじんまりとした感じが好き。記事それぞれに写真が使われてるから
内容の理解がし易い。ちょっと縦に伸びすぎてるのが欠点?
5. 構造が2と似てるけど、写真とか画像の使い方が上手くて見やすい。
背景の色が見慣れてる2chと同じっぽいから、印象が良いのかな
どう? 1と5は入れるな、有名どころすぎて今更紹介も恥ずかしいから >>395
2. サイト構造が把握しにくすぎ、デザイン以前の問題
3. ソースの構造が致命的なレベルでおかしい、デザイン以前の問題
4. ただのどこにでもいる div 厨 じゃ、俺は良いところを観ていこう
1 良いところよりも悪いところの方が目立つが、cssを使えばデザインを遊べるということを示してくれている。
2 シンプルにまとめている点がうまい。奇をてらったものが苦手な人は参考にしてもいい。
3 思い切りの良い配色、細部まで気を張ったセンスには感心できる。好きな人には心地よいと思う。
4 これも定番レイアウトを少し変則的に使っている点が目を惹くし、その割にはよくまとめられている。
5 無難な配置、タイミング良いアクセント、バランスのとれた配色、高水準に仕上げている。
好き嫌いは別れると思うけど、
「うー、俺のサイトをもうちょい格好良くしたい」と悩んでいる人には勉強になるはず。
ただ、どのサイトもソースがあんまりスマートじゃないので
できれば、ソースを参照せずに再現するように試行錯誤したほうがいいかもしれない。 >>395
1 メジャーなブラウザですら大崩壊してる
2 パっと見テーマがさっぱりわからない。意味不明なサイト
3 その辺によくあるblog。取り立てて言う事無いほど凡庸。しかも読み込みが全然終わらん。
4 自分のネタ以外をさも自分のネタのようにまとめてあるデザイン。blogはblogらしく基本くらいは守れ
5 この中じゃ一番良い。というか唯一わかりやすいと言えなくも無い。 >>400
1は飛び出してるのがdefaultってやつじゃねえの? 1は出てるのがデフォなんだろうがどうなのよってかんじだな >>396
有名だったのか、すまん知らなかった;
>>398
2. アバウトとリンク集とブログのページだけだから把握はしやすくね?
3. 確かに一見すると何がどの役割を果たしているのかは分かりにくいね。
4. デザインのためだけにdiv使うことだよね。
>>400
1. オレ(firefox, IE7)は全然問題なかったぜ?
2. ブログでしょ?あーそんな中でも何についてのブログかってことか
3. このレベルでその辺によくあるなんてすげーな…
4. ブログの基本ってなんだ?
5. 実はオレもここが一番好きなんだ
いいって思ってたサイトも結構落ち度があるんだな。
出てきた意見、今後の参考にさせてもらうわ 付箋みたいなイメージなんだろうね
アウトライン的な考えかもしれんが、初めはズレてると思っちゃうね >>403
2. アバウトとリンク集とブログのページだけだから把握はしやすくね?
把握以前に見るのが面倒な俺ルールレイアウト全開で読むのダル杉。
全く見ないで閉じる典型的なblog。
>3. このレベルでその辺によくあるなんてすげーな…
いくらでもあんだろこの程度。その辺のMTやワードプレスでやってるサイトとか
見てみろ。
>4. ブログの基本ってなんだ?
各種カテゴリー(トラックバック、コメント類、ブックマーク他人のネタ類、
自分のネタ記事類)くらいぱっと見でわかるようなナビゲーションにする事。
blogはただでさえナビが悪くて他をクリックする気にならないんだから
それくらい気を使うのが常識。しかもそこ横にズラズラ並んでるのは他所のネタじゃん。 横に並んでるメニュー自体が区分けされてない事を言ってるんだと思われ よその更新状況を
あんなレイアウトで表示すんなよ、ってことだろ。 確かにアレはよくないな。自分のネタって三つの短文か? <div class="hoge"><ul>
<li>hoge</li>
<li>hoge</li>
</ul></div>
こういうやり方してる人ってなんなの?なんでulにclass指定しないの?
何かdivで囲む意味あんの? >>410
角丸を可変幅で表現しようとすると、:before、:afterなどの擬似要素がIEに対応してないから
やむを得ずそうしてるとか、少し考えれば分かることだろ 後々の使い勝手を考えてとりあえずブロックごとにdivつける >>410
自分もそうやってるんだけど、
要素ひとつひとつに名前を付けるより、
その要素群に名前を付けたいときがあるんだ。
こっからがコンテンツメニュー関係で、こっからが更新履歴に関する要素群で、って。
デザイン変更するときに、コンテンツメニュー関係グループ全体をフロートして、
更新履歴群と2カラムレイアウトしたいな、ってときにもいじらなくて済むし。
そのグループの中に要素がひとつしかないときもそうやってる。
クセになってるかも。 いや>>410のは要素「群」にすらなってない件www >>411
何でもdivで囲んじゃう人にそんな使い方してる人ほとんどいないと思う >>410
反応があったみたいだが、もしかしてこれ見て言った?
ttp://simpleism.net/blog/2008/04/evaluates-me おれさー
多少、ソースにクセがあってもいいと思うんだ
最低限の構文ルールさえまもっておけば
なんだかんだいってみんな把握できてるしね
使っているルールが同じなのにその発現方法がちょっとずつ違う、
これってけっこう理知的ロマンだよ なんでもdivで囲うのに構文ルールも何もあるか、ただのdiv厨だwww 文法なんてのは人それぞれだからなあ。
要はブラウザでの閲覧時にちゃんと表示されればいいわけで。
プログラムでも中身がスパゲッティでも使用者には問題ないわけだし。 やめよう、Strictとか構文の話になるとスレ違いになる。
ttp://splitdadiz.com/
どう?
ここまで作りこまれてると驚嘆の念しか出ないわ。 >>422
しかし重い…。
http://www5.pf-x.net/~ism/
http://spky.org/の中の人の別サイト。
どっかで見たことあるデザインだが、divが減ったのはいい。 >>421
それってテーブルでもおKって話でここじゃNG >>422
<div id="head">
<div id="head-vecto"><!-- ne rien mettre ici --></div>
<div id="head-black-and-blue">
<div id="head-black">
<p class="align-left"><a href="http://splitdadiz.com"><img id="head-black-empty" src="http://splitdadiz.com/wp-content/themes/default/images/empty.gif" alt="" /></a></p>
<div id="search"><form method="get" id="searchform" action="http://splitdadiz.com/">
<table><tr>
<td class="search-icon"></td>
<td class="search-input"><input type="text" value="" name="s" id="s" /></td>
<td class="search-ok"><input type="image" id="searchsubmit" src="http://splitdadiz.com/wp-content/themes/default/images/head/search-ok.jpg" /></td>
</tr></table>
</form></div>
<div class="clear"></div>
作り込まれてるの意味を小一時間(ry 既出な予感がするけどここはどう?
ttp://www.ktsonline.jp/minatsu/ >423
それVicunaじゃないか?
またパクリ
http://vicuna.jp/ >>426
既出なんてものじゃなく超超超超有名サイト 最近は津波荘も闇黒日記も知らないでCSSデザインを始める奴が多くて困る。 闇黒日記は知ってる
イキったW3C厨が崇めてるサイトだろ?
って書くと喧嘩売ってるみたいなだ。
闇黒日記にリンクして、似たような記事書いてるサイトを含めて、
あんまりデザインの参考にはならなかった。
CSSが夢のように語られている割には、なんかこの程度のデザインかよ、ってガッカリしたんだ。
余白もろくに扱えてないし、線引っ張ってるだけだし、せいぜいfirst-letterの色変えてるくらいだったし。
でもやっぱり、閉鎖して寂しくなったな vicunaってカスタマイズベースにしてもいいよ的なこと言ってた気がするからパクリというのも違うような…
でもシンプルなのに一発でvicunaとわかるからすごいね vicuna使ってるんじゃなくて
デザインをパクってる
こいつ本当に常習だわ って書くと喧嘩売ってるみたいニダ。
とこう書けば完璧だったのに。 ttp://dragoninteractive.com/
↑既出?
というか、これはCSSデザイン?
もう何してるかさっぱりわからん; 画像表示できないようなブラウザは考慮する必要ないだろ 画像を表示できるブラウザでもオフにしてるケースは少なくない。
特にモバイル系。 サーバーの問題で画像が送信されなかったり、いろいろあるのさ。 >>441
ばーか、今はそんな話してるんじゃねーよ >>423
そこ前にもパクリ常連サイトなんて言われてた
そろそろ着せ替えテンプレ(ryも末期な感じだなー
同じHTMLじゃよほどセンスのあるデザインじゃないと他と被るし
なんでどこもかしこもWordPressなんだよ!
俺に言わせりゃ文法やアクセシビリティ(笑)なんてどーでもいい
デザインにしたってどんなにクールでも他と同じじゃ意味がねえー
問題は個性だ
個性より利便性を求める今の流れにまじファック >同じHTMLじゃよほどセンスのあるデザインじゃないと他と被るし
そうでもないと思う >>452
見てくればっかりで使えないお前まじファック ttp://www.v-net.jp/cross/
d! i! v!
d! i! v! ご意見を参考にRGBコードの数値を追加しました。
シンプルなカラーサンプル(いろいろSAMPLE)
http://watap.main.jp/iroirosample/ >>127-129
の流れが好きだな
カルチャーショックだったんだろうな http://amaro.jp/
知り合いが好きなブランドのサイト 使うなとは言わないが看板がflashなサイトはこのスレ的にイラネだろ フラッシュはおまけっていうか、ローディングが終わらないと何もできないサイトとはちがうからOKじゃね? まぁ、画像は綺麗に作ってあるけど特に面白みのないページってとこかな
こんなもんと言えばこんなもん ナビゲーションにアクセントがない
トップだとANAのバナーが一番目立ってる http://one.freespace.jp/bbc/
少年野球チームの応援サイト作ろうとして探したサイト
他のチームから比べると仕上がりがよくコンテンツもパクれそう ■ このスレッドは過去ログ倉庫に格納されています