CSSでイケてるデザインサイト 26

>>720
http://www.remus.dti.ne.jp/~a-satomi/

ｷﾀ━(ﾟ∀ﾟ)━!!

>>788
おーなんか振り出しに戻るみたいな感じだな。
どこどこ以上みたいな話になると結局ココしかないんだな。
しかし何度見ても吐き気をもよおすキモイサイトだ。
これ本気でいいって言ってる奴絶対彼女いないだろ？

ネタ扱いするとまた面倒なことに…

>>791
そうだな、ここはスルー決め込んだほうが正しい。

http://www.napdays.com/
気を取り直してここなんていかがでしょうか？

をいをい冗談はよしたまえ

>>793
日付のところが凝っていて好きだな
カッコイイと思います

スルーしますｗ

margin使ってホワイトスペースを上手く作り出してる
イケてるサイトってありませんか？

>>793が>>720に紛れ込んでいても違和感ないけど？
>>788はレベル云々はともかく違和感はある。

またアンチ主流派か。うんざり。

>>793
日付のところどういう仕組みになってんだ?
すげーなこれ

だから結局日本語は難しいってことに行き着く感じがするな。
日本でも気取ってる香具師はアルファベット使いじゃん。
誰か漢字サイトのすごいところ紹介してくれ。

駄目なオタクはどんだけ月日が流れても
http://www.remus.dti.ne.jp/~a-satomi/サイコーって言ってるんだろうな。ww

>>799
http://www.jtf-jp.com/の中に解説がある。

>>797
どっちも違和感あるな。
お前のサイトが紛れ込んだらもっと違和感あるだろうが。wwwwwww

>>801
ここのキャラには萌えることが出来ないけど、デザイン的にはまとまってていいと思う。

なんであれ、元祖であることは間違いない。

まぁ、自分の中での元祖は↓だけど。
http://sawa.vis.ne.jp/tmn/

>>802はちょっとゴチャゴチャしすぎだな。

>>804
萌えるって時点で社会不適応者。

>>806
そっか・・・。

>>805
あ、俺も思った。正直>>793のが上

>802
どこ？

お、もうすぐで９月か…

９月になりますた、よかった。

>>811
おー。ぴったりゼロオンリーだ。おめでと。

9月ｵﾒ！

>812 ｻﾝｸｽ

>>809

http://www.jtf-jp.com/index.php?c=articles&view=detail&id=9
これくらい自分で探せ。

「アレ」はスルー推奨で。また粘着されてはたまらん。

「アレ」ってか争いの種が両者とも晒されているのには意図的なものを感じるな。

華麗にスルー

同一人物が全部仕組んでるんじゃない？
面白がって

ここは人が多いな。
じゃあ俺のサイトのトップページに何を置けばいいか教えてくれ。

イケてるサイトって文字が小さい場合が多いけど、読解に支障は感じないの？みんな。

差し支えなければ、自分の標準閲覧解像度教えて。

デザイン良くても読みにくいサイトはたくさんあるよ

９月になった事を記念に、私の知ってるサイトを紹介します。
ただ、HTML-Lintでは点数低めでした。残念。

http://www.joshuaink.com/

ここも良いと思います。点数も良かったです。
http://www.jor-on.com/

>>823
既出だよ、嬢ちゃん

>825
あらま、スマソ。>824は既出してないハズ…

見事にウェスタン、素晴らしい。

>>788-789
ﾜﾗﾀ

あらら…
中高生しかいなかったことが顕著に出たな。

違うだろ、むしろこのスレって宣伝スレだったよな。

>>822
それはこのスレ的にはデザインが良いサイト、とは言わない。

そりゃそだね

(´･ω･｀)ﾇｯ殺すぞ

スレ違いかもしれないけど
GoLiveのテーブルレイアウトをCSSレイアウトに変換するのって
使えるんでしょうか？

スレ違いです。

私もそう思いました。

実は僕もそう思っちゃいました。

俺もそう思うことにします

i think so.

本当は僕も思っていました。

----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------

http://dragon.jp/

なんやかんや言うても、CSSレイアウトの参考になるべ。

CSS zen gardenの方が良い

ウーム素晴らしい
センスあるところと比べると見劣るするように感じるが
情報の多さの割りにかなりわかりやすいし
みんなの大好きな画像表示ＯＦＦでも問題無い
ここはかなり良質でないかい！？

>>842
配色の部分にCSSを効率良く使う工夫があるね。

>>842
豆字固定やん

>>846
IEなんて使うな。Firefoxなら文字固定など関係ナッシング

>_< ←この顔文字作った奴エロイ

糞デザインの宣伝レスはやめてくれ。
マジでうざいから>>842=844

>>842
きわめて普通の企業サイトだな

>>820
カウンタとキリ番ゲッターとえろい絵

>>851
えろい絵は重要だね。印象に残る。

>>842
情報量の割にすっきりまとまっていていいね。

だれか私に着エロください。

http://sakadon.net

なんかデットリンクあったりして内容はどうかとおもうけど
CSSには関心した

>>855
border房

ＣＳＳとしても別にすごいことしてない気がするし、
なんつーかきもい。
典型的な信者が行き着く先のデザインみたいな…

>>855
ここまでイケてなくすることの方が困難。

>>855
キライじゃないけど、でもボーダーしつこいね、よくよく見てると。ボーダー自体の色をもっと薄くすればまぁいいかも。

もっとも主流派、アンチを問わず
スレ住人の平均的なレベルより少し上くらいが>>855なんだろうな

ネコメシに続いて不思議教祖が出現したようです

http://www.htmq.com/color/index.shtml
のようなWEBカラーリファレンスがのってて
便利なサイトってありませんか？

>>862
http://www.htmq.com/color/index.shtml
ここオススメ

>>861
ﾜﾗﾀ

しかし、一度教祖扱いされたものってのはアンチのほうが痛くなる気がする。
ちょっとかばっただけですぐ信者扱いだし。叩かないやつはみんな信者みたいな空気だもんな。

強い勢力についていくのが社会の渡り方

>>863
JavaScriptとかで背景や文字の色を
変えたりして色の決定ができるハイテクなサイト
みたいのはありませんか？

初心者すれだったかで紹介されてた奴

WEB COLOR 216
ttp://noz.day-break.net/webcolor/
の「Web Color 色彩分類 - 彩度明度詳細図」あたりがガチャガチャ動くぞ

CSSでイケそうなデザインサイト

>>868
こういうやつです
ありがとうございました

http://standardimage.jp/
これのタイトル文字ってどういう仕掛けなの？js?

>>871
どうせアンカーにbackground-imageなんじゃねーの？と思って画像切ってみたら
すごいことになりおった！真っ白（笑）

>>871
:hover { background-image: url() } とか？

ここ綺麗だけど、画像切ったら本当に真っ白ｗ

>>871
画像消しても背景だけ消えて他残るのは俺だけ？
IE6

>>874
うん君だけ

真っ白になって戻せなくなったw
当方mac OS 10.2.8 Fire Fox
Help Me!!!!

>>871
これIE対応してないのか、ある意味すげー

>>865
はいはい、わかったわかったw

メニューとかを背景画像で作ってて画像オフにしてもちゃんと使えるようにするにはどうすればいいの?

>>879
たぶん、それがわかんないから、みんな叩くだけで終わってるんだよ。

背景色も指定しときゃ問題ない

>>881

はいはいわろすわろす

>>880
意味不明な言い回しだな

>>882-883
横からすまんがbackground-colors指定しておけば
画像OFFにしても使えると考えてたんだけど間違ってるの？
それとも俺が>>879の意味を取り違えてる？

>>885
文字が表示されてなきゃメニューとして意味ないじゃん？
背景画像としてメニューが表示されている以上、HTMLに文字は埋め込んでないわけだし、
俺も考えてみたけど、解決方法は無さげ。

ああ、メニューの装飾を背景画像でじゃなくてメニューを全て背景画像で済ませた場合か
解決方法は思いつかないけど完全に画像のみはした事も予定もないから別にいいや・・・

というか製作者の範疇を超えてるから、ただ画像を切る奴はCSSも切っとけって話。

画像だけ切るのもCSSだけ切るのも閲覧者の自由。
それに対応するもしないも管理者の自由。

>>888-889
まあ構造的欠陥だけどな

画像にしたきゃ、はじめからimg使えばいいだけ。
なんで、わざわざ背景にする必要があるんだよ。

>>891
論点が違う

>>892
そうなん？
どんな論点なの？
読んだ感じじゃおかしくなさげだけど。

つーか>>891が答えだろ。
背景画像はあくまでも壁紙的なものであって、
それがなくてもきちんと情報が伝わらなければならない。
ならそれがないと意味をなさない画像はimg要素でってことになる。

そのことはここにうまくまとめられている。
http://www.marguerite-site.com/Nihongo/HowToMakeYourWeb/Columns/ViewableWithoutImage.html#Off-left

>>888
で、またWinのIEは画像をオフにはできるがCSSをオフにはできないという話になると…

画像非表示での話だろ？CSS非表示なら方法あるだろ

>>896
で、またWinのIEでCSSをオフにするのは別途ツールを使う必要があり、
そんなことを知ってる人は少ないから画像オフ、CSSオンなんて環境は意外とありえるという話になると…

＞CSS非表示
＞CSS非表示
＞CSS非表示

>>1に

＞・デザインは設計と訳されるべき、スタイル、ユーザビリティーを含んだ
＞　包括的な意味を持つ単語です。
＞・「使い勝手は最高、見た目最悪」も「見た目最高、使い勝手最悪」も
＞　良いデザインとはいえません。

と書いてあるしね
>>890のいうように構造的欠陥があるようじゃ良いデザインとは言えないよ

完全に透明な透過gifの札を作ってaltを指定したものをリストで並べておくとか。

画像メニューは禁止。
文字サイズ変えられないからユーザビリティ的に駄目。
豆字固定と大差ない。

このスレ的には、画像メニュー使ってるサイトはイケてないサイト
でFA？

>>901
すごい論点だな
てか「豆時固定と大差ない」って言いたかっただけか

>>901
テキスト馬鹿(w

>>902
HTML（コンテンツ）とCSS（プレゼンテーション）の分離はこのスレの前提ですからFAでしょう

画像メニューっていうか「背景画像でメニューを表示している」ね。
img使うのは厳密に言えば間違ったことではない。

画像メニューは絶対駄目でFA。
弱視の方への配慮を！

読み込みに時間かかるからな。背景にしろと。
でも、このスレはそんな事対象にしないんじゃないの？

お前らDIV入れ子はいくつまで許せますか

>>909
いくつまでって言うか必要最低限の数。

必要最低ってよくわからんのだけど
2カラム作る場合全体で1、左右で2だと最低？多い？

>>909
入れ子の数の問題じゃ無いような気がする。
＃＃ソース見る時に見苦しいかもしれないけど…

例えば…
<ul>
<li>あああ</li>
<li>かかか</li>
</ul>
を、
<div id="ul">
<div class="li">あああ</div>
<div class="li">かかか<div>
</div>

ってやると、許せない(わけでもないけど｡｡｡)

スレ違いだけど、モナーがのまねこに乗っ取られたって本当？

>>911
だから必要な分だけ

>>913
環境によっちゃ崩れるけどDIV無い(少ない)方がいいのか
ガッチリDIV三つで固めた方がいいのか

>>912
ニュー速とかで祭やってるよ、ビジネスnews+にひろゆき降臨中

>>914
俺はおおまかにブロック分けしてるよ。
・全体→#container
・タイトル→#header
・本文→#content
・ナビゲーション→#nav
・文書情報→#footer

これって普通なのかな？

>>915
ありがとん｡｡｡

http://adp.daa.jp/
divが無い

>>917
dl房かよ…

warota

どんなサイトがCSSでイケてるサイトだと思う？

面白いレイアウトをCSSでこなしているサイト、かな？

って言うか日本人には無理

そんなアホなｗ

ソースのところどころにある
<!--
<rdf:RDF xmlns:rdf="http://www...................
って何?

>>916
おれもそんな感じだけど、文章の構造化に本当にそれらが必要かといわれると答えはNoだと思う。
結局、CSSのためのタグと化してると思わない？

まぁ、他に解決方法もないわけなんだけど、

※ id、classも同じく。

文書構造的に必要であれば、それ相応の意味のあるマークアップ(があれば)するし、
div, span要素、id, class属性の割り当てはデザインの構造化と割り切ってる。
必要最低限数で済むように努力はするけど。
(classに関しては保守性の優先度を高めに設計するけど)

>>925
> 結局、CSSのためのタグと化してると思わない？

激しく同意。

>>927
激しく尿意。

>>926
そうだね、割り切れば苦悩から開放されるのかもしれないな・・・。

関係ないかもしれないけど、IE7のCSS対応にはどれくらい期待してます？
なんかベータ版はダメダメだったとかどっかのblogにあったんだけど。

そんな厳密にマークアップしたいなら
HTMLじゃない言語使ったほうがいいと思うぞ

>>930
IEは今の所、一人勝ち状態だからバグの対応は遅いと思うよ。
そんな事だから、ずーと放置されてたもんね。(開発が)

だからFirefoxを配布するしかないな。
ところで、今時の小・中学校はWindowsの学習がメインらしいね。
やれやれ…

>>930
IEBlogを追うとか。 ttps://blogs.msdn.com/ie/default.aspx

ttp://www.lucky-bag.com/archives/2005/07/ie7_beta_fix.html によれば
実装する気は満々らしいけど、ぶっちゃけバグだらけになると思ってる。

今はCSSは子セレクタで IE と他のブラウザを分けてるど、
中途半端にセレクタは実装とかされたらかなわんね。

MS-IE7はタブを実装するとセキュリティ上の脆弱性を埋めるので精一杯、ってとこだと思う。

>>934
開発陣営ってそんなにショボイのか・・・orz

今更気づくなよｗ

半ばジョーク？でIE7開発してる人いたじゃん。CSSとかPNG対応させてた。
あれをいくらかで買い取っちまえばいいのに、と思うのはやっぱり浅はかか。

1から再設計するわけでもないだろうし

肥大化してバグが多数存在するコードに手を入れて、
セキュリティの脆弱性を埋めてタブ化し、さらにCSSへの対応を進めてー･･ってやるのはそれなりに大変なのだろう（←多分）

（最初からMS-IE7には期待してないから、早くFireFoxがもっと普及してくれないかなぁ･･。）

早くOperaがもっと復旧してくれないかなぁ・・

早くSafariがもっと復興してくれないかなぁ･･

早くNetScapeがもっと復讐してくれないかなぁ･･

>>940
それはない。

IE7で一気にcss対応されても
バグ技で回避している所なんかが
怪しくなるから困るかもしれん。

小出しにしてくれた方が楽かも。

>>942

＿＿＿＿＿＿＿＿.　 |　　・・・｢からけ｣？
|||　　　　　　　　　　｜　＼＿＿＿＿　＿＿
|||　　　　　　　　　　｜　 )＼ 　 　 　 ∨
||| 　 　空 　気.　　 ＜⌒ヽ　ヽ
|||　　　　　　　　　＼ （　´ー｀）　　　 ∧∧
|||＿＿＿＿＿＿___V(　 　丿Ｖ^ 　●Дﾟ,,)
|,,|　　　　　　　　　 |,,| ヽ　（ 　 　　　と　　,）
　　　　　　　　　　　　　 ﾉ　）　　　　　|　　|〜
　　　　　　　　　　　 ∧ 　 　 　 　　　.し`Ｊ,,.
￣￣￣￣￣￣￣￣　￣￣￣＼
　空気読めてないよ･･･

>>938-941
この流れﾜﾛｽｗｗ

px指定された文字サイズを変更できない糞仕様を直してくれたらそれでいいや。

そうなれば「豆字固定」と騒ぐことで優越感に浸っていた人種が
どういう反応するかが見物だな。

>>945
2000以前の環境に対する配慮云々

http://www.hello-world.jp/
シンプルで見やすいし、デザイン的にも優れている。

>>947
ブログの見出し「Firefox 1.5 Beta 1 (Deer Park)」が
Firefox 1.0.6で見るとずれている。
センスはいいよ。

↑　画面の幅を狭くしたときに、<h3>とそのあとの
Comments (1)：TrackBack (0)：Web Browser：Posted at 01:42 PM
が重なって、ダブってしまう。ブラウザの幅を拡げたらおっけ。

また斜線か

これまたダサい斜線の使い方ですね

随分内容の無いサイトの気がするが

>>947
コントラストが効いてるけど、読みにくさは感じない。シンプルでカッコイイってこうゆう事なのか。

いやｲｲと思う。豆文字じゃないし。

「画像OFFだと厨」登場
　↓

サイトロゴがデザインとよくあっているのに、
メニューとかもんのすごく野暮ったいね

NIKKI内の見出しやら左のメニューももっさい感じ

しかし白色の使い方はシンプルに大きく使ってていいね

おいおい久しぶりにこのスレ来たけどまだ議論厨がいるのかよ

画像OFFだと？画像OFFだと…何にも表示されねーな。

英字を使われているだけで、デザインがいいと勘違いしてしまうってことないか？

横文字ってやりやすいよな
日本語にした途端・・・

>>958
ttp://www.w3.org/
フォントの影響かな？
それでも、自分はW3Cのサイト(例えば)みても、「ああ、シンプル…」って思うぐらい・・・

オーストラリア人の友達は、日本・中国・台湾・韓国・タイのサイトはクールでカッコイイと言っている。
ただのテキストでも感動している。
だからたぶん、英語に慣れ親しんでいると、ごく普通にテキストとして認識できるのかもね。

俺は英字というだけで惑わされてしまうけどｗ　作るときも観るときもね

ttp://rose.clanretribution.net/

>>962
HTMLの時点で駄目。

>>962
> http://rose.clanretribution.net/ を XHTML1.0 Strict としてチェックしました。
> 16個のエラーがありました。このHTMLは 60点です。タグが 13種類 32組使われています。

> 4: line 53: <h5> が 34行目の <h1> に続いていますが好ましくありません。 → 解説 202

コイツは、hn要素を文字サイズを変更する目的で使ってるなw

>>964
少なくともこのスレではお前の主張してることは関係ないと思う。

色んなサイトが晒されてるけど結局日本人のサイトだとどこが１番好き？
ちなみに俺はやっぱhttp://www.jtf-jp.com/

>>966
もうこのスレで3回くらい出たからそこは控えとけ

>>965
そうか？
だってValidじゃないとあれじゃないの？

>>968
世界中のサイトではValidの方が少ないし、そういうのを指摘したいなら
専用のスレがあるんだし、少なくともこのスレでは細かくその辺を
突っ込む必要はないと思った。
CSSならまだしも。

>>969
>>1

>>1に書いてあったのか･･･。
見てなかった俺は厨房だな。
余計な感想書いて迷惑かけた。もう二度と口を挟まないよ。

そもそも>>1はどうでもいいと思ってるよ
validに拘ってデザインを否定する奴は
自分では何もつくれない雑魚だからね。

またループする罠。
validじゃないと、イケてるうちに入らないと思うよ。

> 自分では何もつくれない雑魚だからね。
何を言ってるんだい？何でも知ったような事言ってっけど、そんな事は無い。

日本のイケてるサイトが少ない以上
>>972の様な事を言われても仕方が無いと思う
もし作れる人が居るならここでもっと日本のサイトが紹介されてるはず

以下自作自演

ぬるぽ

>>976ガッ

>>966
http://pajatti.net/
俺はベタだけどここかな。

だからお前既存サイトばっか挙げんなよ

既出

なにこの流れ

話題のループですね。まぁつまりスレ人工が着実に増えていると。みんななんだかんだで関心があるんですよ。

とりあえず、否定したいときも良いところを見つけ出して評価したうえで、否定しよう。うん。

とりあえず>>1は遵守の方向で

次スレ　CSSでイケてるデザインサイト 27
http://pc8.2ch.net/test/read.cgi/hp/1126370726/

>>966>>978
しつこいし普段ならスルーするところだけど1000近いからハッキリさせとこうか。
http://www.remus.dti.ne.jp/~a-satomi/の方が正統派CSSサイトで技術も上。
これはもう確定ね。

>>985
同意。気があうな兄弟。
ところで兄弟、裏サイトへのパスきぼんぬ

>>984
乙。