0001Name_Not_Found
2016/03/29(火) 22:49:19.32ID:tgSQpgMbXHTML1.0+CSSってのはもうダメなの？
これからはじめようと思うんだけど
探検
HTML5+CSS3で作らんとアカンの？ [無断転載禁止]©2ch.net
XHTML1.0+CSSってのはもうダメなの？
これからはじめようと思うんだけど
0014Name_Not_Found
2016/04/08(金) 20:16:24.03ID:???0015Name_Not_Found
2016/04/09(土) 02:12:18.23ID:???0016Name_Not_Found
2016/04/09(土) 17:56:41.92ID:???サイドバーとか共通部分のようなところ
レイアウトによっては横とは限らないけどね
sectionもarticleもその名の通りといえばその名の通りだけど
sectionのほうが上位だと思い込んでる人はいるかもな
あくまでも文書構造をタグで表現するのが基本だから
sectionの括りなしにarticleつまり記事の繰り返しがでてくることもあるだろうし
sectionのみで構成されて記事という考え方を取らないこともあるわけで
上下関係があるわけじゃない
0017Name_Not_Found
2016/04/09(土) 18:37:30.30ID:???<div class="sideber_menu">
とかじゃだめなん？
0018Name_Not_Found
2016/04/09(土) 18:48:03.73ID:???<html>
<head></head>
<body>
<header>
サイトタイトル
<nav>グローバルメニュー</nav>
</header>
<div id="main">
メインコンテンツ
</div>
<div id="side_menu">
サイドメニュー
</div>
<footer>
フッター
</footer>
</body>
</html>
0019Name_Not_Found
2016/04/09(土) 19:26:28.39ID:???メインコンテンツとサイドメニューの区別がない
文書構造気にしてないなら全部 div で書けば？って感じはする
0020Name_Not_Found
2016/04/09(土) 20:02:52.04ID:???0021Name_Not_Found
2016/04/09(土) 21:35:19.49ID:???これおすすめ。
https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo
考えるよりもまず、どう解釈されるか、
そしてほかの（まともな）サイトがどうなっているかを見たほうが良い。
0022Name_Not_Found
2016/04/09(土) 22:31:04.88ID:???ありがとう！
0023Name_Not_Found
2016/04/18(月) 22:59:52.13ID:???0024Name_Not_Found
2016/04/19(火) 12:19:34.19ID:???0025Name_Not_Found
2016/04/19(火) 15:37:23.65ID:???<header>
ここはヘッダーセクションです
</header>
<nav>
<ul>
ここはナビゲーションセクションです。
<li>home</li>
<li>about</li>
</ul>
</nav>
<section>
<article>
ここはコンテンツ1
</article>
<article>
ここはコンテンツ2
</article>
</section>
.<aside>
ここは副次的セクションです
</aside>
<footer>
ここはフッターセクションです。
</footer>
0026Name_Not_Found
2016/04/19(火) 15:43:49.44ID:???navを左側、sectionを中央、asideを右側みたい3カラムにするにはこれはxhtmlと同じようにcssのclassかidを使ってレイアウトするの？
また、asideは必ず必要なの？aisdeの部分をsectionにしたらダメのなの？
<nav id=left_side>
</nav>
<section id=center>
</section>
<aside id=right_side>
</aside>
みたいな感じ？
0027Name_Not_Found
2016/04/19(火) 18:31:29.12ID:???css でやるのかならそうだけど
aside は必須ではない
aside は section よりもはっきりした目的を持っているので section にする必要性はない
あとは main なんかも考えてみるべきかもな
0028Name_Not_Found
2016/04/20(水) 00:46:08.54ID:???>xhtml と同じようにの意味がわからん
xhtmlの時は<div id="navi">みたいにして
cssで
width:xxx px;
float:right;
みたいにしてたから、HTML5でnavタグやsectionタグ右側、左側にレイアウトするときもcssでfloatするのかな？って意味。
>aside は必須ではない
そうなんだ。じゃあsectionは必須？無理やり作らないといけないの？
0029Name_Not_Found
2016/04/20(水) 01:27:37.21ID:???個人的には今なら flex 使うけどまあどっちにしてもカラムレイアウトは css での指定が前提
section も必須ではない
正直ここらへんは少しでも仕様読めばわかることだけどな
まあ必須繋がりで一応言っておくと section 自体は直下要素に見出し (基本的には h1) が必須
0030Name_Not_Found
2016/04/20(水) 01:47:06.88ID:???例えばh1タグなんかを書くとき、別にこれって自分的にはh1である必要はないし<p>でいいじゃん？って思ったりするんだよね。
ロボットの気持ち完全無視してしまう。
なんで無理矢理h1なの？とかなんで無理矢理section使うの？
これ<p>でボックス作っとけばいいじゃん。みたいに自分都合で構造を書いてしまう。
0031Name_Not_Found
2016/04/20(水) 02:07:41.31ID:???0032Name_Not_Found
2016/04/24(日) 12:21:13.98ID:???全部divにして他のところにリソース回したほうがよっぽどいい
そもそもロボットですらsectionとか使った方を優先してるのかって話ですよ
囲碁のトップレベルと対決して圧勝するレベルの人工知能を前に無意味だろう
0033Name_Not_Found
2016/04/24(日) 12:33:08.12ID:???ていうかそれを言いに来るのが君の有意義な時間の使い方なの？
0034Name_Not_Found
2016/04/24(日) 21:23:13.37ID:???どこでも使えるdivの方が面倒なはずねえだろ
0035Name_Not_Found
2016/04/24(日) 21:45:53.78ID:???そっちのほうがずっと回りくどいし面倒だと思うけど
まあ楽だと思うならdivで頑張ってくれたまえ
0036Name_Not_Found
2016/04/24(日) 22:55:02.31ID:???<!DOCTYPE html>←HTML5宣言だけしといて以下は。。
<heaed></head>
<body>
<div id="header">
ヘッダーエリア
</div>
<div id="gl_menu">
<ul>
<li>メニュー1</li>
<li>メニュー2</li>
</ul>
</div>
<div id="main">
メインコンテンツエリア
</div>
<div id="ad_area">
広告エリア
</div>
<div id="footer">
フッター
</div>
</body>
</html>
0037Name_Not_Found
2016/04/25(月) 07:19:40.65ID:???sectionなのかarticleなのか、はたまたdivにした方がいいのか1ミリ秒も悩まないの？
0038Name_Not_Found
2016/06/09(木) 22:45:56.43ID:YX+cREys003935
2016/06/11(土) 13:44:10.34ID:???一々悩まない
勝手に悩んでろハゲ
0040Name_Not_Found
2016/06/11(土) 15:58:49.17ID:???悩んでることをバラすな！
0041Name_Not_Found
2016/06/11(土) 17:43:56.34ID:MgUG4I8Fナイスセンス！
0042Name_Not_Found
2016/06/14(火) 00:19:04.45ID:???プロがタグのスタイル全部リセットしてCSSで定義しなおして使ってるの見て文句言ってるのとそんなに変わらない
0043Name_Not_Found
2016/06/25(土) 00:21:13.71ID:B9bu/Z23とりあえずネットに載ってるサンプルコードや書籍のサンプル見て適当に書いてるだけ。
0044Name_Not_Found
2016/06/26(日) 00:39:32.49ID:???Web制作が専業でないならいいと思うよ
俺はsass使ってるけどコンパイル後のソースは一応バリデータにかけて
警告でたとこを調べて書き換えてるけど
0045Name_Not_Found
2016/06/26(日) 04:40:22.00ID:???まず最初のCSS（CSS1）というのがあって、
CSS2でいろんな機能が増えた。CSS3でさらに増えた。という扱い。
CSS3になったらCSS2の書き方が使えなくなるんじゃなくて
CSS3までの機能（CSS2を含む）を使うかどうかって話になる。
だから今だと事実上、CSS2までの機能しか使わない場合と
CSS2とCSS3の混在で書くかの二通りしか無い。
そしてCSS3を使うかどうかっていうのは考える意味がない。
なぜならCSS3に対応したブラウザっていうのは、
CSS3の一部に対応しているという意味だから。
CSS3の全てに対応しているブラウザはまだ無いんじゃないかな？
だからCSSの特定の機能にどのブラウザに対応しているかを調べることが重要
そういうのは、例えばここを見ればわかる http://caniuse.com/#cats=CSS
長くやってる人は自然と最近使えるようになった機能＝CSS3だなってわかるけど
わかるってだけでプロでもCSS3かどうかで決めることなんて無いよ。
だからCSS2かCSS3かを把握する必要なんて無い。
気にしてるのは、それが動作保証してるブラウザで使えるかどうかだけ。
0046Name_Not_Found
2016/07/07(木) 18:03:57.74ID:???0047Name_Not_Found
2016/07/25(月) 10:04:59.20ID:Ci7OID+kどこでも配置モード最強
0048Name_Not_Found
2016/07/25(月) 17:12:09.22ID:???これからはpositionの時代だよたぶん
0049Name_Not_Found
2016/07/27(水) 21:27:19.14ID:o08cYcCV１つのスタイルに複数のセレクタを指定する場合って、
カンマ区切りだとおもってたけど、テキストのサンプルはスペース区切りになっていて、
最近スペース区切りでＯＫとかなったの？
st1 st2 {color: red} ←こんなのおＫになったの？
0050Name_Not_Found
2016/07/28(木) 10:40:48.98ID:???難しいことなんて全くないわ
0051Name_Not_Found
2016/07/28(木) 14:43:58.97ID:???CSSのセレクタ結合子は「 」「+」「>」「~」しか無いんだよ
ついでに書くと擬似要素は最後のセレクタにしか効かない
0052Name_Not_Found
2016/07/28(木) 17:38:34.54ID:???何か勘違いしているようだが
st1とst2 に同時に適用するときは
st1,st2 {color: red}
st1の階層下にあるst2に適用するときは
st1 st2 {color: red}
他にもセレクタ結合子はいくつかあるから試してみるといい
005349
2016/07/28(木) 17:58:49.16ID:dRdc9CDt助かりました。ありがとうございます。
0054Name_Not_Found
2016/07/28(木) 23:03:54.56ID:???0055Name_Not_Found
2016/07/31(日) 15:24:31.53ID:???俺はもうリキッドレイアウトで良いと思うが
何でそう思う？
0056Name_Not_Found
2016/07/31(日) 16:46:03.17ID:???リキッドで作ったやつを拡大してみるとさ、何とも
0057Name_Not_Found
2016/10/08(土) 02:56:49.60ID:???datalist要素内option要素のlabel-value-#textの優先順位が実装レベルで「間違って」いても誰も困らないからそれが当たり前になっていたりとかなw
もう00年代のbugzillaやwww-styleの堅くて高度な議論・承認システムじゃあなくて、すっかり底辺低学歴の現場に合わせた「りびんぐすたんだーど笑」なんだからさ、それが2なのか2.1なのか3なのかなんて、ま〜ったく意識する意味は無いんだろうね。
まぁ、極論すれば、何を作ってもそれが何年か後には必ずごっそりリプレイス需要にさらされるという、儲け優先を公言している時代になったということだなw
要するに、仕様への準拠を根掘り葉掘りつつく行為は、この儲け優先のエコシステムを邪魔する「悪い」行為かもしれないんだなww
0058Name_Not_Found
2016/10/08(土) 08:36:04.74ID:???> datalist要素内option要素のlabel-value-#textの優先順位が実装レベルで「間違って」いても誰も困らないからそれが当たり前になっていたりとかなw
詳しく
0059Name_Not_Found
2017/01/28(土) 00:50:51.75ID:???0060Name_Not_Found
2017/04/14(金) 11:32:37.42ID:???0061Name_Not_Found
2017/11/09(木) 17:16:28.08ID:???クソみたいなネストなくなるのかこれ
0062Name_Not_Found
2017/12/12(火) 05:53:26.18ID:MrUcGD8N⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
HZPXTVFV07
0063Name_Not_Found
2018/05/01(火) 20:30:49.73ID:l1wYHpV1少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
U1S8R
0064Name_Not_Found
2023/09/18(月) 17:43:31.33ID:???レスを投稿する
ニュース
- 2040年「日本は新興国並み」経産省見通し、失われた30年続けば ★2 [少考さん★]
- たぬかな、スポンサー契約解除に 弱者男性を「ガス室に入れて一気に命奪った方が世の中のため」「アウシュビッツ！ 」等と発言 [Anonymous★]
- 【自民党】株式配当等の金融所得で保険料増を検討 不公平見直し [Hitzeschleier★]
- 無印「インフラゼロハウス」に行ってきた 上下水道・電気がなくても暮らせる… [少考さん★]
- 止まらぬ円安 155円70銭台 明日までは政府・日銀が介入に踏み切らないだろうとの見方広がる ★2 [蚤の市★]
- 【サッカー】U23日本代表 松木玖生、藤田譲瑠チマら、準々決勝カタール戦のスタメン発表 [久太郎★]
- 鳴き声スレ
- 【株悲報】ダウ大暴落！これあかんやつか [591485351]
- んなったりぬわったりするお🏡
- たぬかな「弱者男性はガス室に入れて殺せ！ひとまとめにして焼いてしまえ！アウシュビッツ！ 収容所！」→スポンサー契約解除 [302983237]
- 襟粘ぬわ粘職人さんのお🏡
- 【急募】復帰してほしいAV女優www [394133584]