2ちゃんねる スマホ用 ■掲示板に戻る■ 全部 1- 最新50    

■ このスレッドは過去ログ倉庫に格納されています

StrictなHTMLをCSSでデザインするスレ

1 :Name_Not_Found:2005/07/22(金) 12:49:50 ID:???.net
だれかが、正しいHTML文書を投下します。
で、その文書を、誰かがCSSでデザインするスレです。

一般的に、W3C信者どもは、デザイン力が幼稚園児並です。
一方、クールなデザインが出来る人は、「正しくマークアップする」ということに力点を
おいておられないようです。

前者がデザイン力を身に付けるのは、二億年ぐらいかかりますが、
後者が正しい文法を習得するには、二週間もあれば十分です。

このスレを通じて、両者が融合できたら、けっこういいもんが作れると思うのですが。

今後の予定として、
>2さんが、アップローダーを紹介してくれるそうです。

>3さんが、手始めに、正しい文書を揚げてくれるそうです。

では。

43 :Name_Not_Found:2005/07/28(木) 19:59:08 ID:???.net
結局40=1なの?
ただのクッキー食い残し?

44 :37:2005/07/28(木) 21:52:53 ID:???.net
勉強させて貰ったんだけどSTRICTって
TARGET=”_BLANK” が使えないのね・・・。
デザインとはスレ違いかもしれずが、ちょとキニナッタ(゜ω゜)

45 :Name_Not_Found:2005/07/30(土) 20:19:41 ID:???.net
DIV厨<<<<<<<TABLE厨

46 :1:2005/07/31(日) 19:45:57 ID:???.net
ご無沙汰様でございます。

>43
いや、俺じゃないよ。まじで。でもすっきりするぐらい俺の気持ちと一緒だな。


さて、ちょっと自己反省。
うpロダぐらい自分で用意すべきだったかと。
まあしかし、ちょっと事情があって、今の俺の環境ではうpロダは用意できねーな。

>44
ああそう。使えません。
テキストブラウザなんかで、新しいウィンド開かされたらたまったもんじゃないからね。

といいつつさ、↑ 書いて自分も、自分自身が規定する、「やりきれないW3C信者」のような
事を言ってる事に気づいた。

俺がW3C信者嫌いな理由の一つは、「ストリクトな文書」を書く目的の一つに「ユーザビリティー」を
あげる事なんだよな。 >43氏の言うように、「ユーザビリティー」ってのは、結果論でしかないわけで。


ところで、>44氏、
CSS ZENの、
http://www.mezzoblue.com/zengarden/alldesigns/specialeffects/
あたり、見てみました?
どれもこれもすごいですよ。

47 :Name_Not_Found:2005/08/03(水) 23:04:18 ID:???.net
TARGET=”_BLANK”はむかつくので下手に使う人が出ないよう廃止でけっこう

といってみるテスト

48 :Name_Not_Found:2005/08/07(日) 03:32:39 ID:USJEdJ5h.net
リンクの色を変えたりしたい場合、a要素をspanで囲ってそこにclassとかidを割り当てるってのはありですか?
どっちもインライン要素だからaとspan、どっちが親になってもまずいことはないんですよね?

49 :Name_Not_Found:2005/08/07(日) 04:55:18 ID:???.net
a要素にclassやidを割り振れよ

50 :Name_Not_Found:2005/08/07(日) 05:12:59 ID:USJEdJ5h.net
>>49
それが、ブラウザによってうまくいかなかったりするんですよ。

51 :Name_Not_Found:2005/08/07(日) 06:36:27 ID:???.net
>50
たいがいのモダンブラウザなちゃんといくと思うんだが。。。。

ver4世代のブラウザならだめなんか?
もしそうなら、CSSの@import なりで読み込むCSS切り替えてやればよろし。

ってか、このスレでそういう質問するってことは、>9 とかを
デザインしてくれるわけだな。

52 :Name_Not_Found:2005/08/08(月) 07:27:00 ID:???.net
>>47
ただ外ブリンクを中から直に貼りまくるようにしていいか
というとちょっと微妙
礼儀として

53 :Name_Not_Found:2005/08/08(月) 10:05:55 ID:???.net
訳わからん

54 :Name_Not_Found:2005/08/08(月) 12:14:00 ID:???.net
外ブリンク→外部リンクね。

趣味で作ってるうちはまあいいかもしれないけど。

55 :Name_Not_Found:2005/08/08(月) 12:34:52 ID:???.net
直以外にどんな貼り方があるんだろう…。
リンクされたくなければローカルで遊んでろと。

56 :Name_Not_Found:2005/08/08(月) 16:16:34 ID:???.net
>>55
TARGET=”_BLANK”のことだろ。話の流れ嫁。
自分とこのコンテンツ以外にリンク貼るときは
BLANKで貼るのが暗黙のルールっつかマナー。
ナビゲーションとしてユーザビリティ上も問題あり。

57 :Name_Not_Found:2005/08/08(月) 17:53:56 ID:???.net
>>56
何言ってるかわかんねぇだ

58 :Name_Not_Found:2005/08/08(月) 18:04:14 ID:???.net
嘘言っちゃいかんよ
閲覧者は自分で新窓か同窓か選ぶ権利がある。
target="_blank"なんて使ったら確かにうっかり同窓で開くことはなくなるが
常に新窓なんてうざいことこの上ないぞ。

59 :Name_Not_Found:2005/08/08(月) 20:39:55 ID:???.net
>>56
外部のサイトなのに自分とこのフレーム内で開いちゃうのは問題だろうけど、
同じ窓で開く分には別に問題ないとオモ。
外部リンクということだけ明記するなりなんなりでしっかり伝えれば、
閲覧者が必要に応じて自分で新窓で開くっつの。
強制新窓うざい。

60 :Name_Not_Found:2005/08/08(月) 23:53:01 ID:???.net
まあそれが通じる仲間うちでならいいんじゃないの。

なにがうざいかはユーザーによっても違うしローカルルール
みたいなもんだからあえて別に個人的な部分には言わない。
スタンダードスタンダード言ってても
ほんとの意味でこの先スタンダードになってくかはわからない。
数ももの言うもんだし、信者の布教の仕方次第ってのもある。

61 :Name_Not_Found:2005/08/10(水) 13:06:33 ID:???.net
>>60
仕組みを作りだした人の考え方は?w

62 :Name_Not_Found:2005/08/10(水) 20:37:11 ID:???.net
初心者は別窓を好むかもしれんが
中級者以上は確実に同窓を好むと思う
まあ世の中には初心者が多いのかもしれん

63 :Name_Not_Found:2005/08/10(水) 22:42:14 ID:???.net
動naviが別窓で開いたら使いにくい

64 :Name_Not_Found:2005/08/10(水) 23:09:37 ID:???.net
そもそもフレームはStrictで出来たっけ。
フレームじゃないページは普通にリンクしても構わんと思うし。

65 :Name_Not_Found:2005/08/12(金) 16:20:35 ID:???.net
ぬるぽ

と言ってみるテスト

66 :Name_Not_Found:2005/08/12(金) 23:17:34 ID:???.net


やめた

67 :Name_Not_Found:2005/08/13(土) 08:47:16 ID:???.net
<div id=gatt>nurupo</div>

68 :Name_Not_Found:2006/01/05(木) 10:20:57 ID:L8YTyQ1x.net
age

69 :Name_Not_Found:2006/01/06(金) 11:59:05 ID:Zuo9xXEk.net
それ以前にHTMLというもの事態がどうしようもなく汚いんだから。
その中で細かいことをうだうだ言っててもって気にもなるけど。

HTMLなんてだれでも気楽に作れて
なんでも取り込める生の文書にちょっと
意味不明のデザイン面重視のタグがついてるだけだもん。
大量の未整理の文書が山積している資料室みたいなもんだ。
そこに毎日みんなが新しい資料を放り込んでるわけだし。
取りあえず検索サイトががんばってくれてるけどさ。

ユーザービリティよりも質の高い情報を
表示されやすくなるようなそんな見地に立てば
汚いHTMLと綺麗なHTMLなんて同じに見えちゃわない?
相当汚いHTMLもデザインだけならIEやネスケの努力で吸収されてるんだし。

普通の文章の最高に高い表現力とそれをうまく分類できる規格。
そういうほうが大事なんじゃなかろうかと思ったりするんだけど。

70 :Name_Not_Found:2006/01/06(金) 12:44:45 ID:???.net
>>69
>意味不明のデザイン面重視のタグがついてるだけだもん。
おまえがそういう汚いHTMLを書いてるだけだろ。

71 :Name_Not_Found:2006/01/06(金) 13:35:52 ID:???.net
すいません、デザイン勉強したいものなんですがstrictって
どういう意味なのでしょうか??
調べてもいまいちわからなかったもので・・。

72 :Name_Not_Found:2006/01/06(金) 13:57:42 ID:???.net
>>71
strict ━━ a. 厳しい; 厳密な; 絶対的な
Web制作板で言うStrictとは、
HTML4.01Strict(http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html)や
XHTML1.0Strict(http://www.doraneko.org/webauth/xhtml10/20000126/Overview.html
のこと。まあこれだけじゃなくてXHTML1.1やISO-HTMLなんかもあるけど。

73 :Name_Not_Found:2006/01/06(金) 14:26:28 ID:???.net
良く考えたら著作権の問題とかあって難しいなこのスレ

74 :71:2006/01/06(金) 15:11:20 ID:???.net
>>72
ありがとうございました。

75 :Name_Not_Found:2006/01/06(金) 16:15:08 ID:???.net
>>72に補足すると、この板では
「strictな精神」ってのがあって・・・と思ったらもう終わってた

76 :Name_Not_Found:2006/01/06(金) 18:25:04 ID:???.net
>>69
>相当汚いHTMLもデザインだけならIEやネスケの努力で吸収されてるんだし。

相当汚いHTMLを表示してしまうのは努力というより怠慢な気もするが

77 :Name_Not_Found:2006/02/03(金) 12:50:07 ID:???.net
<table class="unko"><td>氏ね<td>氏ね</table>


78 :Name_Not_Found:2006/08/06(日) 04:31:28 ID:ZFbNckEw.net
>>77
<tr class="おまえもな">

79 :Name_Not_Found:2006/08/06(日) 21:11:01 ID:???.net
時間差レスだの・・・

80 :Name_Not_Found:2006/08/11(金) 07:31:46 ID:zP/zMbZP.net
a[target="_blank"]:before{
content"(target=\"_blank\")";
color:#f00;
}

81 :Name_Not_Found:2006/08/25(金) 01:37:12 ID:???.net
>>1のデザインしてみたいんだけど、
全体のラッピングするdivがなかったりするんだよね。
ヘタレな俺にはちょっと難しいかもな。

82 :Name_Not_Found:2006/11/10(金) 14:09:51 ID:???.net
FxやKonqueror対象なら余裕だろ

デザインとかいってるやつ
お絵かきは紙でやれよな


83 :Name_Not_Found:2007/02/16(金) 12:53:55 ID:???.net
borderがブロックコンテンツの外側に引かれる為に、横幅が合わなくなる問題の解決法を教えていただけませんでしょうか。

<div id="body">
 <div id="alpha"></div>
 <div id="beta"></div>
 <div id="gamma"></div>
</div>

のような感じのときの話です。

(改行オーバーの為分けます)

84 :Name_Not_Found:2007/02/16(金) 12:54:32 ID:???.net
div#body {
 width: 960px;
}

div#alpha {
 border:1px solid #000000;
 width: 960px;
}

div#beta {
 border:1px solid #000000;
 width: 160px;
 float: left;
}

div#gamma {
 border:1px solid #000000;
 width: 800px;
 float: right;
}

とすると、border分のせいでbetaとgammaが隣になりません。
borderを外すと正しく表示されますが…これにさらにmarginを使ってブロック間の隙間を5pxずつ開けようとするともう調整困難になります。
border分も含めてブロックのサイズを指定する方法はないのでしょうか?

85 :Name_Not_Found:2008/06/04(水) 18:13:59 ID:cw7H+vPs.net


86 :Name_Not_Found:2008/06/24(火) 22:31:32 ID:???.net

けんか上等スレですね

87 :Name_Not_Found:2008/06/25(水) 11:39:39 ID:QBG4cLmb.net
ご意見を参考にRGBコードの数値を追加しました。
シンプルなカラーサンプル(いろいろSAMPLE)
http://watap.main.jp/iroirosample/

また意見等があればよろしくお願いします。

88 :Name_Not_Found:2008/07/23(水) 18:46:39 ID:???.net
age

89 :Name_Not_Found:2009/02/28(土) 15:48:11 ID:???.net
以下の行間定義(スペーサ)はどうすればいいでしょうか?

<IMG SRC="spacer.gif" HEIGHT="8" WIDTH="1" BORDER="0"><BR>


90 :Name_Not_Found:2009/03/05(木) 20:41:33 ID:???.net
font-size: 12px;
line-height: 16px;

91 :Name_Not_Found:2011/06/02(木) 18:32:45.64 ID:???.net
保守

92 :Name_Not_Found:2012/09/15(土) 10:57:40.74 ID:???.net
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね 
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね 
創価死ね 
創価死ね


総レス数 92
26 KB
掲示板に戻る 全部 前100 次100 最新50
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★