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

CSSでデザインしたサイトって少なくね？

確かに、ちゃんとHtmlとcssが分離されてるサイトって少ないね。

いや、実体としてのファイルはテーブルレイアウトばりばりのサイトでも
普通に分離してるし、htmlにCSSが含まれてても別に問題はないわけだし。

問題は「W3Cではhtmlでやるべきとされていること」と「W3Cでは
CSSでやるべきとされていること」が分離してないことかと。

そろそろ次スレか。テンプレはこのスレのでいいのか？

>>954
テーブルレイアウトでは第二段落の後者が達成されていないわけだが

>>956
テーブルレイアウトでも、字間調整の目的とかで
外部CSSを参照してるサイトは、企業系ならごく普通にありゃす。

なんか話が噛み合っていない人が混じっているような・・・

>>954
>htmlにCSSが含まれてても別に問題はない

W3Cでは非推奨とされています、つーか、仕様書読んだことないのに適当なことを言うな

推奨、非推奨に関わらず、インラインのcssに利点があんまりない。
確認用に使うくらいかな。

雑魚どもが・・・

共用と変更のしやすさから外部スタイルシートをrecommendします、
みたいな書き方は
http://www.w3.org/TR/REC-CSS2/intro.html#q1
にあるけど、内部スタイルシートが明示的に非推奨とはしらなんだ。
http://www.w3.org/TR/xhtml1/#guidelines
にも
>In HTML 4 and XHTML, the style element can be used to define document-internal style rules.
てあるよ。

内部スタイルシートとインラインスタイルの話が混ざってるカモ。

>>954
いやだから、そういうウェブサイトがあるかないか、の話をしているわけではなくて、
W3Cで推奨していることをテーブルレイアウトのウェブサイトが達成しているわけではない、
（つまり分離されていないということ）ということを書いたわけだが。

cssで綺麗なサイトを作ろうと努力しても線ばかりになる．．．まとめwikiのサイトはOperaで見ると反映されて無い奴もあるし．．．

>>965
それはついつい多用してしまう病気。
border厨。
グラフィック技術は多少必要ではないだろうか。

CSSは外部参照にすると再利用性が高まったりメンテしやすかったりでお得ですよ〜

>>965
おそらくだけど、とりあえずCSSを書とこから始めてない？
まずは画像加工ソフトなりなんなりで全体のラフを作るようにしてみてはどうだろ

CSSから書き始めたいのであれば
ウザイほどborderバリバリスタイルとか
一切border使わないスタイルとか
装飾は出来る限り画像でスタイルとか
出来はともかく色々作ってみればいいんじゃない
自ら自分に課題を出しつつやると「ここはいつもならこうするんだけど・・」みたいな壁にぶつかるはず
そこが踏ん張りどころ

それで思い出したのだが、CSS禅ガーデンのある作品が納得できない。
文字をdisplay:noneで非表示にして「文字とレイアウトと一緒にした画像」を
backgroundで表示してる。

CSSの持っている力を考えると惜しい使われ方だ。

画像のキレイにアンチエイリアスのかかったフォントがほしかったんだろ。
別に珍しいことじゃない。

>>969
それって普通の画像置換テクニックでしょ？
display:none使ってるんだったらFahrner Image Replacementか。
http://www.mezzoblue.com/tests/revised-image-replacement/

FIRはスクリーンリーダ通らないから結構問題あるんで
その後色々改善案が提案されてるけど、「デザインオリエンテッドなサイトで
しかもCSSオフの時にテキストがちゃんと見られるように」という要件が
ある場合は、IRは充分選択肢になりえるテクニックだと思うけどな。

事あるごとにスレのテンプレや仕様書持ち出す椰子うざすぎる
死ね

勝手な解釈しようとしてる香具師が多いからでしょう

971はこの頃CSS質問スレや初心者スレやCSS Tipsスレでインテリぶってる例の香具師だ

>>968を読んだ。レベルが上がった気がした。

>>974
インテリぶっちゃいねーだよ。ってか、ただの情報。
知識でも知恵でもない。

テクニックを類型化して共有しとけば、
各人がそれの利用に賛成するにせよ反対するにせよ、
コミュニケーションの時には便利だと思うけどどうよ。
「ボックスモデルハック」にしても「画像置換」に
しても「Faux Column（偽コラム）」にしても。

偽コラムって何？

>>977
floatで左右2段組して、右と左で背景を変えたい場合、
ただ各コンテナにbackground-imgを指定しただけだと
内包する要素の縦幅が短いほうは下までキッチリ伸びてくれない。
この問題を解決するために、両方をくるむ親divに
右と左のpx分で色を切り替えた背景画像を指定する方法。
http://www.alistapart.com/articles/fauxcolumns/

ちょっと凝った方法になるけど、一応リキッドにも使える。
http://www.communitymx.com/content/article.cfm?cid=AFC58

>>978
977じゃないけど、Backgroudって、こういう風に置くと左右に補完するんだ。ふぅーん。

こんなところで講釈垂れようとし始めるあたりがもうね・・・

>978
faux column"s"って書くのが正解だと思う

>980
情報出す奴、問いに答える奴にはそれなりの存在価値がある
他人に噛みつくだけしか能がない人間より役に立つよ
それが嫌なら自分でイケてるCSSデザイン出して話の流れを変えてくれ

>>976
マジで本人だったのか( ﾟдﾟ)ﾎﾟｶｰﾝ
これでまさか139だなんてオチはないよな？

>>982
違うよん。何でそう思ったの？　lint論争なんか全然興味ない。
今読み直してみても、>>139も>>141もどっちもどっちだと思った。

>>983
いや、ここの139ではないんだが、分からないならいい。
つーかTipsスレならかまわないが、ここや質問スレでスレ違いの話題を続けるのはヤメレ、
話題がないなら過疎らせときゃいい。

ここで唐突に>>139の名前が出てくるってことは
>>982はあの喧嘩の一方の当事者で、「批判できる部分は
批判しつくせ」の人なの？


正直、2ヵ月も前のレスに拘泥してるのって凄いよ

別にここでもいいんでない？
どうせこのスレ見る人は参考にしたいとか思ってるだろうから、
面白い手法を知れるのはそれ程目的から大きく外れた事ではないだろうし。

>>985
つ[書き込む前にリロードの勧め]

>>984じゃないが139は別スレの139だな。

基礎的な技術語彙がシェアされてないから
同じ話題がループしたり一言で言えることが長引いたりするっつーのは
確かにあると思う。

CSS用の日本語wikiかなんかに代表的なやつがまとまってたらいいのにな。
このスレでも話題になってるページの要素を分解して論評しやすくなるし。

そのためにtipsスレがあるんでネーノ？
正直ここでやる必要はないと思われ。

話題がきっかけに出てくるものだから､無理に禁止する必要もないと思うよ
面白い話題が出たら移動してもいい訳だし。

今回は流れ的にはアリなんじゃないの
「文字をdisplay:noneで隠して背景画像を重ねてるのが難」→「それは普通の画像置換、利点もあり」
「偽コラムって何？」→「背景画像使ってコラムの色分けすること」
って展開なんだし、別にここで一人で講釈おっぱじめようとしたわけじゃなかろ

>>989
いつの間にかtipsスレが活性化してたんだな、知らなかった

それよりおまいら次スレですよ。
俺は立てられんかった。

利点→偽コラムが全然繋がってない件。

!!>>6 >>6 >>6
>>6 >>6 >>6
!!

一ヶ月前までは末期的糞スレだったのになTipsスレ

輪廻転生

コラムってなに

カラム

ごめw
携帯からなんでsageと変換するつもりが最近になっちゃったよ

理解した

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。