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

**Name_Not_Found** · 2006/01/06(金) 16:29:36

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

3.strict房はお断り。

**Name_Not_Found** · 2007/04/16(月) 17:08:57

あいうえお

**Name_Not_Found** · 2007/04/16(月) 23:30:28

自作自演作者ども乙ｗ

**Name_Not_Found** · 2007/04/30(月) 11:17:39

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

**Name_Not_Found** · 2007/04/30(月) 11:18:27

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

**Name_Not_Found** · 2007/05/02(水) 03:39:14

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

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

**Name_Not_Found** · 2007/05/02(水) 11:46:58

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

**Name_Not_Found** · 2007/05/16(水) 12:48:53

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

**Name_Not_Found** · 2007/05/16(水) 15:56:53

自分の脳味噌で考えろ

**Name_Not_Found** · 2007/06/10(日) 17:21:51

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

http://veryroll.com/

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

**Name_Not_Found** · 2007/06/10(日) 17:35:54

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

**Name_Not_Found** · 2007/06/20(水) 23:13:40

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

**Name_Not_Found** · 2007/06/22(金) 14:14:23

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

**Name_Not_Found** · 2007/06/22(金) 16:38:05

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

**Name_Not_Found** · 2007/06/24(日) 06:21:04

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

**Name_Not_Found** · 2007/06/24(日) 10:37:45

＞配色センスあり

ﾌﾟｯ

**Name_Not_Found** · 2007/06/24(日) 20:06:16

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

**Name_Not_Found** · 2007/06/26(火) 00:04:51

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

**Name_Not_Found** · 2007/06/27(水) 02:49:08

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

**Name_Not_Found** · 2007/06/27(水) 09:38:40

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

**Name_Not_Found** · 2007/06/27(水) 10:07:48

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

**Name_Not_Found** · 2007/06/27(水) 10:24:28

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

**Name_Not_Found** · 2007/06/27(水) 16:24:52

ネタはスレ違いではない

**Name_Not_Found** · 2007/06/30(土) 11:41:23

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

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

**Name_Not_Found** · 2007/06/30(土) 11:49:51

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

**Name_Not_Found** · 2007/06/30(土) 12:02:24

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

**Name_Not_Found** · 2007/06/30(土) 12:57:05

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

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

**Name_Not_Found** · 2007/06/30(土) 13:01:01

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

**Name_Not_Found** · 2007/06/30(土) 13:03:48

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

**Name_Not_Found** · 2007/06/30(土) 13:11:49

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

**Name_Not_Found** · 2007/06/30(土) 13:13:58

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

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

**341** · 2007/06/30(土) 14:38:58

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

**Name_Not_Found** · 2007/06/30(土) 14:40:23

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

**Name_Not_Found** · 2007/06/30(土) 18:12:14

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

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

**Name_Not_Found** · 2007/07/01(日) 10:17:34

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

これ以外無いんですか？

**Name_Not_Found** · 2007/07/01(日) 11:37:47

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

**Name_Not_Found** · 2007/07/03(火) 06:56:22

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

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

**Name_Not_Found** · 2007/07/03(火) 23:43:27

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

**Name_Not_Found** · 2007/07/12(木) 16:13:09

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

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

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

**Name_Not_Found** · 2007/07/12(木) 17:27:42

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

**Name_Not_Found** · 2007/07/13(金) 17:26:33

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

**Name_Not_Found** · 2007/07/16(月) 13:13:19

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

**Name_Not_Found** · 2007/07/17(火) 00:09:36

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

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

**Name_Not_Found** · 2007/07/17(火) 07:06:50

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

**Name_Not_Found** · 2007/07/17(火) 12:35:54

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

**Name_Not_Found** · 2007/07/18(水) 16:31:13

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

**Name_Not_Found** · 2007/07/18(水) 19:33:14

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

**Name_Not_Found** · 2007/07/18(水) 21:00:09

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

**Name_Not_Found** · 2007/07/19(木) 05:22:30

どちらにしても違法

**Name_Not_Found** · 2007/07/19(木) 06:59:03

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

**Name_Not_Found** · 2007/07/19(木) 08:38:52

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

**Name_Not_Found** · 2007/07/19(木) 14:25:37

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

**Name_Not_Found** · 2007/07/19(木) 14:52:56

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

**Name_Not_Found** · 2007/09/17(月) 21:14:54

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

**Name_Not_Found** · 2007/09/18(火) 03:52:37

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

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

**Name_Not_Found** · 2007/09/20(木) 02:45:46

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

**Name_Not_Found** · 2007/09/21(金) 07:29:59

>>368

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

**Name_Not_Found** · 2007/09/21(金) 17:56:27

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

**Name_Not_Found** · 2007/09/25(火) 22:53:40

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

**Name_Not_Found** · 2007/09/27(木) 09:59:25

>>336

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

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

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

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

**Name_Not_Found** · 2007/10/27(土) 03:04:08

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

**Name_Not_Found** · 2007/11/04(日) 22:59:37

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

**Name_Not_Found** · 2007/11/04(日) 23:00:09

けど、じゃねーよ

**Name_Not_Found** · 2007/11/04(日) 23:07:39

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

**Name_Not_Found** · 2007/11/07(水) 14:31:53

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

**Name_Not_Found** · 2007/11/07(水) 21:37:23

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

**Name_Not_Found** · 2007/11/08(木) 10:24:07

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

**Name_Not_Found** · 2007/11/08(木) 15:09:10

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

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

**Name_Not_Found** · 2007/11/08(木) 15:11:29

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

**Name_Not_Found** · 2007/11/09(金) 10:58:26

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

**Name_Not_Found** · 2007/11/09(金) 17:13:45

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

**Name_Not_Found** · 2007/11/09(金) 17:31:05

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

**Name_Not_Found** · 2007/11/09(金) 18:40:32

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

**Name_Not_Found** · 2007/11/09(金) 18:52:42

>>385

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

**Name_Not_Found** · 2007/11/10(土) 14:06:10

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

**Name_Not_Found** · 2007/11/10(土) 14:10:04

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

**Name_Not_Found** · 2007/11/10(土) 14:14:42

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

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

**Name_Not_Found** · 2007/11/10(土) 16:21:17

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

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

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

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

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

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

**平岡一族** ◆lQvwmSuS2w · 2007/11/11(日) 18:15:54

あーあ

**Name_Not_Found** · 2007/11/11(日) 19:02:15

>>385

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

**Name_Not_Found** · 2007/11/11(日) 19:24:45

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

**Name_Not_Found** · 2007/11/11(日) 23:05:32

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

**Name_Not_Found** · 2007/11/11(日) 23:13:08

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

**Name_Not_Found** · 2007/11/11(日) 23:57:28

ゆるしてあげます

**Name_Not_Found** · 2007/11/12(月) 04:06:48

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

**Name_Not_Found** · 2007/11/13(火) 12:45:36

>397

!--問い合わせバナー▼-->
 　　　　　▼▼▼

**Name_Not_Found** · 2007/11/16(金) 09:57:52

http://web-selection.com/

**Name_Not_Found** · 2007/11/16(金) 16:05:55

これは好きかも

**Name_Not_Found** · 2007/11/16(金) 22:42:39

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

**Name_Not_Found** · 2007/11/17(土) 07:25:29

>>399
結構いいな。

**Name_Not_Found** · 2007/11/21(水) 11:16:13

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

**Name_Not_Found** · 2007/11/21(水) 11:59:19

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

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

**Name_Not_Found** · 2007/11/21(水) 22:35:06

ガチムチでゴメン

**Name_Not_Found** · 2007/11/22(木) 00:12:26

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

**Name_Not_Found** · 2007/11/23(金) 12:52:17

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

**Name_Not_Found** · 2007/11/23(金) 22:10:30

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

**シベリアよりのお手紙** · 2007/12/13(木) 23:57:04

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

**Name_Not_Found** · 2007/12/14(金) 00:29:16

**Name_Not_Found** · 2007/12/14(金) 07:46:25

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

**Name_Not_Found** · 2007/12/14(金) 13:11:35

>>410
おいw

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

**Name_Not_Found** · 2007/12/14(金) 15:51:54

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

**Name_Not_Found** · 2007/12/14(金) 17:07:15

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