CSSデザインのサイトを評価するスレat HP
CSSデザインのサイトを評価するスレ - 暇つぶし2ch1:Name_Not_Found
07/08/19 11:57:54 7YjzGDBQ
※評価するスレなので、各話題(文法など)は該当スレへ!


◆評価するサイトについて
・自薦他薦どちらでもよい(基本は1レスに1サイト)
・CSSでデザインされているサイト(tableを使ったデザインは×)
・ブログなどのテンプレートは配布元サイトのテンプレートを

◆評価する内容
・見た目は良いか悪いか
・サイトデザインと内容(ターゲット層)が合っているかどうか
・ユーザビリティ(使いやすさ)は良いか悪いか
・アクセシビリティ(利用のしやすさ)は良いか悪いか
・(X)HTMLとCSSの文法は正しいかどうか
・ソースは読みやすいかどうか
・各ブラウザでの表示の誤差があるかどうか

◆評価する基準
・見た目は個人の判断
・明確な基準(文法やブラウザの表示など)があるものはそれを使う


>>2-10テンプレ続き

2:Name_Not_Found
07/08/19 11:59:49
■補足
・評価者はブラクラやフィッシングなどの悪質サイトには注意してください
・評価する内容は様々ありますが、なるべく沢山の項目を総合的に評価してください。
・文法だけしか評価しないなどはスレ違いです。該当のスレへ


■よくある話題
・文法めちゃくちゃだけど見た目はいいよ
→見た目は個人の判断だけど、その他の「評価する内容」はダメだね

・デザイン良すぎ
→そのデザインは見た目のこと?見た目以外のデザインはダメかもよ

・文法完璧(100点)だよ
→文法は完璧だけど、その他の「評価する内容」はダメかもね

・文法チェッカで100点取れないサイトはダメ、評価する必要なし
→文法だけしかチェックしないのはスレ違い。該当スレへ

・横幅固定は~、フォントサイズは~、色使いは~、の方がいいな
→評価するスレなので、ユーザビリティなど詳細な話題は該当スレへ

・IE5とかブラウザにも対応していないから他が良くてもダメ
→評価するスレなので、対応するブラウザの基準などの話題は該当スレへ

・そのサイト既出しすぎ、このスレだけで何レスあるよ
→アボーンまたは削除依頼しましょう

・荒れてるよね
→スルー or ネタ(評価するサイト)を書き込みましょう

3:Name_Not_Found
07/08/19 12:02:57
■関連スレ

◆文法などの話題は該当スレへ
Strict-HTML スレッド 40
スレリンク(hp板)
CSS/DHTMLバグ辞典スレッド【第5版】
スレリンク(hp板)


◆質問は質問スレへ
Webサイト制作初心者用質問スレ Part 187
スレリンク(hp板)
/* CSS・スタイルシート質問スレッド【67th】
スレリンク(hp板)


◆ユーザビリティなどの話題は該当スレへ
ユーザビリティ専用スレ その3
スレリンク(hp板)

4:Name_Not_Found
07/08/19 12:03:59
■評価する基準の一つとして利用してください
◆(X)HTML文法チェッカー
・W3C Markup Validation Service(HTML, XHTML)
URLリンク(validator.w3.org)
・Another HTML-lint
URLリンク(openlab.ring.gr.jp)


◆CSS文法チェッカー
・W3C CSS 検証サービス
URLリンク(jigsaw.w3.org)
・カスイケガイシュツチェッカー
URLリンク(www.wakaba.com)


◆アクセシビリティについて
・ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0
URLリンク(www.zspc.com)
・JIS X 8341-3(ウェブコンテンツJIS)
URLリンク(www.jisc.go.jp)
・アクセシビリティ リソースセンター
URLリンク(www.adobe.com)


◆ユーザビリティについて
・黒須教授のUser Engineering Lecture
URLリンク(www.usability.gr.jp)

5:Name_Not_Found
07/08/19 12:05:01
>>1
css関係のスレは乱立してるから要らない

つーか何様?首つってシネヨ

6:Name_Not_Found
07/08/19 12:05:17



----------- テンプレ終了 -----------




7:Name_Not_Found
07/08/19 12:08:43
>>5
Web作成板LRより

扱う話題
-HTML、CSSなどのサイト制作の技術

8:Name_Not_Found
07/08/19 14:31:07
>>7
Web作成板LRより

スレッドをたてる前に
-板違いではないか、既出ではないか、もう一度確認しましょう。

9:Name_Not_Found
07/08/19 21:17:57
>>1
削除依頼してこい

10:Name_Not_Found
07/08/19 21:34:29
>>1

早速よそで宣伝貼りされてたサイト

860 :Name_Not_Found :2007/08/19(日) 20:05:51 (p)ID:g40yZAXs(2)
ここどうですか?
URLリンク(www.udeken.com)
お安いですね?

俺は高いと思うんだw

11:Name_Not_Found
07/08/19 21:36:05
基本叩きスレだろ。悪意を感じる

12:Name_Not_Found
07/08/20 17:34:02
叩きスレだったのはどう考えてもカスイケスレだよ。

13:Name_Not_Found
07/08/21 06:49:10
その叩いてるやつらが自身のブログではスレを叩くという、あのスレのことですか?

14:Name_Not_Found
07/08/21 08:38:25
そして叩かれた奴らはここでスレを罵倒する、とwww

15:Name_Not_Found
07/08/22 08:40:39 jcYJxIdX
URLリンク(note.openvista.jp)
なかなかよくね?
メインコンテンツを中央寄せできたらもっといいと思うけど

16:Name_Not_Found
07/08/22 09:17:29
>15
ブラクラ注意
本当の意味でブラクラした
問題外だ馬鹿野郎

17:Name_Not_Found
07/08/22 09:24:49
問題外なのは>>16の存在

18:Name_Not_Found
07/08/23 14:07:17
>>15
さわやかでいい感じだね。ちょっと明るすぎて読むのが辛いかもしれないが。

19:Name_Not_Found
07/08/27 09:50:30
>>15
というかコンテンツもいいね。

20:Name_Not_Found
07/08/29 21:56:09 kaWSXRJM
ファッション総合サイト - Yahoo! FASHION
URLリンク(fashion.yahoo.co.jp)

21:Name_Not_Found
07/08/29 23:56:37 +Y5Ic9Bt
>>20
>1

◆評価するサイトについて
・CSSでデザインされているサイト(tableを使ったデザインは×)

22:Name_Not_Found
07/09/01 01:35:39
yahooはテーブルすっきゃねん。

23:Name_Not_Found
07/09/01 07:53:45 W0g1He2N
>>22
大手の場合は顧客に環境を合わせてくれよいうよりも
自分たちが顧客の環境にあわせるスタンスなんだろ

大手が最新のブラウザを使うように言ってくれたら
無駄なハックとかしなくて済むんだけどな~

24:Name_Not_Found
07/09/01 12:15:51
>>22
yahooもフルCSSの作ってデザイン調査してる最中

25:Name_Not_Found
07/09/02 01:52:13
yahooはもうすぐリニューアルするっていうのはなんかで聞いたな。

26:Name_Not_Found
07/09/02 10:29:56
>>25
こんなのになるんか?
URLリンク(www.yahoo.com)

27:Name_Not_Found
07/09/02 12:01:04
>>26
それよりもっとピンクでファンシーだった

28:Name_Not_Found
07/09/04 01:12:19
URLリンク(bb.watch.impress.co.jp)

29:Name_Not_Found
07/09/07 20:14:49
ユーザはカラムを必要としていない
固定幅で作るのは「お客様目線」に成っていない

30:Name_Not_Found
07/09/07 23:43:38 C1OZB56l
>29みたいな主張出てくるけど
利用者の大半の画像解像度の横幅が1024か1280の状態だから横幅固定していてもたかがしれてるし
日本語の場合文章の読みやすさも一行あたり35から40文字の間が一番読みやすい
万人に対応したデザインにする必要より金を落としてくれる人向けに
合わせたデザインになっていくのは仕方ないんだがw


そもそもブラウザやHTMLの技術が様々な環境に対して
自在に可読性を高めてくれる仕様になってないからなw

31:Name_Not_Found
07/09/07 23:59:57
>>30
横幅が狭くても嫌なもんだろう、
横スクロールバーよりはマシだったとしても。

32:Name_Not_Found
07/09/26 17:54:54
俺未だに600px以下想定で作ってるw

33:Name_Not_Found
07/09/27 01:59:34
俺は760pxだな

あと縦スクロールなしとかもトライしたが
個人環境によって、ブラウザのツールバー4段組・アイコン大+テキストとかあると無理なのもわかったw
ここ暫くは、xhtml+cssだな
 

34:Name_Not_Found
07/09/27 02:42:55 E3GkFI/W
やっぱMac使いのサイトは違うね~
URLリンク(hmdt.jp)

35:Name_Not_Found
07/09/27 05:18:31
URLリンク(hmdt.jp) を XHTML1.0 Transitional としてチェックしました。
136個のエラーがありました。このHTMLは -99点です。タグが 25種類 309組使われています。文字コードは UTF-8 のようです。

36:Name_Not_Found
07/09/27 06:56:18
重たい

37:Name_Not_Found
07/09/27 11:21:49
>>34
本当に違うな、字が被って読めないし

38:Name_Not_Found
07/09/27 12:03:45
>>34

<h3 class="date">
<span class="sep">Sep</span>
<strong class="day26">26</strong>
</h3>

日付けの class 指定が面白いね。
どうなってるんだろ。

39:Name_Not_Found
07/09/27 13:19:51
>>38
それが理解できないの?
あんたが甚だしく疑問 

40:Name_Not_Found
07/09/27 13:44:33
なんでいちいち煽るんだよ

41:Name_Not_Found
07/09/27 13:48:16
クラス指定してあるんだから、あとは個別に対応した画像を表示させればいいだけでは

42:Name_Not_Found
07/09/27 13:49:34
もっとこう、プロっぽくないっていうか、無難じゃないっていうか、
がんばりましたっ!っていう感じの個人サイトレベルの
「…イケ…てると思うよ…」ってサイト紹介plz

43:Name_Not_Found
07/09/27 14:38:44
>>42
URLリンク(l6x6l.jp)
ここで探せ。

44:Name_Not_Found
07/09/27 15:29:39
>>43
うわあ……

45:Name_Not_Found
07/09/27 16:26:04
>>34
なんでテキスト選択できないんだって思ったら選択の色が背景と同色なのね
俺の環境だけだろうか(XP、Firefox)

46:Name_Not_Found
07/09/27 17:06:04
>>45
IEだと大丈夫だった

47:Name_Not_Found
07/10/01 16:48:48 LHtwqmjb
>>34
about.htmlからトップへ戻れなくなった。
そのうちオレはそのサイトを閲覧するのをやめた。

48:Name_Not_Found
07/10/01 18:29:20 DAqTC9pS
mixi.jpがリニューアルされてxhtml+cssベースになったらしい
アカウント持ってる人評価プリーズ

2chのmixi関連スレではもっぱら改悪との評判

49:Name_Not_Found
07/10/01 22:08:59
>>48
改悪の見本
まあ元の出来も最悪だったけどな

50:Name_Not_Found
07/10/01 22:27:05
そうか?昔のmixiよりマシだと思ったが

51:Name_Not_Found
07/10/01 22:41:12
>>50
お国はどちらで?

52:Name_Not_Found
07/10/01 23:22:23
とりあえず、何を持って改悪だと思ったのか言えよ。
使い勝手は変わってないか向上しているように見えるんだけれども。

53:Name_Not_Found
07/10/01 23:23:15
できればどこらへんが使い勝手向上してるのか書いてくれ。

54:Name_Not_Found
07/10/01 23:41:28
スレリンク(news板)
スレリンク(sns板:96-番)

55:Name_Not_Found
07/10/01 23:47:47 1gh+1SA8
mixiは閲覧者CSSで見た目を変えられるようになったらしいので、
その点では使い勝手は向上したのではないでしょうか。
いや、 使い勝手 (ユーザビリティ) というよりアクセシビリティかな?

56:Name_Not_Found
07/10/01 23:51:30
>>55
面倒な思いをしてユーザCSSを書かないと使えない、てんじゃ改善とは言えないよね。

57:Name_Not_Found
07/10/02 00:00:58
ユーザCSSを書いてもどうにもならないよりは改善だろう

58:Name_Not_Found
07/10/02 00:04:39
以前は2ペインと3ペインをボタンで切り替えられた。
今は2ペインにするためにはユーザCSSを書かなければいけない。

部分的には改善といえるし、部分的には改悪といえる。
今回は改善ポイントの方が少ない。

59:Name_Not_Found
07/10/02 00:06:51
何より今回のリニューアルの争点は「ユーザスタイルが使えるようになるかどうか?」ではないでしょ。
全面的な改装の付加価値としてユーザスタイル適応可能な状況になった、といういわばおまけで、
運営がそれを前面に押し出していないことからもそれが二次的な副産物だっていうのは明らかなこと。
そんで、mixiユーザの何割が自分の思い通りにユーザスタイルを書き上げて使用できるっていうの?

60:Name_Not_Found
07/10/02 00:34:38
mixiユーザがどうのというより
ここの評価なんだから一般的なところは考える必要なくね?

61:Name_Not_Found
07/10/02 00:38:29
じゃ「XHTML+CSSに移行できたので言うことなし」で終わり。

それで満足なの?

62:Name_Not_Found
07/10/02 00:41:14
うん

63:Name_Not_Found
07/10/02 00:58:30
>>61
君みたいなcssヲタと違って
基本のレイアウトさえきっちりcssで組めたら
あとはコンテンツつくらないとね

64:Name_Not_Found
07/10/02 01:08:30
61はあれだが63は63で間違ってる

65:Name_Not_Found
07/10/02 01:19:57
視野狭窄が間違いってんなら全員間違い

66:Name_Not_Found
07/10/02 02:12:11
>>65
多分そういうこと言ってるんじゃなくて
レイアウト→コンテンツという流れをからかってるんじゃないか

67:Name_Not_Found
07/10/02 02:18:15
>>66
それも間違い

68:Name_Not_Found
07/10/02 10:49:09
おいおい・・・CSSデザインのサイトを評価するスレから
評価文を評価するスレになってるぞ・・・

69:Name_Not_Found
07/10/02 13:23:44
IE7が非推奨ってのが一番笑えたけどな>Mixi

70:Name_Not_Found
07/10/02 13:51:15
>>69
それは正しい

71:Name_Not_Found
07/10/02 20:08:13
Mixi、色薄い薄いって言われまくってんな
そこらのサイトでも、もっともっと薄いサイトあるよな
作ってる奴はこの際に耳に入れておいて欲しい

72:Name_Not_Found
07/10/03 00:18:24
ここってHP評価スレとどう違うの?
今後晒すかもしれないので参考に教えてくれ

73:Name_Not_Found
07/10/03 00:48:25 y1R9x09c
CSSデザインのサイト、と書いてあるようだぞ

74:Name_Not_Found
07/10/03 02:29:02
文盲がいるみたいだぞ

75:Name_Not_Found
07/10/03 08:42:51
>>48

ホントだ。
イイじゃん。

どこが改悪?

76:Name_Not_Found
07/10/03 08:49:26
あ、フォームの記述がまどろっこしいかな。
ul と dl の混在って珍しくない?

77:Name_Not_Found
07/10/03 10:11:21
URLリンク(konatakanata.client.jp)
URLリンク(lom-remake11.com)
URLリンク(otg.jik.jp)
URLリンク(joykabu.michikusa.jp)
URLリンク(blueletter.jugem.jp)
URLリンク(djbar-on.com)

HP評価スレからマシそうなものを適当に選んでみた。

78:Name_Not_Found
07/10/03 12:18:49
>>77
最初のサイトを見た時点で続きを見る気が失せた。

79:Name_Not_Found
07/10/03 13:08:13
>>78
それは何で?
>>78にとって見る気がうせるデザインだったってこと?
俺は嫌いじゃないけど。
昔懐かしいCSSコミュニティ住人が好きそうなデザインって感じはするが。

80:Name_Not_Found
07/10/03 13:12:23
みっつめのサイトはこなれてる感じでいい。ややごっちゃり

さいごのはまとまってるが全体的に惜しい。

一個目のは統一感はいいが、もうちょい飾りっ気がほしい

81:Name_Not_Found
07/10/03 14:25:05
>>77
1つ目・・・文字が大きくシンプルな構成なので見やすい。
ただ印象に残らないという側面もあるのでシンプルさを壊さない程度の
イラスト等を1箇所入れると引き締まる気がする。1行が長いので35文字程度に
収まるように調整した方がいいかも。

2つ目・・・オレンジ背景でひと目みてインパクトはあるけど、文字が小さい印象を
受ける。少なくとも96%位にはした方がいいと思う。メニューの背景にも白系を
入れればメニュー文字が見やすい。メニューの茶色背景に黒系文字は駄目。

3つ目・・・色の関係で落ち着いた印象を受ける。文字サイズは見やすい。
ただし文字と背景とのコントラストが弱い所があるので見辛い文字がある。
style切り替えはいいがstyleの文字が半分隠れてしまっている。book styleにした時
サイトマップ内の文字が見えない。

4つ目・・・文字サイズ・見易さ共にいいが、通常メニューがある場所に
アドセンスがある為、設計としては優しくない。(クリックさせるためにあるのだろうが)
サイトとしての質は浅く広く情報を提供しているので、株初心者にはいいと思う。
パンくずリストは現在地が分かりやすいのでいいと思う。

5つ目・・・同性愛という切り口ながらデザインは親しみやすい印象。
上部のメニューは色分けされているのでぱっと見リンクと分からない人がいるかも。
?マークがついているので何となく分かるが下線か破線を入れる等した方が分かりやすい。
テーマカラーは蒼なのだろうがもう少し全体的に利用してもいいかも。

6つ目・・・テーマカラーが青系なので清潔感・清涼感は受けるが、冷めすぎて
逆に飲みに行くかといえば行かないかもしれない。どこかで反対色のオレンジ系を
うまく取り入れると締まるかも。文字色が薄いのでもう少し濃くした方がいい。
文字サイズも小さいので少し大きくした方がいい。飲み物のメニューは品名と料金を
羅列しているが、お勧めのものや人気の物は画像を使う等してアピール度を高めた方がいい。

82:Name_Not_Found
07/10/03 14:47:27
>>81
一行の長さなんてブラウザで調節できるのが強みだろ・・・

83:81
07/10/03 14:56:01
>>82
完全固定って意味じゃないからね。最小側は画面サイズに応じて可変は
するけど、最大側は35文字~40文字位が閲覧する時に読みやすいって事ね。
俺の画面解像度は1024×768だからIEで見たときお気に入りを左に出していると
丁度いいけどお気に入りを出していない環境の人が見ると長いかな?と思うと感じる。
FFでも見てみたけどお気に入りを出せばそんな感じかな。

84:Name_Not_Found
07/10/03 15:39:07
>>83
それはおまえの読みやすさであって
そんな少ない文字数じゃイヤって人もいるだろう。
だったら何も指定しないほうが現実的だ。

85:81
07/10/03 16:22:19
>>84
何も指定しない?
じゃあ1600×1200の人とかは横に伸びまくるけどいいの?
1行が横に伸びすぎると読んでいる時に次の行の行頭を
見失いやすくなるのだが。
それに前出で書いた文字数は俺の読みやすさではなく、
一般的に言われている文字数なのだが。

86:Name_Not_Found
07/10/03 16:29:03
>>84
日本語横書きは40字以上になると読みづらいってのは常識

87:Name_Not_Found
07/10/03 16:42:22
>>85
ブラウザを最大化してる人間ばかりだというのか?w

88:Name_Not_Found
07/10/03 16:48:57
>>87
最大化してなくたって、よっぽどでかい字にしてない限り40字超えるだろうが

89:Name_Not_Found
07/10/03 17:31:51
青い本がでてから「読みやすいのは38字前後なのっ」って主張するやつが増えたけど
リキッドに作っておけば、閲覧者はブラウザのサイズ変えて適当に調節するよ

90:Name_Not_Found
07/10/03 17:46:08
>>89
~ある情報を探しているAさん。
サイト1
このサイトは50文字位で見難いからブラウザの横幅を縮めて・・・。
サイト2
このサイトは絶対値で文字数固定してやがる!さっき縮めたから
横スクロールが出やがった!今度は広げるのかよ!
サイト3
ふぅ・・・情報が足りないな・・・。次のページは・・・!!!
また文字が多くて見難いのかよ!!!!

こうして広げたり縮めたりしましたとさ。

91:89
07/10/03 17:56:07
>>90
噛みつく相手を間違えてるよ
俺は読みやすい字数は否定してない
調節できる余地があればいいってだけだ。

92:Name_Not_Found
07/10/03 18:28:23
>>85
流れを読んでくれよ。
おまえの読みやすさと他人の読みやすさは違うんだから
自由に調節できるようにさせろ、という意味であって
最大化した状態が読みやすい人なら1600pxでもなんでもしてくれ、
10文字程度が読みやすい人なら幅を目一杯縮めてくれ。

93:Name_Not_Found
07/10/03 18:39:52 k9h4xitO
>>92
>1

スレ違いだ

94:Name_Not_Found
07/10/03 18:58:24
なんで92だけに言う?

95:Name_Not_Found
07/10/03 19:03:50
フルCSSじゃないみたいだけど
URLリンク(www.kanack.co.jp)

96:Name_Not_Found
07/10/03 19:06:35
フルCSSじゃないなら今時CSS使ってない方が少ないだろ・・・

97:Name_Not_Found
07/10/03 23:06:47
>>89
身近には サイトにあわせてブラウザサイズ変えるやつなんて見たことも聞いたこともない

98:Name_Not_Found
07/10/03 23:17:18
ナマケモノの類友ばかりか。

99:Name_Not_Found
07/10/03 23:24:06
俺も見たことも聞いたことも無い

100:Name_Not_Found
07/10/04 00:02:41
全部がリキッドレイアウトだったら
常に買えなくてもちょうどいい大きさになるな

101:Name_Not_Found
07/10/04 00:25:03
幅の広い固定で泣く泣くブラウザ幅を広げることは多い。

102:Name_Not_Found
07/10/04 00:43:13
俺の知り合いはあんまりパソコン使わないやつだから
大抵純粋に横スクロールさせてるよ。

俺もブラウザサイズ変えてみるくらいなら横スクロールするけど・・
何個もウィンドウ開いてると後ろのウィンドウが見えたりして気持ち悪いから
ブラウザは最大化しか受け付けない

103:Name_Not_Found
07/10/04 01:44:03
?????
最大化しててる横スクロールバーが出るほどのクソサイトの話をしてるのか?

104:102
07/10/04 02:03:21
>>103
悪い説明不足すぎた。

知人→最大化の人 or ウィンドウ表示の人
俺→常時最大化

105:Name_Not_Found
07/10/04 03:44:43
>後ろのウィンドウが見えたりして気持ち悪いから
いつの時代からタイムスリップしてきた原始人だ

106:Name_Not_Found
07/10/04 04:43:53
いや結構いるんじゃない?
うちの学校でもほかの人の画面見てると
全画面でブラウズしてる人は結構多い

107:Name_Not_Found
07/10/04 10:14:43
最大化で利用している人の方が大多数だと思うよ。
一部のコアなユーザーは違うだろうけど閲覧者の大多数は
最大化もしくはそれに準じる大きさでみていると思う。
評価するにあたってそういう点も考慮するべきだと思う。
CSSで欠陥の多い方のIEに合わせ(大多数)、その他の欠陥の無い
ブラウザも閲覧できるようにするのと同じように、最大化でみている事が
多いという事実も考慮して画面サイズのことも考えるべきだと思う。

108:Name_Not_Found
07/10/04 10:48:35
>最大化で利用している人の方が大多数だと思う

>最大化でみている事が多いという事実

なんで統計も何も示さずに「思う」が「事実」になっちゃうの?

109:Name_Not_Found
07/10/04 11:01:10
リキッドデザインの注意点
URLリンク(www.bebit.co.jp)

110:Name_Not_Found
07/10/04 11:35:46
>>108
日本語でおk

111:Name_Not_Found
07/10/04 12:41:45
>1

112:Name_Not_Found
07/10/04 13:11:59
>>107
統計的に見ると800~100pxに縮めてる人が多いって出てるのに。

113:Name_Not_Found
07/10/04 13:12:40
800~1000だた。

114:Name_Not_Found
07/10/04 13:35:30
どうせ自分も周囲も最大化ばっかなんて言ってる奴は
CSS覚えたての初心者だろ、しったかしたいんだろうからほっとけ

115:Name_Not_Found
07/10/04 17:42:35
サイトによってレイアウト違うし、ブラウザはうにうにとサイズ変えて閲覧してる。
世界中のサイト主に同一のフォーマット強要するのはムリだもんね。
読みやすい文字が、32-40未満ってのはうなずける。が、別に横にずらーっと80文字でも読める。
20文字程度でも読める。

以上をふまえて俺はリキッドに組んでる。
だからどうしたってんだ。俺。

116:Name_Not_Found
07/10/05 01:28:21
俺は900ぐらいで見てるぜ。

117:Name_Not_Found
07/10/05 02:03:32
「ブラウザの文字サイズ最大」が半数以上―家庭用PC
URLリンク(bizmakoto.jp)

118:Name_Not_Found
07/10/05 05:15:25
文字サイズに最大なんか存在しませんwww

119:Name_Not_Found
07/10/05 14:25:02
>>118

120:Name_Not_Found
07/10/05 14:26:20
IE使わない俺って超イケてるって思いたい奴はたくさんいる。とおもう

121:Name_Not_Found
07/10/05 19:20:31
IE使ってても格好良くないのは確かだがな

122:Name_Not_Found
07/10/05 21:57:57
IE使わない俺って超イケてるって思ってるやつはもっと格好よくないけどな

123:Name_Not_Found
07/10/05 22:27:37
ややこしいよもう

124:Name_Not_Found
07/10/05 23:47:59
イケてなくてもIE1がもっとイケてないので他を使わざるを得ない

125:Name_Not_Found
07/10/06 00:21:51
広げるのもでかくするのもその逆もユーザーがやる事できる事なんだから、作る側はそこら辺のだいたいの平均を取ればいいんじゃねえの

126:Name_Not_Found
07/10/06 01:16:12
携帯からワイド画面までの平均ってデカすぎる

127:Name_Not_Found
07/10/06 07:10:33
携帯はCSS無視されると考えれば、マークアップさえなんとかしておけばいいや。


128:Name_Not_Found
07/10/06 12:33:49
>>127
DOCOMOしかcss無視されないよ

129:Name_Not_Found
07/10/06 13:20:58
mjd!?
フルブラウザとかじゃなくて!?

し、しらんかった。
友人はみんなドコモなんでてっきり

130:Name_Not_Found
07/10/06 14:16:58
>129
主にAU携帯電話(ezweb)からの閲覧の為のCSS
URLリンク(ima.pandach.com)

131:Name_Not_Found
07/10/06 23:06:24
ミクシィデザイン変更で大混乱 ビスタもマックも使えない!
URLリンク(news.livedoor.com)

132:Name_Not_Found
07/10/07 02:16:39
>>131
言いたい放題だなw
自分たちが時代遅れだったり、
これからの環境に適応していこうと思わない奴らが多いのか…

133:Name_Not_Found
07/10/07 04:59:28
> J-CASTニュースが持っている「MacOS9」でログインしてみたところ、
> やはりホームページトップのレイアウトが変だったり、文字が重なっていたり、
> 見えなくなってしまったページもあった。これは「mixi」が動画など機能を強化したため、
> 古いバージョンのパソコンでは対応できなくなっているようなのだ。
> だからこんなカキコミも出てくる。

これはひどいw
「Vistaが推奨環境に含まれていない」ことに突っ込んでる辺りも痛い。・

134:Name_Not_Found
07/10/07 10:31:39
関係者乙

135:Name_Not_Found
07/10/07 16:43:44
>>131
無料で使わせてもらっているくせに文句ばかり言う大衆

136:Name_Not_Found
07/10/07 17:17:45
有料プラン使ってる人もかなり大勢いるよ。
とにかくmixiは道を間違えた。
そして俺はテーブルレイアウトの重要性を再認識した。

137:Name_Not_Found
07/10/07 17:57:50
はぁ

138:Name_Not_Found
07/10/07 19:21:43
>>136
> そして俺はテーブルレイアウトの重要性を再認識した。
ではなく、クロスブラウザを出来ない技術(or技術者)を使う悲劇
だな

139:Name_Not_Found
07/10/07 19:34:47
みくしは閉鎖的な空間なんだから、まだ多数派じゃないOSを排除しても
なんとなく「みくしっぽいな」って思えるからすごい。

140:Name_Not_Found
07/10/07 20:24:54
正直「mixiを辞める良い機会じゃないか」っと思った俺は変人の部類?

141:Name_Not_Found
07/10/07 21:06:40
というかみくしをやってる時点で負け組

142:Name_Not_Found
07/10/07 23:27:28
mixiはテストせずいきなり導入したのが間違え

このスレ見てるような連中はどうせ大したサイトなんて作ってないけど
mixiのような日に何万人も利用するところはテストしてユーザーの意見を聞くべきだったな
一応mixiってコミュニケーションサイトだろ?w

143:Name_Not_Found
07/10/07 23:28:03
閉鎖空間だからな

144:Name_Not_Found
07/10/08 00:18:41
おっし、燃料になるか爆弾になるかしらんが評価スレっぽくいくぞー

URLリンク(otg.jik.jp) 細かいところまで作り込んでいてグッジョブでいい
URLリンク(hareniwa.sakura.ne.jp) ボーダーの使い方が面白くていい
URLリンク(www.rusica.net) 丁寧で分かりよくていい
URLリンク(www.tia-soleil.net) CSSやってます!って感じで無難でいい
URLリンク(www.geocities.jp) クールだと思うからいい
箸休め
URLリンク(park12.wakwak.com) クォリティたかす 見てると面白いよね どこに何があるのか全然わかんねえけど ←CSS関係ないけどチョーオススメむしろ俺の嫁
URLリンク(torori.holy.jp) メリハリがきいてていい

↑のサイトで辿ってきたリンク詰まった

まだまだテ-ブルレイアウトや外部CSS使ってないサイトは多い模様。
最初のサイトを選んだ理由は、>>77で紹介された中で一番気に入ったから
正直もうちょっとリンク辿っていけると思ったけど
で、全部見たら分かるけど、結局は個人の好みだよな

145:Name_Not_Found
07/10/08 03:40:28
>>144
>1

146:Name_Not_Found
07/10/08 07:07:59
テンプレで返されるとは思ってなかった
ちぇ。スレルールにのっとって書いていくわ

俺の好み丸出しでもいい?
やっぱり第三者的な始点で評価した方がグっとくる?

147:Name_Not_Found
07/10/08 08:28:34
>>146
前スレ埋めてこい

CSSでイケてるかもしれないデザインサイト
スレリンク(hp板)


148:Name_Not_Found
07/10/08 13:55:32
埋まってなかったことに驚きだよ

149:Name_Not_Found
07/10/09 01:25:08
個人的には企業サイトじゃなく個人サイトでいけてるCSSデザインのを見たいな。

150:Name_Not_Found
07/10/09 09:51:23
黙って待ってろ

151:Name_Not_Found
07/10/09 10:09:36
個人サイトでいけているの楽しみ

152:Name_Not_Found
07/10/09 15:23:01
URLリンク(overknee.info)

prev/next要素を可視化してページの左右に配置。
これは機能的にもデザイン的にも良いものだと思った。

153:Name_Not_Found
07/10/09 15:28:44
画面の端から端、って結構距離あるから改善の余地大いにあると思う。

154:Name_Not_Found
07/10/09 15:41:22
Opera使いと書いてあるが、Operaではまともに表示されないみたいだな。
Firefoxは対策してあるけど…

155:Name_Not_Found
07/10/09 17:08:47
>154
Operaは元々link要素をブラウザで表示できるから
わざわざ対応させてないんじゃない?

156:Name_Not_Found
07/10/09 17:14:37
URLリンク(overknee.info)
Operaでやばいのはサイト内のこのページ…これはないだろうと思ったり。

157:Name_Not_Found
07/10/09 17:17:26
別にRSSくらいどうでもいいが

158:Name_Not_Found
07/10/09 17:17:47
>>156
ごく普通のRSSだと思うんだけど

159:Name_Not_Found
07/10/09 17:31:48
うちの設定がおかしいのかな?
変なスタイルにはしてないんだけどなあ。
URLリンク(www.uploda.net)
こんななってるw

160:Name_Not_Found
07/10/09 18:35:53
>>152
これがいわりゆるWiiやiPod touchに特化したサイトですかい?

161:Name_Not_Found
07/10/10 00:21:15
なってるwじゃねえよ。RSSつってんだろうが

162:Name_Not_Found
07/10/10 00:39:15
こんなレベルで評価しようなんてなんとおこがましい

163:Name_Not_Found
07/10/10 00:47:57
RSS自分で作って更新情報の欄に使うために配信してるんだけど、自分のボムペだけに使っても
意味が無い事にきずいた。個人で役に立つのはチェッカーで文字表示させるくらいかな。

164:Name_Not_Found
07/10/10 11:11:41
何にせよ、きずいたようではムリだと思う

165:Name_Not_Found
07/10/10 11:17:21
×きずいた
○きづいた
日本語から勉強しましょう

166:Name_Not_Found
07/10/10 11:34:13
築き上げたのかも知れないぞ

167:Name_Not_Found
07/10/10 12:24:14
「意味が無い事に築いた」?
どういう意味なのか。

168:Name_Not_Found
07/10/10 12:41:38
>>164
そっちよりボムペに突っ込むべき

169:Name_Not_Found
07/10/10 13:55:35
ボムペ=ボム・ページ=バクダン・ページ

つまりこれは爆破予告だったんだよなんだってーAA略

170:Name_Not_Found
07/10/13 22:19:21
こーゆう類のスレでよく出てくる議論について疑問に思うんだが、
本当に可変幅に合わせてウィンドウサイズを調整するやつなんて居るの?
最大化してウィンドウ切り替えはAlt+Tab、ブラウジングしながらの
作業があるならデュアルディスプレイにでもするのが普通じゃないの?

171:Name_Not_Found
07/10/13 22:24:33
ウィンドウを最大化で使ってないから、サイトによってサイズ変えてるよ
これは俺の周りだけかもしれないけど、あんまり最大化で使ってる人いないっす。


172:Name_Not_Found
07/10/13 23:05:40
俺はサイドバーで調整してる
でも左側が動くのは嫌なので右寄せ

173:Name_Not_Found
07/10/13 23:37:57
こっち埋めろ

CSSでイケてるかもしれないデザインサイト
スレリンク(hp板)


174:Name_Not_Found
07/10/13 23:37:57 iwK94UDE
フルスクリーンでブラウズする人ってウイン初心者に多いよ。
1つの作業しかしないので問題ないらしい。
モニターをもう1個つけろとかもう1台とかは条件が違うので論外だけど。
操作もなれてくるとネットしながらビデオ見ながらdvd焼きつつメールかいて
photoshopで作業しながら(ウインの人だと後ろ見えないので無理かw)
とかするようになるんだよ。
うちのサイトは、標準で左にあるメニューをボタンで右に出来るようにしてある。
別のサイトみつつ自分のサイトの情報みながらの時とかメニュー部分を隠すと便利。


175:Name_Not_Found
07/10/13 23:42:51
人それぞれ環境が違うので無意味な議論だよな

176:Name_Not_Found
07/10/13 23:47:02
>>174
DOS時代からPC使ってるが、フルサイズでブラウジングしてますが何か?
小さくするのが嫌でデュアル化したが…

>>175
だねw

177:Name_Not_Found
07/10/13 23:54:01
>>174
俺は慣れてからフルスクリーンでの作業になった。
てかメール書きながらフォトショなんて同時に作業できる訳ないじゃん。
普通、メール送信完了してから作業しないか?窓4個ぐらい並べてるの?

178:Name_Not_Found
07/10/14 00:08:22
>>177
相手とチャットのようなメールをしつつ
メールの内容でお互い絵を描いてたことならある
お絵描きチャットができてからとんとやってないが

179:Name_Not_Found
07/10/14 07:06:13
ここはおまえらのPC歴を披露する場所じゃないよ

180:Name_Not_Found
07/10/14 07:16:13
統計だけで言うなら800~1000と出てるな

181:Name_Not_Found
07/10/14 07:37:23 CPW6XV9d
>>177
マックのフォトショはウインのと違って余計なグレーのバックがないので
フォトショで作業しててもデスクトップが見えるのですよ。
バックグラウンドでビデオを見ながらとか、メールを見ながらたサイトを見ながらとか
別のアプリのウインドウを確認しながらフォトショで作業が出来るのです。
ウインでそれをしようとすると、グレーのバックを縮めてしなくちゃいけない。
とても不便。と言うかなんのためにグレーのバックがあるのか理解不能。
まさにieの挙動と同じ。

182:Name_Not_Found
07/10/14 10:55:38
何このスレ

183:Name_Not_Found
07/10/14 15:05:08
サイトのURLをだせ、と。

184:Name_Not_Found
07/10/14 18:17:30
HP評価スレにCSSデザインのサイトが来てるよ。

185:Name_Not_Found
07/10/14 19:28:59
せっかくだし、>>144が出したサイトでも評価するか。

186:Name_Not_Found
07/10/15 22:33:48
>>184
見た見た。いいんじゃね?
>>185
wktk

187:Name_Not_Found
07/10/16 14:30:55
ではまず
URLリンク(otg.jik.jp)
から

・見た目は・・・
 イイ! これはイイ! 多少の不安定感とゴチャゴチャ感があるが、解説のついたメニューなども丁寧に置いているのが好感度うp。

・サイトデザインと内容(ターゲット層)が合っているかどうか
・ユーザビリティ(使いやすさ)は良いか悪いか
・アクセシビリティ(利用のしやすさ)は良いか悪いか
・(X)HTMLとCSSの文法は正しいかどうか
・ソースは読みやすいかどうか
・各ブラウザでの表示の誤差があるかどうか

188:Name_Not_Found
07/10/16 14:31:26
痛恨の途中送信・・・

189:Name_Not_Found
07/10/16 15:00:54
>>187
いつも思うんだが、tableでいいところをわざわざdlで組む人ってなんなんだろうね
しかもdlのclass名がtableとはこれ如何に
こういう悪習を広めたのはどこのドイツだ

190:Name_Not_Found
07/10/16 15:01:15
>>188
気にするなー。続き待ってる。

191:Name_Not_Found
07/10/16 16:05:12
ではまず
URLリンク(otg.jik.jp)
から

・見た目は・・・イイ! これはイイ! 多少の不安定感とゴチャゴチャ感があるが、解説のついたメニューなども丁寧に置いているのが好感度うp。

・サイトデザインと内容・・・合ってない…かな? Memoにはいいけど、他のコンテンツには合ってない気がしないでもない。早い話が創作サイトとしての表情ではないな、と。

・ユーザビリティ・・・丁寧な配置でトップページから先が入りやすいが、帰り道が確保されないので戻りにくい。他のコンテンツへは行きやすいのに、もったいない。
 スタイル変更機能とリンク先別窓オプションは便利かもな。閲覧者側から、気軽に反応を送る機能が用意されているので、このあたりは実にフレンドリ。

・アクセシビリティ・・・基本的なことは押さえているの点と、それほど複雑な構造ではないという点から、接近容易性は決して低くないと判断。モバイルからの方がかえって閲覧しやすいと感じた。

・(X)HTMLとCSSの文法は・・・This Page Is Valid XHTML 1.0 Transitional! CSSは未検証。

・ソースは・・・CSSは読みやすい。綺麗に書いてます。

・各ブラウザでの表示の誤差・・・IE7でレイアウト崩れ。すべて右側に配置されてしまってる。

・俺的総評(←サイト名とか関係ないぞ)・・・配色が俺の大好きなチョコミントアイスっぽくて、俺はおおむね好意的。余白の取り方にクセがあるというか、とってないというか、このあたりは好みがわかれると思う。

>>189
そりゃ初手からブロック要素が二重になっているという汎用性の高さだろうね。嫌table 嫌div をかわしながらレイアウトのしやすさを求めるとdlに行き着くのかも。善し悪しはともかく。

192:Name_Not_Found
07/10/16 16:06:31
ドイツなのか・・・?

193:Name_Not_Found
07/10/16 16:29:42
>>191みたいな感じの評価、どう? いまいちっすか? もう少しクール&ビューティーにしたほうがいいか、もっとコアな視点で行くべきか(できないけど)


194:Name_Not_Found
07/10/16 16:35:00
>>191
チラシの裏かブログにでも書いてろよ
きもい

195:Name_Not_Found
07/10/16 16:46:02
ok

196:Name_Not_Found
07/10/16 16:54:38
>>191
口調はキモイwけど言ってることはいいと思うよ。
個人的にユーザビリティとアクセシビリティに絡めた話はなかなか興味深い。
ブログに書くならURL教えて、見に行くから。

197:Name_Not_Found
07/10/16 18:09:22
URLリンク(www.geocities.jp)

見た目
 コンパクトかつ大胆な構成からはプロクリエイター的な匂いがある。小綺麗さが心地良い。

サイトデザインと内容
 各コンテンツ毎に、「それっぽさ」を漂わせるデザインを採用しており、制作者と閲覧者との間のブレを感じさせない点は秀逸。

ユーザビリティ
 前述した各ページ毎のデザイン・レイアウト。これに多少戸惑うか。
 しかし、ボタンやメニューなど基本的な配置であるため、実際の操作感は損ねてはいないように感じる。

アクセシビリティ
 全体として、ユーザへの要求が少し高いように思える。
 トップへ戻る又は他のコンテンツへ移動するためのリンクの不備、文字サイズ、新窓オープン、配置のためのtable使用など、いくつも挙げることができる。

(X)HTMLとCSSの文法
 This page is not Valid HTML 4.01 Transitional!
 ここで気づいたが、そもそもこのサイトはCSSデザインではない。インラインでの指定すらしていない模様。

ソース
 HTMLは読みやすく、という工夫を見ることができる。第三者の目からも構成を把握できるように書いている点は評価。

各ブラウザでの表示の誤差
 どのブラウザでも崩れなし。tableレイアウトの恩恵か。

◇俺的総評◇
 良くも悪くもヴィジュアリティに特化したサイト。アクセシビリティとも関連するが、おそらく制作側の「美観を損ねる」という判断のもとに置き去りにされたものが多いように思われる。
 ただ、コンテンツを「魅せる」ための技術、アイデアは素晴らしい。ほんの少しの親切設計が加わると盤石となり得る外観良サイト。

198:Name_Not_Found
07/10/16 18:20:39
うぜー

199:Name_Not_Found
07/10/16 18:39:35
mjd!?

200:Name_Not_Found
07/10/16 19:10:15
>>191
あちこちで貼ってるな、そこ。自演乙

>>197
最小フォント指定してあるとバロス

201:Name_Not_Found
07/10/16 20:56:53
>>197
CSSサイトでもないのに評価か。自演乙

202:Name_Not_Found
07/10/16 22:33:15
>>191
>>197

デザインが小学生
美的センスが無い。

まぁ、もちろん「ワザト」やってるんだよね≧∇≦。


203:Name_Not_Found
07/10/17 08:45:35
評価止めるなよ
スレの意味無くなるだろ

204:Name_Not_Found
07/10/17 11:39:53
>>202
美的センスて…具体的に書こうぜ。中身の無い批判なら小学生でもできるぜ。

205:Name_Not_Found
07/10/17 11:44:33
批判してもいいと思うけどせめて
ここの美的センスが悪い。具体的に書くと~で、俺だったら~する。
みんなはどう思う?
位は書かないと。

206:Name_Not_Found
07/10/17 13:11:40
URLリンク(www.tia-soleil.net)

 印象が中途半端。殺し屋ゲーのレビューにしては明るすぎるし、スピーカーのレビューとしては暗すぎる。
いっそのこと、両者を黒と白でわけるなどの工夫があってもよかったのでは。配色からのイメージはバカにはできない。
アイコンなどの画像が浮いてしまっているのが残念。しかし、リンク色などとの適合はうまくいっているようだ。
 典型的な1pxボーダーデザインではあるが、下品でなくかつ雑にならないちょうどいいバランス範囲で保たれている。
他の要素同士が馴染む色合いか、逆にメリハリをつけるかすればもう少し魅力が引き出せるかと思う。
 ユーザビリティは若干弱い。ここが何のサイトなのか、分かってきている常連には問題ないが、まだ中身の雰囲気を知らない新規閲覧者には説明不足の感は否めない。
Hitman, Downloads, Mayas とだけ表示されていても何がなんだかわからない。「先を見たくてクリックしたくなる」と「クリックしなければ先が見えない」ではまるで違う。
 ただし、(誰もが最初に読むとは限らないものの)Readme内のサイトマップから飛べるリンク、画像のalt指定など、必要最低限のことは行っている。
とはいえおそらく画像がなければほとんど使い物にならない類のサイトであるため、あまり気にしなくても良いのだが。
 ソースについてはThis Page Is Valid HTML 4.01 Transitional! はもちろんのこと、CSSともに読みやすく把握しやすい書式。手書き制作者は見習ってもいいくらい。
これはかなり気を遣っていることが伺える。W3C信者的とでもいおうか。

 全体として、>>144の言うとおり「CSSを使いました!」という意気込みが伝わってくるサイト。色づかい、余白の取り方、行間など、課題は残されているが、
まあまあ無難なところではないか、と感じた。

207:Name_Not_Found
07/10/17 13:26:01
>>206
つチラシの裏

まじでBlogに書いてろや

208:Name_Not_Found
07/10/17 16:50:24
アクセサビリティだと思ってたけど、アクセシビリティなんだな

209:Name_Not_Found
07/10/17 22:43:01
評価は評価スレで

210:Name_Not_Found
07/10/17 23:08:04
ここ・・・評価スレだぜ?・・・

211:Name_Not_Found
07/10/17 23:16:49
個人の日記スレになったかw

212:Name_Not_Found
07/10/18 07:05:37
どんどん評価していけばいいと思う
参考になる意見もあるだろうし

213:Name_Not_Found
07/10/18 08:21:14
自演乙

214:Name_Not_Found
07/10/18 13:27:16
自演乙

215:Name_Not_Found
07/10/18 13:41:56
もっと評価しる

216:Name_Not_Found
07/10/18 15:34:13
どういう評価ならいいのかをハッキリさせた方がいいんじゃないか?
どんな評価したってチラ裏乙だろ

217:Name_Not_Found
07/10/18 15:57:44
たった二行レスの行間に潜む矛盾

218:Name_Not_Found
07/10/18 16:03:59
しかし、ここがチラ裏程度のスレという点も見逃せない

219:Name_Not_Found
07/10/18 16:40:35
さっさと埋めて来いよ

CSSでイケてるかもしれないデザインサイト
スレリンク(hp板)


220:Name_Not_Found
07/10/18 17:54:33
スレ違うじゃん

221:Name_Not_Found
07/10/19 09:00:50
  ∧_∧     
  ((.;.;)ω・)=つ≡つ  どんどん評価してやんよ
  (っ ≡つ=つ
  /  #) ババババ
 ( / ̄∪

222:Name_Not_Found
07/10/19 20:36:52
しょうがないな。オレが大昔に作ったサイト晒しておくよ。
URLリンク(www.geocities.jp)
評価よろしく。

223:Name_Not_Found
07/10/19 21:25:11
これは格好いいかも。黒赤っていいよね、ほんと。左の波がちょっとギザギザ
なのが気になった。

224:Name_Not_Found
07/10/19 22:11:12
>>222
Not Validだったけどソースは綺麗に書けてる。読みやすい。
右上のメニューの存在感が薄いのが残念。
それと見出しが若干貧相かと思うけど、イアウトとしては基本的なものなので把握しやすい。
dl要素なんかもそうだけど、ボーダーを丁寧に取り込んで工夫している様子が良かった。
画像をほとんどつかってないのに、結構見せるデザインじゃないだろうか。

>ホントは「~」とかいう文字を使って回転させて擬似スタイルでやりてえんだけどほら、ブラウザってバカだから。
背景画像の波線を、テキストで再現するって事か?すごいね

>>222が今手がけてるサイトが見てみたいと思った。あるのかどうかしらんが

225:Name_Not_Found
07/10/19 23:15:46
>>222
いいね。
若干文字がぎっちりな気がしないでもないけど、
そんなに読みにくくない。いい感じ。

226:Name_Not_Found
07/10/20 01:26:03
>>222
綺麗なだけにコンテンツが希薄なのが惜しい。

227:Name_Not_Found
07/10/20 05:42:25
CSSでの整形をメインに見るんじゃないの?
なんでコンテンツが希薄か濃厚かにまで言及するのか

228:Name_Not_Found
07/10/20 09:02:06
サイト評価スレだから。

229:Name_Not_Found
07/10/20 12:56:33
良くWeb作成の基準で話題になるのでスレ作った

【CSS】Webデザインについて
スレリンク(hp板)


230:Name_Not_Found
07/10/20 14:39:00
>>229
散々類似スレ立ってんだろうがボケ

231:Name_Not_Found
07/10/20 14:42:18
>>230は口は悪いがまったく同意

232:Name_Not_Found
07/10/20 14:49:07
>>230-231
なら評価スレで余計な雑談が多い理由を(ry

233:Name_Not_Found
07/10/20 15:12:22
>>232
評価スレ自体の需要がその程度ってことだろ

234:Name_Not_Found
07/10/20 15:15:07
>>233
>1

235:Name_Not_Found
07/10/21 13:54:24
ヘイヘイヘイ
>>144のサイトあと三つも残ってるぞ
もうやめたのか?

236:Name_Not_Found
07/10/21 14:16:29
自分とこの宣伝が終わったからあとはもういいんだろう

237:Name_Not_Found
07/10/21 16:19:19
それはないだろうw
自演する奴にあんな長い期間をおいておく根性はない

238:Name_Not_Found
07/10/21 16:21:10
まてよ。そうすると、
>>194 >>198 >>207
も評価者と同一人物か!

239:222
07/10/21 22:53:11
評価ありがとう。どんな感じでボロクソ言われるかなと思っておったんですが。
ちゃんとした内容でちょっと嬉しいです。御指摘箇所については、今後の自分の
人生で役立てたいと思います。

240:Name_Not_Found
07/10/23 19:46:00 XW3pavG+
>>238
そんな手の込んだ自演しねえよw

需要ないみたいだしやめただけだ。
基本的に、俺は貶すような評価は苦手なんだよ

241:Name_Not_Found
07/10/23 20:22:15
>>240
お前はここに逝ってろ

■■HP評価スレッド vol.52■■
スレリンク(hp板)

242:Name_Not_Found
07/10/24 23:19:33
どうせなら最後まで評価しろよって思うけどな

243:Name_Not_Found
07/10/26 15:53:46
結局このスレって何なわけ?
「CSSデザインのサイトを評価するスレ」
といいながら評価する人間が出てきたらブログでやれとか他所のスレ池とか
俺は結構楽しく読んでたんだけどうぜーって人の方が多いんだね。
何の話をするスレなのかなと思った。いらないスレなの?

244:Name_Not_Found
07/10/26 20:22:58
いらないスレだよ

245:Name_Not_Found
07/10/27 23:19:25
URLリンク(hareniwa.sakura.ne.jp)
ボーダー面白いか?安っぽい トップページは意味分からん、統一しろよ 素人っぽくてチャチい ソースにインデント入れすぎ イケテネー

URLリンク(www.rusica.net)
なんか典型的なValid厨っぽい 読みやすいけどなんか古くさい メニューした杉つかえねえ ぶっちゃけデザインってほどじゃないのでは? イケテネー

URLリンク(torori.holy.jp)
cssデザインじゃないし

こっから既出
URLリンク(otg.jik.jp)
自演乙 なんかゴチャゴチャしててムリ

URLリンク(www.tia-soleil.net)
線引っ張って終わりかよ

URLリンク(www.geocities.jp)
cssデザインじゃないし

>>144のサイトに関してはこれで終わりってことで
さっさと次行こうぜ次

246:Name_Not_Found
07/10/28 01:05:43
?ダイアリー系はアリなのかい?

247:Name_Not_Found
07/10/28 11:41:05
strictならおk

248:Name_Not_Found
07/10/28 12:02:56 A8dNc5jn
>>245
URLリンク(www.geocities.jp)
のってホームページツクール(そんなのふとあるのかしらんが)とかで作ったらこんなんできました^^v
の例みたいなソースでした。
前面画像とかありえん。

249:Name_Not_Found
07/10/28 14:33:39
>>246
別にstrictじゃなくてもいいよ。

250:Name_Not_Found
07/10/28 15:35:31
>>245
>読みやすいけどなんか古くさい
読みやすいなら

251:Name_Not_Found
07/10/28 19:48:01
読みやすいだけのデザインなら誰でもできるわ。

252:Name_Not_Found
07/10/28 21:24:27
でも不思議だよな
誰でもできるはずのそれができてないサイトが多いってのは

253:Name_Not_Found
07/10/28 22:22:06
いろいろ回ってるけど読みやすいと思うニュースサイト
URLリンク(www.nikkeibp.co.jp)

254:Name_Not_Found
07/10/29 01:00:21
「読みやすい」が人によって違うからな。
文字が多いだけで読みにくいと言い出す奴には何を言っても無駄だ。

255:Name_Not_Found
07/10/29 11:19:17
「読みにくい」じゃなくて「俺は文字がたくさんある文章を読みたくない」だよな。

256:Name_Not_Found
07/10/29 11:46:43
大事なのはターゲットを定めることでしょ。
それを無視して読みやすさを話しても無意味。

257:Name_Not_Found
07/10/30 00:05:29
カーニングがどうこうより一番影響力あるのはターゲットに合わせて他を客のニーズに合わせる事が大事ってか?

まあ、確かに、カーニングの影響よりサイトの中身の具でほとんど決まるよね。

カーニングってのは日常生活で感覚はあって当たり前にできて、他のコンテンツを清書し終わった後に手がける分野だから
文章メイン以外のサイトには大した影響力は無いよね。

こだわれる、要素が少ないというか・・・どんぐりの背比べというか・・・
されどとは思うけど一度参考書でも読めば奥深く勉強するまでもない分野かな。

258:Name_Not_Found
07/10/30 00:29:28
客の要望は果てしない宇宙のように広がり
完璧にこなす事は不可能。

人間は無いものねだりだからこそ発展してきたからね。
欲が原動力。

そして スレ (´∀`( ´∀`) チガイ

259:Name_Not_Found
07/11/01 02:52:17
>>253みたいなサイトでスクロール長さが大きすぎる云々を
議論することが多いけど、読まれるかどうかは記事の内容が
面白いかどうかだしな。

最近は最低限の設計(パンくずあってロゴをクリックしたら
ホームにとぶetc)ができてればいいよ、と思う。

260:Name_Not_Found
07/11/01 03:11:50
読まれるかどうかは記事の内容(情報)次第だけど、
読みやすいかどうかは見栄えの調整次第でしょ。文章能力も確かにあるにはあるけど。

261:Name_Not_Found
07/11/02 00:08:09
CSS「デザイン」のサイトを評価するスレ


262:Name_Not_Found
07/11/02 00:47:59
CSS「デザイン」の『サイト』を評価するスレ

263:Name_Not_Found
07/11/02 00:54:55
CSSデザインのサイト出してよー

264:Name_Not_Found
07/11/02 02:42:59
>ロゴをクリックしたらホームにとぶ
これはなしだろ・・・

265:Name_Not_Found
07/11/02 04:27:48
ありだろ。十分すぎるくらい普及してる。


266:Name_Not_Found
07/11/02 08:33:08
>>264-265
スレ違い

【CSS】Webデザインについて
スレリンク(hp板)


267:Name_Not_Found
07/11/02 23:36:20
>>265
普及してる=アリだったらテーブルレイアウトも普及してるからアリになっちまう

268:Name_Not_Found
07/11/03 02:26:28
論理的な矛盾が明らかな例(テーブルレイアウト)と、
論理的な矛盾が明らかでない例(ロゴクリックでどこかへ飛ぶ)を単純比較は出来ん

269:Name_Not_Found
07/11/03 08:37:13
スレ違い

【CSS】Webデザインについて
スレリンク(hp板)

270:Name_Not_Found
07/11/03 13:54:51
じゃあCSS導入してる大手サイトの評価行こうか
はい>271から

271:Name_Not_Found
07/11/03 14:22:37
>>268
テーブルだって「これはテーブルです」と強弁すれば矛盾は明かではないし
ロゴだって「ロゴは飾りだから背景画像に設定すべきでリンクは貼ってはならない」と強弁すれば矛盾している。

272:Name_Not_Found
07/11/03 16:40:15
ロゴはただの装飾ではないでしょ。「Yahoo! Japan」のロゴを消したらどこの
サイトだか分からなくなっちゃうんだから、やっぱりHTML中に埋め込むべき情
報。てか、無理矢理こじつけて矛盾を起こしたりするのって…無理があるだろ。

273:Name_Not_Found
07/11/03 17:21:29
スレ違い

【CSS】Webデザインについて
スレリンク(hp板)


274:Name_Not_Found
07/11/03 20:39:35
>>271
テーブルレイアウトを「ただのテーブルだ」と開き直ったってテーブルレイアウトはテーブルレイアウト。
喩えロゴが飾りだったとして、なんで背景画像に設定すべきなの?リンク貼っちゃいけないのはどうして?
強弁すればそうだ、なんつって仮定の上に仮定したらどれだってそんな結論になるだろ。
そもそも「強弁」の意味わかってんの?「矛盾だ!といえば全部矛盾」なんて中学生でも言わんよ

275:Name_Not_Found
07/11/03 21:09:06
スレ違いな話題を永遠と続ける頭悪い子乙w

276:Name_Not_Found
07/11/03 21:09:26
延々と、な。頭悪い子乙。

277:Name_Not_Found
07/11/03 23:37:20
議論をはじめると、議論のための議論に発展するから面白くなくなる

278:Name_Not_Found
07/11/04 02:49:42
おなじみパクリ常習サイトが改装してた
今度はどこのパクリ?
URLリンク(spky.org)

279:Name_Not_Found
07/11/04 03:19:26
きたなw
一瞬で閉じたわw

280:Name_Not_Found
07/11/04 17:22:54
URLリンク(css-seo.seesaa.net)
このサイトの
「本題に入る前にまずは人気ブログランキングをご覧下さい。」
の「人気ブログランキング」をクリックするとこのブログにランキングポイントが入るようになってるけど
あたかも、本文がリンク先にあるような書き方は、明らかにスパムだと思うんだが。

ブログやってるやつってどうしてランキングやアフェしてまで金儲けしたがるんだろ。
そんなに貧乏なやつばかりなの?

281:Name_Not_Found
07/11/04 19:48:43
注目されたい、評価されたい、
そういった願望が手早く確認できるのがランキングだからね

参加するからには一番になりたいってのが無意識に埋め込まれる
だからみんな必死になるんだろう

282:Name_Not_Found
07/11/04 19:55:12
>>281
なんか罠リンク張ってまでランキングあげたいとか恐ろしいな。


283:Name_Not_Found
07/11/04 21:02:14
こういうあっさりしたのはどうかな。
URLリンク(washer-in-the-rye.com)

284:Name_Not_Found
07/11/04 22:54:40
>>272
それがサイト名ならテキストでh1、背景画像でロゴだと思うが

285:Name_Not_Found
07/11/05 09:11:02
画像置換ってこと?そんなことせずとも
<h1><img src="logo.png" alt="Yahoo! Japan"></h1>でええがな。

286:Name_Not_Found
07/11/05 12:00:17
>>283
lowrealの人だよね

287:Name_Not_Found
07/11/07 00:39:44
そうだね。下にリンクがある。

288:Name_Not_Found
07/11/10 15:37:31 sdYNhF9I
>>283
画像が読み込まれないときに悲惨ですね。

289:Name_Not_Found
07/11/13 20:40:31
cssレイアウトになったyahooの新トップページはどうですか?
私がパッと見て思ったのが
・解像度が横1026でも見れない?
・所々にレイアウト目的のspan発見。
・divで囲みすぎなのでは。
・外部CSSを使っていない。
・</html>の後にまだスクリプト。

こんな感じです。

290:Name_Not_Found
07/11/13 20:58:17
<table width=707 border=0 cellspacing=0 cellpadding=0 height=7>
とか書いてるのにあれがcssで作ったページ?
なんか勘違いしてんじゃないのかな。

291:Name_Not_Found
07/11/13 22:52:18
Yahooも>>289なんかに評価されたくないだろうな

292:Name_Not_Found
07/11/13 23:09:59
どこをどう見てもやヤフサイトなんて少しだけcss使ってみました^^v サイトで
その辺にいるビルダーサイトと変わらん。
アレがcssサイトとか言うなら世界中の全部のサイトが立派なcssサイトになるな。
あんなサイト作ってて金貰えるんだからいい仕事見つけたなとは思おうが。

293:Name_Not_Found
07/11/14 01:13:15
あれはユニバーサルデザインなんだよきっと。

294:Name_Not_Found
07/11/14 08:30:21
新トップページはカレンダー部分にしかtableを使ってないと思うのだが。
もちろんトップページだけだが。
>>289が言っているのは新トップページ(β版)だぞ?

295:Name_Not_Found
07/11/14 09:04:11
大手のサイトって徐々に移行していくからね。

296:Name_Not_Found
07/11/14 10:25:24
新Yahooは今情報集めてるところだろ・・・

ぶっちゃけ無理矢理移行して文句たれるユーザーには
Yahooツールバー搭載したIEなりFIrefox提供すればいいだけだし
個人情報収集と広告収入が入るからウハウハじゃねーか

朝鮮企業ならその程度のことはしてもおかしくないw

297:Name_Not_Found
07/11/14 17:37:37
そういえばもう7年くらいヤフーを使ってない

298:Name_Not_Found
07/11/14 19:08:04
ヤフは昔を知る人は使わないだろうな。

299:Name_Not_Found
07/11/18 16:38:25 M/cjNEW6
URLリンク(abroadstudy.net)

どっかで似たサイトみたぞ

300:Name_Not_Found
07/11/18 17:08:01
設計はともかく見た目がなあ・・・・

301:Name_Not_Found
07/11/18 22:09:54 29iQ8cpi
もうチョイ、本分の横に余白が欲しいな

302:Name_Not_Found
07/11/18 22:39:35
大きな余白を入れられる奴は度量が大きい、いざというとき思い切りがいい。
しかし、中身は小さい奴だ。

303:Name_Not_Found
07/11/18 22:45:38
ここにはFirefox使ってる人はいないんだな

304:Name_Not_Found
07/11/18 22:55:11
>>303
Operaで申し訳ないが、>>299のサイトの本文が全て左寄せになってる。
Firefoxでも同じ感じだと思うのだがどうだろう。
IEだとちゃんとなってるね。
CSSのソースは見ていないが、IEの解釈が間違っているんだろうなあと思ってしまう。
うん、スレ違いだ。

305:Name_Not_Found
07/11/18 23:02:22
FirefoxもOperaと一緒…てかSafariもダウト。
IEエンジン以外全滅だなw

306:Name_Not_Found
07/11/18 23:12:56
糞サイトの宣伝してんじゃねーよ

307:Name_Not_Found
07/11/19 08:51:12
>>303-305
自分も見た時「え?」と思ったけど誰も突っ込んでないから何でだろうと思った。
背景画像は真ん中で縦リピートして
text-align: center;指定してmargin: 0 auto;指定してない感じ?

308:Name_Not_Found
07/11/19 15:10:04
いちいちつっこむのが面倒だっただけに一票

309:Name_Not_Found
07/11/19 20:45:27
言及する価値もないと思ったに一票

310:Name_Not_Found
07/11/19 21:47:55
誰にもまねされないデザインを目指したに1票

311:Name_Not_Found
07/11/19 23:30:05
GyaoがSilverlightのコンテンツだしてきたね
URLリンク(www.gyao.jp)

312:Name_Not_Found
07/11/20 03:29:33
ahooの新トップページ初めて見たが、ソースみて噴いたw

313:Name_Not_Found
07/11/20 06:21:07
>>312
スゴイねw スタイルがソースの半分占めてるよw

314:Name_Not_Found
07/11/20 15:05:16
外部ファイルという発想はなかったのかな。
HTML自体も良いとは言い難いな。
たまにスタイル目的のspanがあったり。
div多すぎだろ。

315:Name_Not_Found
07/11/20 21:16:35
>>314
外部ファイルにしない利点は考えた?

316:Name_Not_Found
07/11/20 23:58:57
なんか利点あるの?
ソースファイルが一個で済む、くらいしか思いつかないが。
でもスタイルシートがまだ普及してない頃ってこんな感じだったような気がするね

317:Name_Not_Found
07/11/21 21:52:22
唯一の利点:文法チェッカーを利用しやすい。
ってことでチェッカーにぶっこんでみたが、-55点と以外にも高得点(?)だった。

318:Name_Not_Found
07/11/22 01:55:54
おぉ、-55点ってスゴイんじゃね? Yahooにしては。
ま、Googleも酷いもんだけどさ

319:Name_Not_Found
07/11/22 09:05:08
あのクラスになると、標準準拠よりも
なるべく過去のブラウザでも表示されるように工夫するからね。

そのくせマイナーなブラウザは無視したりするんだけど。

320:Name_Not_Found
07/11/22 12:31:15 bRixFOph
>>317
唯一ではないのでは?

ソースファイルが一つである
・外部cssが読み込まれない状況(回線負荷とか?)に対応
・外部cssに対応していないブラウザに対応
・文法チェッカーを利用しやすい (普通の閲覧者には無意味か?)

他にもありそうですね

スレチか

スレリンク(hp板)l50
こっちに投下しとく

321:Name_Not_Found
07/11/24 21:05:39
Yahooのトップページで使われてるCSSは他のページでは流用されてないし、
それを考えればそもそも外部CSSにする利点が無いだろう。せいぜい管理面くらい。

322:Name_Not_Found
07/11/25 06:55:00
Yahooが導入しているCMSの癖かもよ?(CMSで作ってるかわからないけど)
もしくはCMSのデフォルトスタイルを回避するためにそうしてるのかもね。

323:Name_Not_Found
07/11/26 23:46:30
CSSハックがしやすいとかあるかもしれん

個人的にはあんまり気にしないから、いまいち分らんが
@importに非対応とかコメントとか、こまかく分けて、それぞれのブラウザー用にCSSを用意するってんなら外部CSSの方がいいかもしれん

324:Name_Not_Found
07/11/27 01:32:20
ここで企業サイト出しても製作会社のマニュアルにのった作りのしか無くて
どこも根元同じで面白くねーから出す奴は個人サイト出してくれない。

企業サイト評価したって面白くもなんともねーべさ?

325:Name_Not_Found
07/11/27 19:36:42
お前が面白がるかどうかなんて、俺が夕飯に何食ったかくらいどうでもいいことだろ?

326:Name_Not_Found
07/11/27 20:32:13
ふしぎ! 気になる

327:Name_Not_Found
07/11/27 23:18:36
>>325
座布団全部持ってかれるわ。

328:Name_Not_Found
07/12/26 23:12:49 XLeQeFKX
 

329:Name_Not_Found
08/01/04 21:02:59
>>144の上から4番目がシンプルで凄くいい。
作り直そう・・・ こういうのにしたくなった。

330:Name_Not_Found
08/01/06 19:59:47
こういうのをいいと思った時代も
オレにもありました・・・

331:Name_Not_Found
08/01/07 13:49:03
また>>144か!って気もするけど

じゃあ俺は上から二つ目が好きだな
トップページっきりしてるし中もdashed線をそういう使いかたしてるのは他に知らないし

こういうのを作りたいか?と聞かれたらNOだけど

332:Name_Not_Found
08/01/07 16:29:34
何この露骨な自演

333:Name_Not_Found
08/01/07 17:58:21
俺の読みでは・・・・>>144の一番上のサイト管理人による自演と観たね
他のサイトからの絡め手によって自分にも注目してもらおうという作戦
って筋はどうだ?

334:Name_Not_Found
08/01/07 18:07:09
>>77の一番上のサイトがシンプルでいいと言ってみる予感

ってかさ、一口にシンプルっていってもショボイシンプルと
イケてるシンプルがあるだろ?
その二つの違いってのはどこから来る?

335:Name_Not_Found
08/01/07 18:08:18
はいはい自演乙自演乙
>>144以外のサイト出せよ

336:Name_Not_Found
08/01/07 18:11:18
ここまで引っ張れる>>144のすばらしさについて

337:Name_Not_Found
08/01/07 18:11:39
ここのテンプレートとかは結構好き
URLリンク(www5.pf-x.net)

338:Name_Not_Found
08/01/07 18:28:41
URLリンク(www.shippo.info)
URLリンク(ssweb.atz.jp)
URLリンク(www.mushline.com)
URLリンク(taso.tumblr.com)
URLリンク(www.yasuhisa.com)
URLリンク(ishikawa.arielworks.com)

どうだ?評価はまた今度

339:Name_Not_Found
08/01/07 23:51:48
>337
ショボすぎソース駄目すぎ
>338
今更マッシュラインかよ

340:Name_Not_Found
08/01/08 00:10:26
CSS着せ替えテンプレートプロジェクト! > CSS制作者リンク
URLリンク(css.poromeria.com)
ここにあるいくつかのサイトはいいのあるように思う。
国内個人サイトレベルでCSSデザイン見ごたえあるサイト探してるので他にもあったら教えて。
>>338の一番上はさわやかでいい。犬っ娘もカワユス

341:Name_Not_Found
08/01/08 00:31:11
>>338
四番目、ソースはどうでもいいとして、新鮮だった
>>339
リニューアルしたからいいんじゃね


342:338
08/01/08 13:35:18
有名っていうか、さんざん既出レベルだった?
ごめんよ。

343:Name_Not_Found
08/01/08 17:41:07
マッシュラインはリヌ前が神

344:Name_Not_Found
08/01/08 17:59:55
ほう

345:Name_Not_Found
08/01/08 18:11:53
リヌ前のは左下のスクロールバーが無ければもっとよかったんだけどな
でも神って程じゃない
今のはごちゃごちゃであまり好きじゃない

346:Name_Not_Found
08/01/08 21:30:27
マッシュラインはいつでも神でござる

347:Name_Not_Found
08/01/09 00:51:38
>340
上から順番に見て来た
配ってるヤツ使いたいか言われたらノーだが
サイト自体がそこそこだったものとトップページのlint点数

URLリンク(qpa.jpn.org)
綺麗で作りこまれてるが54点

URLリンク(a-c.2-d.jp)
女向けデザイン。53点

URLリンク(neut.xtr.jp)
デザインはくどいが100点

URLリンク(sora.a-jp.net)
デザインはうへぇだが100点

URLリンク(sosora.chips.jp)
アドセンスうざいがデザインこれが一番好き。が17点

URLリンク(feelin-good.oops.jp)
字小せぇぇぇがシンプルでまぁまぁ。88点

URLリンク(css-happylife.com)
有名どころじゃねーか。85点

総評
デザインとコーディングは共存できないんでしょうか。


348:Name_Not_Found
08/01/09 01:08:00
URLリンク(note.openvista.jp)

349:Name_Not_Found
08/01/09 12:42:35
>>347
上から6番目は知ってる。携帯サイトが有名。
前は確か100点だった希ガス。

350:Name_Not_Found
08/01/09 12:46:00
はあそうですか

351:Name_Not_Found
08/01/09 13:01:20
>>349
JSウザス

352:Name_Not_Found
08/01/09 22:29:49 sNiY6VQb
上から5番目画像重杉。
Fxだと下から上に戻る時スクロールが遅くなる。

353:Name_Not_Found
08/01/09 22:37:33
重いのは画像じゃないだろ^^;

354:Name_Not_Found
08/01/10 18:37:01
URLリンク(www.chibidog.jp)
↑ 評価依頼。

355:Name_Not_Found
08/01/10 18:40:47
>>354
>>1-4

356:Name_Not_Found
08/01/10 18:42:12
>>354
火狐でボロボロ
マウスオーバでリンクの画像や色が変わるなどの変化が欲しい
住所のフォントが汚い

でも犬はカワイイ(;´Д`)

357:Name_Not_Found
08/01/10 18:48:40
>>356
tableレイアウトのサイトはスルー汁

358:Name_Not_Found
08/01/10 19:01:29
css 一行の表現力??

359:Name_Not_Found
08/01/10 20:04:49
サイトアップ使ってるサイトって、
一発でわかるなww
たいていデザインがヘボい。

360:Name_Not_Found
08/01/10 20:53:29 646Zbb/F
>>359
ソース見るとサイトアップだね


361:Name_Not_Found
08/01/10 20:55:54
サイトアップってなんだ?

362:Name_Not_Found
08/01/10 20:56:44
>>354
犬以外良いところなし
グッズ販売のページの犬は貰っていく

363:Name_Not_Found
08/01/10 20:58:53 646Zbb/F
サイトアップで契約すると300万円ぐらいするらしいよ
マジって感じ

364:Name_Not_Found
08/01/10 21:28:28
サイトアップで作られたサイトって "JavaScriptは使えない状態です・・・" でぐぐればわんさか出てくるね

365:Name_Not_Found
08/01/11 08:48:39 DRBcrgcJ
>>364
すごい量ですね
テンプレートなので同じデザインばっかりですね
頭悪すぎ!

366:Name_Not_Found
08/02/04 22:39:46
なかなかいいサイトに巡り合わないな

367:Name_Not_Found
08/02/06 16:05:10
自演でもいいから晒せよ

368:Name_Not_Found
08/02/08 00:17:01
サイト出しても大した評価しないで自演乙扱いばかりの流れでは誰も出さんだろう

369:Name_Not_Found
08/02/08 00:22:47
あ、そうか評価しなくちゃ意味ないよな

370:Name_Not_Found
08/02/22 00:38:24 dBdxV0T7
保守age

371:Name_Not_Found
08/02/26 15:21:04
ブクマに入れてるテンプレートサイト

URLリンク(monorora.com)
URLリンク(neo-himeism.net)
URLリンク(washiro.tank.jp)
URLリンク(nmk.silk.to)
URLリンク(chatxcat.halfmoon.jp)

372:Name_Not_Found
08/02/26 17:17:13
最初の1つだけで見る気をなくした・・・

373:Name_Not_Found
08/02/26 17:55:54
>>371
下から2番目は初めて見た。
配布テンプレートにdivとか使ってないのって新鮮。

374:Name_Not_Found
08/02/26 18:18:16
>>373
2番目もバリバリdiv使いだが何か。

375:Name_Not_Found
08/02/26 18:33:41
配布テンプレートって書いてあるぞ。
まぁ、でもだから何って話だがな。

376:Name_Not_Found
08/02/26 18:43:34
配布テンプレートの中身もデブだったけどwww

377:Name_Not_Found
08/02/26 19:01:00
下から2番目のトップからいけるテンプレートはdivなしのように見えたけど。
ま、だから何といわれりゃそれまでなんだけどただ新鮮だったと言うだけ。

378:Name_Not_Found
08/02/26 19:13:45
酷いのはhnさえなくて全部divのテンプレートだったりするな

379:Name_Not_Found
08/02/26 19:29:34
<div id="title">サイト名</div>
<div id="menu">
<a href="">menu</a><br />
<a href="">menu</a><br />
<a href="">menu</a><br />
</div>
とかな

380:Name_Not_Found
08/02/26 20:24:38
何をどう使おうが、問題なく動作して綺麗に見えるならそれでいいんじゃね
正規表現ですっきりしたソースであるに越したことはないが

381:Name_Not_Found
08/02/26 20:28:52
>>380はHTML以前に日本語を学んだ方が良いと思うよ。

382:Name_Not_Found
08/02/26 22:10:17
>>371

1番目
すっきりシンプルで個人的には好きなデザイン。
でも字がちっさくて文章読む気になれねー。

2番目
見た目綺麗なのに広告が多すぎて萎える。
フッター上部のdiv id="clear"に中身が入ってないのはいただけない。

3番目
そもそもCSSデザインでは・・・XHTML+テーブルレイアウトって・・・。
テンプレ配布してるのに対応ブラウザ火狐だけって大丈夫なのか('A`)
まあ使ってる画像は綺麗だね。うん。画像は。

4番目
配布用のテンプレにdiv使わないならサイトそのものもdivなしで統一してほしかった。

5番目
dl id="date"の中身がddだけでdtが入ってないのが気になる。なぜdl使うのだ。

383:Name_Not_Found
08/02/26 23:31:39
>>371
4番目と5番目以外、構文エラーと警告多すぎ

cssを云々する前に
まずは基本からやり直さないとな

384:Name_Not_Found
08/02/27 00:37:34
SEO対策テンプレート配布してます!と謳ってテーブルレイアウトのテンプレートを配布してるサイトに比べりゃ良心的だ

385:Name_Not_Found
08/03/16 13:32:24
正規表現ワロタw

まあどっちにせよ、lintの警告を引用して
ダメサイトだと言ってるやつはまだまだだよ。

386:Name_Not_Found
08/03/23 19:39:25
ソースなんてどうでもいいもんです
馬鹿な人にはそれが分からんとです
所詮は日曜デザイナーの集まりです

387:Name_Not_Found
08/04/03 19:37:30
非特定者が頻繁にソースをいじって更新するするような場合は、
見やすいソースでるあることは必須だな

388:Name_Not_Found
08/04/06 10:45:03 if+n4U17
美しいソースであるのに越したことはない。

389:Name_Not_Found
08/04/09 18:40:39
2年ブランク空いただけでみんなフルcssとかだからかなり焦ってる・・・。
テーブル主流だった時代じゃないのね。勉強せねば(`・ω・´;)

390:Name_Not_Found
08/04/09 18:52:40
2年前も既にCSSでしたよ先生

391:Name_Not_Found
08/04/09 22:03:55
デザイン前線じゃない所はテーブル主流だったよーな
webは激しいからのぅ

392:Name_Not_Found
08/04/09 22:49:34
なにを書いているのかさっぱりわからん

393:Name_Not_Found
08/04/10 15:13:55
2004年にサイト作成のためにhtmlをかじりはじめたけど、
そのころはまだテーブルレイアウトで教えてるところがあって、
「最近ではCSSでデザインは分けているところも増えている」
って解説されていたような気がする

ちゆ12歳かなんかで色んなサイトで、ちゆ化するのに「「CSS便利だよねー」
って流れが出来ていたのもそれくらいの時期じゃなかったかなー

394:Name_Not_Found
08/04/10 15:14:31
日本語でOK>っていうか俺

395:Name_Not_Found
08/04/16 09:44:31 k/XFBxtL
レンタルのブログを使ってないブログ。
オレは綺麗だと思ってるんだけど、CSSがどうとかそういう技術的なことは分からんから
そういうのに詳しいおまいらの評価を聞かせてくれると嬉しい

URLリンク(hxxk.jp)
URLリンク(simpleism.net)
URLリンク(gyauza.egoism.jp)
URLリンク(lunareclipse.info)
URLリンク(www.mushline.com)

以下オレの感想
1. カラフルだけど、目がチカチカしなくて優しい配色だと思う。
  だけどリンクが多すぎて何がどうなってるのか若干分かりにくい感じ。

2. 名前通りシンプルだけど、一部にアクセントみたいなのがあって良いと思う。
  一度クリックしたリンクの色(普通は紫?)が、普通の文字と同化して分かりにくいかな。

3. 細部までデザインされててすげーって思った。文字の大きさも変えれて便利だと思う。
  ただ赤系の色がいっぱいだから、威圧感というか暑苦しい印象がある。

4. デザインの画像が少なくて、こじんまりとした感じが好き。記事それぞれに写真が使われてるから
  内容の理解がし易い。ちょっと縦に伸びすぎてるのが欠点?

5. 構造が2と似てるけど、写真とか画像の使い方が上手くて見やすい。
  背景の色が見慣れてる2chと同じっぽいから、印象が良いのかな

どう?

396:Name_Not_Found
08/04/16 10:14:35
1と5は入れるな、有名どころすぎて今更紹介も恥ずかしいから

397:Name_Not_Found
08/04/16 11:42:24
3と5はしってたけど、1は知らなかった

398:Name_Not_Found
08/04/16 12:00:55
>>395
2. サイト構造が把握しにくすぎ、デザイン以前の問題
3. ソースの構造が致命的なレベルでおかしい、デザイン以前の問題
4. ただのどこにでもいる div 厨

399:Name_Not_Found
08/04/16 13:23:05
じゃ、俺は良いところを観ていこう

1 良いところよりも悪いところの方が目立つが、cssを使えばデザインを遊べるということを示してくれている。
2 シンプルにまとめている点がうまい。奇をてらったものが苦手な人は参考にしてもいい。
3 思い切りの良い配色、細部まで気を張ったセンスには感心できる。好きな人には心地よいと思う。
4 これも定番レイアウトを少し変則的に使っている点が目を惹くし、その割にはよくまとめられている。
5 無難な配置、タイミング良いアクセント、バランスのとれた配色、高水準に仕上げている。

好き嫌いは別れると思うけど、
「うー、俺のサイトをもうちょい格好良くしたい」と悩んでいる人には勉強になるはず。
ただ、どのサイトもソースがあんまりスマートじゃないので
できれば、ソースを参照せずに再現するように試行錯誤したほうがいいかもしれない。

400:Name_Not_Found
08/04/16 19:31:45
>>395

1 メジャーなブラウザですら大崩壊してる
2 パっと見テーマがさっぱりわからない。意味不明なサイト
3 その辺によくあるblog。取り立てて言う事無いほど凡庸。しかも読み込みが全然終わらん。
4 自分のネタ以外をさも自分のネタのようにまとめてあるデザイン。blogはblogらしく基本くらいは守れ
5 この中じゃ一番良い。というか唯一わかりやすいと言えなくも無い。

401:Name_Not_Found
08/04/16 19:51:45
>>400
1は飛び出してるのがdefaultってやつじゃねえの?

402:Name_Not_Found
08/04/16 20:16:04
1は出てるのがデフォなんだろうがどうなのよってかんじだな

403:395
08/04/17 03:08:03
>>396
有名だったのか、すまん知らなかった;

>>398
2. アバウトとリンク集とブログのページだけだから把握はしやすくね?
3. 確かに一見すると何がどの役割を果たしているのかは分かりにくいね。
4. デザインのためだけにdiv使うことだよね。

>>400
1. オレ(firefox, IE7)は全然問題なかったぜ?
2. ブログでしょ?あーそんな中でも何についてのブログかってことか
3. このレベルでその辺によくあるなんてすげーな…
4. ブログの基本ってなんだ?
5. 実はオレもここが一番好きなんだ

いいって思ってたサイトも結構落ち度があるんだな。
出てきた意見、今後の参考にさせてもらうわ

404:Name_Not_Found
08/04/17 04:09:04
付箋みたいなイメージなんだろうね
アウトライン的な考えかもしれんが、初めはズレてると思っちゃうね

405:Name_Not_Found
08/04/18 01:30:32
>>403

2. アバウトとリンク集とブログのページだけだから把握はしやすくね?
把握以前に見るのが面倒な俺ルールレイアウト全開で読むのダル杉。
全く見ないで閉じる典型的なblog。

>3. このレベルでその辺によくあるなんてすげーな…
いくらでもあんだろこの程度。その辺のMTやワードプレスでやってるサイトとか
見てみろ。

>4. ブログの基本ってなんだ?
各種カテゴリー(トラックバック、コメント類、ブックマーク他人のネタ類、
自分のネタ記事類)くらいぱっと見でわかるようなナビゲーションにする事。
blogはただでさえナビが悪くて他をクリックする気にならないんだから
それくらい気を使うのが常識。しかもそこ横にズラズラ並んでるのは他所のネタじゃん。

406:Name_Not_Found
08/04/18 20:14:38
横に並んでるメニューなんていくらでもないか

407:Name_Not_Found
08/04/19 10:58:51
横に並んでるメニュー自体が区分けされてない事を言ってるんだと思われ

408:Name_Not_Found
08/04/21 23:11:33
よその更新状況を
あんなレイアウトで表示すんなよ、ってことだろ。

409:Name_Not_Found
08/04/22 01:07:00
確かにアレはよくないな。自分のネタって三つの短文か?

410:Name_Not_Found
08/04/30 15:26:06
<div class="hoge"><ul>
<li>hoge</li>
<li>hoge</li>
</ul></div>

こういうやり方してる人ってなんなの?なんでulにclass指定しないの?
何かdivで囲む意味あんの?

411:Name_Not_Found
08/04/30 16:20:15
>>410
角丸を可変幅で表現しようとすると、:before、:afterなどの擬似要素がIEに対応してないから
やむを得ずそうしてるとか、少し考えれば分かることだろ

412:Name_Not_Found
08/04/30 17:48:23
後々の使い勝手を考えてとりあえずブロックごとにdivつける

413:Name_Not_Found
08/04/30 19:30:33
>>410
自分もそうやってるんだけど、
要素ひとつひとつに名前を付けるより、
その要素群に名前を付けたいときがあるんだ。

こっからがコンテンツメニュー関係で、こっからが更新履歴に関する要素群で、って。
デザイン変更するときに、コンテンツメニュー関係グループ全体をフロートして、
更新履歴群と2カラムレイアウトしたいな、ってときにもいじらなくて済むし。

そのグループの中に要素がひとつしかないときもそうやってる。
クセになってるかも。

414:Name_Not_Found
08/04/30 19:38:26
いや>>410のは要素「群」にすらなってない件www

415:Name_Not_Found
08/04/30 19:46:36
クセ、なんじゃないの?

416:Name_Not_Found
08/04/30 20:05:12
サイトの評価しようぜー

417:Name_Not_Found
08/05/01 00:12:56
>>411
何でもdivで囲んじゃう人にそんな使い方してる人ほとんどいないと思う

418:Name_Not_Found
08/05/02 10:29:42
>>410
反応があったみたいだが、もしかしてこれ見て言った?
URLリンク(simpleism.net)

419:Name_Not_Found
08/05/02 10:34:14
おれさー
多少、ソースにクセがあってもいいと思うんだ
最低限の構文ルールさえまもっておけば
なんだかんだいってみんな把握できてるしね

使っているルールが同じなのにその発現方法がちょっとずつ違う、
これってけっこう理知的ロマンだよ

420:Name_Not_Found
08/05/02 23:07:48
なんでもdivで囲うのに構文ルールも何もあるか、ただのdiv厨だwww

421:Name_Not_Found
08/05/03 00:35:16
文法なんてのは人それぞれだからなあ。
要はブラウザでの閲覧時にちゃんと表示されればいいわけで。
プログラムでも中身がスパゲッティでも使用者には問題ないわけだし。

422:Name_Not_Found
08/05/03 00:36:46
やめよう、Strictとか構文の話になるとスレ違いになる。

URLリンク(splitdadiz.com)
どう?
ここまで作りこまれてると驚嘆の念しか出ないわ。

423:Name_Not_Found
08/05/03 12:21:48
>>422
しかし重い…。

URLリンク(www5.pf-x.net)
URLリンク(spky.org)の中の人の別サイト。
どっかで見たことあるデザインだが、divが減ったのはいい。

424:Name_Not_Found
08/05/03 12:46:04
>>421
それってテーブルでもおKって話でここじゃNG

425:Name_Not_Found
08/05/03 12:47:16
>>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="URLリンク(splitdadiz.com)<)" alt="" /></a></p>

<div id="search"><form method="get" id="searchform" action="URLリンク(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="URLリンク(splitdadiz.com)" /></td>
</tr></table>
</form></div>

<div class="clear"></div>

作り込まれてるの意味を小一時間(ry

426:Name_Not_Found
08/05/03 12:59:33
既出な予感がするけどここはどう?
URLリンク(www.ktsonline.jp)

427:Name_Not_Found
08/05/03 14:03:13
津波荘なつかしす

428:Name_Not_Found
08/05/03 17:29:00
>423
それVicunaじゃないか?
またパクリ
URLリンク(vicuna.jp)

429:Name_Not_Found
08/05/03 17:41:15
>>426
既出なんてものじゃなく超超超超有名サイト

430:Name_Not_Found
08/05/03 18:15:16
お、おれ、しらなかったwwww

431:Name_Not_Found
08/05/03 21:47:27
最近は津波荘も闇黒日記も知らないでCSSデザインを始める奴が多くて困る。

432:Name_Not_Found
08/05/03 21:55:29
闇黒日記は知ってる
イキったW3C厨が崇めてるサイトだろ?
って書くと喧嘩売ってるみたいなだ。

闇黒日記にリンクして、似たような記事書いてるサイトを含めて、
あんまりデザインの参考にはならなかった。

CSSが夢のように語られている割には、なんかこの程度のデザインかよ、ってガッカリしたんだ。
余白もろくに扱えてないし、線引っ張ってるだけだし、せいぜいfirst-letterの色変えてるくらいだったし。

でもやっぱり、閉鎖して寂しくなったな

433:Name_Not_Found
08/05/03 23:04:41
>>432
>>432
>>432
>>432
>>432

434:Name_Not_Found
08/05/04 00:38:19
vicunaってカスタマイズベースにしてもいいよ的なこと言ってた気がするからパクリというのも違うような…
でもシンプルなのに一発でvicunaとわかるからすごいね

435:Name_Not_Found
08/05/04 00:54:44
vicuna使ってるんじゃなくて
デザインをパクってる
こいつ本当に常習だわ

436:Name_Not_Found
08/05/04 01:51:12
って書くと喧嘩売ってるみたいニダ。

とこう書けば完璧だったのに。

437:Name_Not_Found
08/05/05 00:56:52
vicuna自体ありがちなデザインだから

438:Name_Not_Found
08/05/05 05:39:29
URLリンク(dragoninteractive.com)

↑既出?
というか、これはCSSデザイン?
もう何してるかさっぱりわからん;

439:Name_Not_Found
08/05/05 18:15:19
JavaScript切ってみ

440:Name_Not_Found
08/05/05 19:16:47
画像切ったほうがすげーぞ

441:Name_Not_Found
08/05/05 20:15:51
画像表示できないようなブラウザは考慮する必要ないだろ

442:Name_Not_Found
08/05/05 21:04:15
画像を表示できるブラウザでもオフにしてるケースは少なくない。
特にモバイル系。

443:Name_Not_Found
08/05/05 22:37:03
そんなもんしったこっちゃねーよw

444:Name_Not_Found
08/05/05 22:59:41
サーバーの問題で画像が送信されなかったり、いろいろあるのさ。

445:Name_Not_Found
08/05/06 01:14:31
>>441
ばーか、今はそんな話してるんじゃねーよ

446:Name_Not_Found
08/05/06 03:17:27
ゴミは死んでください><

447:Name_Not_Found
08/05/06 03:44:18
yes you do

448:Name_Not_Found
08/05/07 15:01:30
>>447
上手いな

449:Name_Not_Found
08/05/07 15:44:43
痛いな

450:Name_Not_Found
08/05/08 18:31:45
痒いな

451:Name_Not_Found
08/05/16 07:49:05
臭いな

452:Name_Not_Found
08/05/18 11:54:54
>>423
そこ前にもパクリ常連サイトなんて言われてた
そろそろ着せ替えテンプレ(ryも末期な感じだなー
同じHTMLじゃよほどセンスのあるデザインじゃないと他と被るし
なんでどこもかしこもWordPressなんだよ!

俺に言わせりゃ文法やアクセシビリティ(笑)なんてどーでもいい
デザインにしたってどんなにクールでも他と同じじゃ意味がねえー
問題は個性だ
個性より利便性を求める今の流れにまじファック

453:Name_Not_Found
08/05/18 12:22:38
>同じHTMLじゃよほどセンスのあるデザインじゃないと他と被るし
そうでもないと思う

454:Name_Not_Found
08/05/18 12:47:44
>>452
見てくればっかりで使えないお前まじファック

455:Name_Not_Found
08/05/19 17:46:29
URLリンク(wonderdream.fiberia.net)
既出?

456:Name_Not_Found
08/05/20 19:50:25
>>455 消え失せろ

457:Name_Not_Found
08/05/28 11:19:54
URLリンク(www.v-net.jp)

d! i! v!
d! i! v!

458:Name_Not_Found
08/06/02 18:25:42
V-netワロスにみえた

459:Name_Not_Found
08/06/23 22:26:02
で、「元完全な技」って何だよ

460:Name_Not_Found
08/06/25 11:52:35 QBG4cLmb
ご意見を参考にRGBコードの数値を追加しました。
シンプルなカラーサンプル(いろいろSAMPLE)
URLリンク(watap.main.jp)

461:Name_Not_Found
08/06/25 16:24:08
マルチは氏ね

462:Name_Not_Found
08/06/27 19:54:30
>>127-129
の流れが好きだな
カルチャーショックだったんだろうな

463:Name_Not_Found
08/07/19 10:43:32 UvKYV0ec
test

464:Name_Not_Found
08/07/22 06:59:41
URLリンク(amaro.jp)

知り合いが好きなブランドのサイト

465:Name_Not_Found
08/07/22 12:32:23
使うなとは言わないが看板がflashなサイトはこのスレ的にイラネだろ

466:Name_Not_Found
08/07/22 14:28:43
フラッシュはおまけっていうか、ローディングが終わらないと何もできないサイトとはちがうからOKじゃね?

467:Name_Not_Found
08/07/22 15:26:51
まぁ、画像は綺麗に作ってあるけど特に面白みのないページってとこかな
こんなもんと言えばこんなもん

468:Name_Not_Found
08/07/24 13:52:45
ここ何とかしてくれ
URLリンク(compleanno.jp)

469:Name_Not_Found
08/07/24 15:59:48
ナビゲーションにアクセントがない
トップだとANAのバナーが一番目立ってる

470:Name_Not_Found
08/07/24 19:44:28
案内ページとの差が気になる

471:Name_Not_Found
08/07/24 22:10:50
>>468
table

472:Name_Not_Found
08/07/25 15:31:28
URLリンク(one.freespace.jp)

少年野球チームの応援サイト作ろうとして探したサイト
他のチームから比べると仕上がりがよくコンテンツもパクれそう

473:Name_Not_Found
08/07/25 18:31:54
グローバルナビとバックのデザインがおしい

474:Name_Not_Found
08/08/01 20:52:52 7fFRebYt
何かおすすめ無いすか?

475:Name_Not_Found
08/08/08 10:25:40
>>472
オシャレなデザインというわけじゃないが、
配色・リンクの位置を含めてすごく「見やすく・分かりやすいサイト」だな。
そういう意味で機能的で、お手本になる。


476:Name_Not_Found
08/08/09 14:28:56
個人的に好きなの二つ。どっちも更新止まっているけど。
CSS疎いから評価してくれると嬉しいな
URLリンク(version510.com)
URLリンク(mogstyle.net)

477:Name_Not_Found
08/08/09 15:02:48
上のサイトの、スクロールに伴ってナヴィがぬるぬるついてくるJSって何で人気あるんだろう
主観でしかないのは分かってるが、ユーザとしては気持ち悪くないか?

478:Name_Not_Found
08/08/10 18:56:31
ぬるぬるなら良いんだけどね
ガクガクだから見づらくてイヤ

479:Name_Not_Found
08/09/23 18:45:53 a2y7HsoI
友達のサイト出したら迷惑になるかな?
ちょっとどれくらいの力量なのか知りたい。

480:Name_Not_Found
08/09/23 19:49:10
そういう前フリなしで貼れよん

481:Name_Not_Found
08/09/25 22:43:45
>>479
いいんじゃね?むしろ俺がその友達だったりして。



482:Name_Not_Found
08/09/26 03:11:00
いやいや俺が

483:Name_Not_Found
08/10/05 16:02:12 ZSdrnno5
どう?
URLリンク(www.city.kiyose.tokyo.jp)
ココの課だけ他の課と明らかに違うんだがw

484:Name_Not_Found
08/10/05 17:18:54
Firefoxで見るとズタボロなんだが・・・W3C準拠でも、ダメなヤツはダメのサンプルか?

485:Name_Not_Found
08/10/05 17:37:03
まぁちょっと頑張った素人レベルだね

486:Name_Not_Found
08/10/05 18:13:59 E2ePtOZl
google はcssデザイン。(ニュースはリキッドデザイン)
おちゃのこネットのWEBショップはCSSデザイン。(流し込みではない)
ブログサイトはCSSデザイン。(流し込みではない)
CMSサイトもCSSデザイン。(流し込みではない)
用途に合わせて使えばいい。アメリカのサイトなんかにリキッドはありそうに思えますね。
CSSで横サイズ%指定は少し頭が必要なようで・・・



次ページ
最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch