20/08/10 15:57:09 JO6ePjR0.net
>>434
うーん、別にしたほうがいいみたいですね
437:Name_Not_Found
20/08/10 22:39:28.70 .net
>>435
場合による
今の何でもかんでもクラスつければいいじゃんシステムでない場合はそこそこ使う
438:Name_Not_Found
20/08/11 00:21:47 euG0tmw+.net
基本的にflexboxは同じ役割をするグループをするものをキレイに並べるためのものだから
違う機能のパーツは含めないほうがいいかも
439:Name_Not_Found
20/08/11 14:41:54 .net
すみませんコロナの影響で大学の観光学部目指すのやめてpython学んでaiかweb系に行こうと思ってhtml勉強してるのですがshift2でやっても半角の真っ直ぐなダブルコーテーション打てないですかま機種のせいですか？ progateで練習してますがちゃんとしたダブルコーテーション直接打てないので登録していちいち変換してます。
440:Name_Not_Found
20/08/11 16:18:39.69 .net
>>439
全角と半角はわかってんの？
441:Name_Not_Found
20/08/11 16:33:49.46 .net
>>439
ダブルクォーテーションな
お前アホっぼいから無理だわ
442:Name_Not_Found
20/08/11 16:43:13.86 .net
>>441
チー牛、自己紹介乙
443:Name_Not_Found
20/08/11 16:47:04.21 .net
もしかして、スマホかタブレットでやってんのかな、、
444:Name_Not_Found
20/08/11 18:28:49.52 0yU6Gsnr.net
>>439
まず、全角と半角の区別を覚えよう
半角入力するときは、必ず半角モードにしてから入力
決して全角入力からの変換はしないように、癖をつけよう
で次に、コーデング用の書体をインストールしよう
Rictyがおすすめ
モニタで間違えずに読めることを重視した書体で、とても見やすい
書体幅も意図的に半角を全角の半分にしてあるので間違えにくい
最後に、コーデングに適したエディタを使おう
今はVSCodeが人気、他にもAtomやSublimeなど
機能は色々あるけど、入力補完、マルチカーソル、editorconfigを使えるものがおすすめ
エディタを変えたら、上記の書体に変更するのを忘れずに
445:Name_Not_Found
20/08/11 19:53:16.01 .net
ここHTML/CSSの質問スレなんだが
文字入力の質問とか馬鹿すぎて心配になるわ
大学で教わってきなさいな
446:Name_Not_Found
20/08/11 20:20:59.03 .net
つかshift2って何？
447:Name_Not_Found
20/08/12 00:37:10.26 .net
SHIFT押しながら2
448:Name_Not_Found
20/08/12 01:09:32.87 .net
そういうことか！
日本語キーボード使ってないから
すっかり忘れてた
449:Name_Not_Found
20/08/12 04:41:12 .net
>>445
どんな質問にもやさしく応えるのがこのスレの主旨なのだ
それに慣れた奴ほど意外に知らない基本事項って結構あるもんだぜ
450:Name_Not_Found
20/08/12 05:42:59 .net
>>449
違う
「HTML/CSSのどんな質問」が理解できない？
451:Name_Not_Found
20/08/12 10:22:36 ecoqwzIl.net
pタグの中にdivはokだったでしょうか？
wordpressのブロックエディタでは、１ブロックにpタグが自動的についてきます(´・ω・`)、、、
タグを独自にしたいのなら、ブロックをカスタマイズする必要がありそうです
452:Name_Not_Found
20/08/12 10:23:41 dcwvEswM.net
>>451
p要素の中にブロックが置かれると
そこでpは終わる
453:Name_Not_Found
20/08/12 11:06:28.19 ecoqwzIl.net
>>452
ブロック同士でもやはり駄目なんですよね。
自分でブロックをカスタムするしかないようです。
454:Name_Not_Found
20/08/12 22:38:46 GcIs3avQ.net
ちょっと聞きたいんだけど、HTMLのidって使いまわし禁止だよね？
455:Name_Not_Found
20/08/13 00:17:23 .net
>>440 >>444 ありがとうございました 英字キーボードでやってみます
456:Name_Not_Found
20/08/13 09:01:47.09 .net
英字キーボードと言ってるが大丈夫か・・・？
日本語配列でもUS配列でもどちらでもいいけど文字入力の状態が日本語入力のままではだめというのは分かってるのだろうか
457:Name_Not_Found
20/08/13 09:05:17.91 .net
>>454
1つのページ内でid名は1つだけ、な。
458:Name_Not_Found
20/08/13 10:00:44.50 nQ0LwsCC.net
>>456
スマホからタブレットの
バーチャルキーボードのことではなかろうか
459:Name_Not_Found
20/08/13 19:11:02.14 pTXEjxK1.net
>>457
やっぱそうだよね、なんでページ内に同じid名付けてるのか・・・HTMLの素人が作ったのかな・・・
460:Name_Not_Found
20/08/13 19:40:06.78 .net
まれによくある
461:Name_Not_Found
20/08/14 09:53:24.68 .net
クッソ長いソースコードで、複数人の手が加わってそうなったの見たことある。
462:Name_Not_Found
20/08/14 23:57:11 .net
怪しげなサイトから落とした圧縮ファイルの中にあったHTMLファイルをなんとなくバイナリエディタで開いたら
末尾の「</html> 0x0D 0x0A」の後に「PK 0x03 0x04 …」で始まるzipファイルらしきバイナリがくっついてたんだけどこれなんぞ？
HTMLコードの中からこのzipファイルを読み込んで何かできるHTML仕様があるの？
463:462
20/08/15 00:10:14 .net
その怪しげな部分だけ切り出してzipファイルとして保存してから解凍したら、
普通のテキストファイルとインターネットショートカットファイルが出てきた。
464:Name_Not_Found
20/08/15 07:48:50.18 .net
怪しげなバイナリとHTMLの仕様になんの関連があるの？
WHATWGの仕様でも読んできたら？
465:Name_Not_Found
20/08/15 08:10:37.59 .net
ここはHTMLの仕様の話しかしてない場所だからな
スレタイをみるな
466:Name_Not_Found
20/08/15 08:30:51.44 .net
知らないなら無理して書き込まなくていいのにw
467:Name_Not_Found
20/08/15 19:16:18.37 JrEtzpe0.net
URLﾘﾝｸ(ideone.com)
htmlタグでこのような中央寄せのボックスを作りたいです
しかし、inner2を作らずにinnerにpaddingやmarginを設定して余白を設定すると、1000px以上にひろがってしまいます。
そこでinnner2が必要なわけですが、outerとinnerのみでできないでしょうか？
468:Name_Not_Found
20/08/15 19:18:21.96 JrEtzpe0.net
URLﾘﾝｸ(i.imgur.com)
画像どす
469:Name_Not_Found
20/08/15 20:00:48.09 .net
>>467
URLﾘﾝｸ(jsfiddle.net)
CSSのbox-sizingについての知識が足りてないだけじゃね？
470:Name_Not_Found
20/08/15 20:07:17.15 .net
>>467
box-sizing - CSS: カスケーディングスタイルシート | MDN
URLﾘﾝｸ(developer.mozilla.org)
471:Name_Not_Found
20/08/15 20:22:16.48 JrEtzpe0.net
↑いえ、これだと1000px以上に広がってしまいます。
autoで中央寄せにしているボックスは、1000px以上にはしたくないのです。
472:Name_Not_Found
20/08/15 21:05:09.09 .net
>>471
広がってないが
URLﾘﾝｸ(i.imgur.com)
473:Name_Not_Found
20/08/15 21:18:40 JrEtzpe0.net
いえ、ブルーのセクションを広げたくないのです。
ここを1000px固定にしたいです。
474:Name_Not_Found
20/08/15 21:26:35.48 .net
>>473
いや、だからブルーのinnerは1000px固定になってるやん
475:Name_Not_Found
20/08/15 21:36:32.66 JrEtzpe0.net
見た目上は広がってしまっていますよね
476:Name_Not_Found
20/08/15 21:40:51.35 .net
>>473
青いとこはwidth+padding+border=1000pxで固定
黄色いとこはinnerのmarginの左右がautoでinnerをouter内で左右中央寄せ
見た目上もinner2を入れた状態と同じ挙動だよ
URLﾘﾝｸ(jsfiddle.net)
477:Name_Not_Found
20/08/15 22:06:26 .net
>>475
これ、値がデカいから分かりにくいんだと思うけど
1000pxを300pxぐらいで確認してみれば？
ちゃんと300px固定になるから
478:Name_Not_Found
20/08/15 23:34:41.01 mWUGbd3m.net
URLﾘﾝｸ(jsfiddle.net) 小さなキャプションを右上左上に追加したいのですが、<figcaption></figcaption>
にクラス名をつけられません この場合<span>タグなどで囲んで<span class>でクラス指定するのが正解ですか?
479:Name_Not_Found
20/08/15 23:47:32 .net
つけられるが
480:Name_Not_Found
20/08/15 23:58:55 mWUGbd3m.net
>>479
教えていただきありがとうございます <figcaption class=クラス名></figcaption>でcss指定できますでしょうか?
481:Name_Not_Found
20/08/16 00:03:24 gJ1wE+4l.net
URLﾘﾝｸ(www.it-swarm.dev)
このサイトさんにも解説してました見落としで、すみません。
figcaptionの代わりに<span>でも代用可能なようですが、画像=figcaptionになるのですかね。
482:Name_Not_Found
20/08/16 00:33:51.90 .net
figureとfigcaptionに限らず、大抵の場合、タグ自体に意味があるわけだが
代用しなくていいものを別のもので代用して、見た目が意図通りになってれば何でもいい
というのであれば、好きなようにすればいい
<figure>: 任意のキャプション付きの図要素 - HTML: HyperText Markup Language | MDN
URLﾘﾝｸ(developer.mozilla.org)
<figcaption>: 図キャプション要素 - HTML: HyperText Markup Language | MDN
URLﾘﾝｸ(developer.mozilla.org)
captionの意味・使い方・読み方 | Weblio英和辞書
URLﾘﾝｸ(ejje.weblio.jp)
483:Name_Not_Found
20/08/16 05:10:33.37 .net
>>462
何かを仕込もうとしてるのかも
そのファイルの拡張子が、.html で、
ダブルクリックすると、ブラウザが起動して、
その時に、そのバイナリが動くのかも
484:Name_Not_Found
20/08/16 05:55:00.30 vCCvyY8m.net
>>474
border-boxはpaddingもwidth煮含めるんですね
あどうでｓもる
485:Name_Not_Found
20/08/16 13:16:28.75 avvKjdbG.net
>>482
参考になりました。サイトまで教えてくださりありがとうございます。
486:Name_Not_Found
20/08/16 19:41:39.77 vCCvyY8m.net
wordpressでcssを切り替えたいのですが、トップページとカテゴリ一覧ページで切り替えることが出来ます。
is_category()関数を使用することで判定出来ます。
しかし、これはcssの別ファイルを用意するしかないでしょうか？
cssファイルの一部のみをis_category用に適用されると言ったことは出来ないでしょうか？
487:Name_Not_Found
20/08/16 19:46:00.63 vCCvyY8m.net
中身がある場合はスタイル適用、ない場合はスタイルを適用しない という設定は可能でしょうか？
488:Name_Not_Found
20/08/16 20:17:37 vCCvyY8m.net
empty効かないですね なぜか
489:Name_Not_Found
20/08/16 20:30:49 vCCvyY8m.net
多分、改行があると駄目みたいですね
490:Name_Not_Found
20/08/16 23:28:19 .net
これは酷い
491:Name_Not_Found
20/08/17 02:20:57.40 .net
普通にbodyにID付けときゃええやん思たけど
これってCSS設計的には古いの？
492:Name_Not_Found
20/08/17 02:23:10.26 .net
bodyにはIDをつけるなっていう古からの教えが
493:Name_Not_Found
20/08/17 02:54:07.66 .net
bodyにclassつけるのは珍しくない気が
494:Name_Not_Found
20/08/17 04:15:55.33 .net
ボディにクラスとかどういう要素を加えるんだ？
495:Name_Not_Found
20/08/17 05:24:45.64 .net
下層ページにunderとか
496:Name_Not_Found
20/08/17 08:13:41.27 pPLgnHQg.net
自分はhtml 要素の方によくやるな
クラスつけるの
497:Name_Not_Found
20/08/17 14:21:57.08 6UBKFdBO.net
URLﾘﾝｸ(codepen.io) すみません一番下のキャプションの末尾を…にしたいのですが、text-overflow: ellipsis; /* 末尾に「…」を付加する */
「-webkit-line-clamp: 何行まで表示するか」2行で省略したい場合は、「-webkit-line-clamp: 2」 どちらの方法でもダメでした、原因がわかりません。
498:Name_Not_Found
20/08/17 16:07:48.46 .net
質問する前にmdn読め
499:Name_Not_Found
20/08/17 20:34:34.02 Yy9pNfcb.net
>>498
読んでみたのですがどうしても分かりません…
500:Name_Not_Found
20/08/17 20:53:53.85 .net
どのページを読んでわからなかったの？
501:Name_Not_Found
20/08/17 21:03:27.11 .net
読めば簡単に分かるのに
実は読んでない疑惑
502:Name_Not_Found
20/08/17 21:24:20.43 Yy9pNfcb.net
>>500
text-overflow: ellipsis; について読みました…
まだまだ素人に毛が生えたようなものなので、どこが間違っているのか分かりません…
教えてくださいお願いします。
503:Name_Not_Found
20/08/17 21:32:31.03 .net
>>502
特に難しい説明はないはずだから
1. たぶんどこかで誤字してるか
2. 記号の類が過不足してるか
3. セレクタが間違ってるか
のどれかだよ
1と2はコード眺めてても見つからないからvalidatorにかけよう
linterのあるエディタを使うこともお勧めする
3はとりあえず
背景色とか罫線とかのスタイルを追加してみて、それが適用されるなら問題ない
されないなら間違ってる
504:Name_Not_Found
20/08/17 22:28:39.99 .net
こっちが想像してるページと同じかどうか怪しいが
本当に隅々まで読んで分からないなら
もう諦めた方がいいレベルの話だな
505:Name_Not_Found
20/08/18 10:15:07.51 FvIbKlnm.net
wordpressでコードを折りたたみたいのですが、アドオンを使わずに折りたたむ事はできるでしょうか？
506:Name_Not_Found
20/08/18 11:38:31.41 FvIbKlnm.net
↑上に関連してですが、wordpressなどでコードを表示するアドオンがありますが、ここにスクロールを設定するのが普通なんでしょうか？
507:Name_Not_Found
20/08/18 12:31:01.42 .net
質問する前にスレタイ読め
508:Name_Not_Found
20/08/18 12:41:33.96 .net
>>505-506
WordPress(ワードプレス)でWebProg 質疑応答スレ 01
ｽﾚﾘﾝｸ(php板)
509:Name_Not_Found
20/08/20 18:34:09 .net
タブレットの縦長、横長、スマホの横はpcの縮小版、スマホの縦はレスポンシブで表示させたい場合、
ブレイクポイントはどのあたりに設定すれば良いでしょうか？
510:Name_Not_Found
20/08/20 21:47:26.56 .net
その辺は現在色々出てる各フレームワークを見れば大体わかるんじゃないかな？
511:Name_Not_Found
20/08/20 22:18:09.15 .net
ちゃんとCSSフレームワークって言ってあげないと無駄にAngularとかのコード完全解析しそうな予感
512:Name_Not_Found
20/08/20 22:51:21.67 .net
786px以上でいけんちゃん
513:Name_Not_Found
20/08/20 23:50:49.19 .net
>>510-511
cssフレームワークは使わず、
自分でcssを書こうと思っています。
>>512
ありがとうございます。
そのあたりで試行錯誤したいと思います。
514:Name_Not_Found
20/08/21 03:21:29.59 .net
>>513
フレームワーク使わなくてもいいから平均値とかわからないなら
一度それらが使ってる数値を見て参考にしとけばってこと
515:Name_Not_Found
20/08/21 07:35:01.18 .net
role属性ってつけると、ブラウザが解釈して何かUIなどが変わったりするの？
検索エンジンのための意味付けのようなもの？
516:Name_Not_Found
20/08/21 10:34:02 .net
>>515
WAI-ARIAの基本 - ウェブ開発を学ぶ | MDN
URLﾘﾝｸ(developer.mozilla.org)
> WAI-ARIA 属性の重要な点は、ブラウザーのアクセシビリティ API（スクリーンリーダーはここから情報を取得する）によって提供される情報を除いて
> それらはウェブページに何の影響も与えないという点です。
> WAI-ARIA はウェブページの構造や DOM に影響を与えませんが、 CSS の要素選択で利用することが可能です。
517:Name_Not_Found
20/08/21 16:49:37.03 .net
>>516
レスどうも、WAI-ARIA見てみました(全然わからん)
divやspanなど、そのものの意味が無いものに対して付加するのが始まりって感じ？
<header role="banner">とか
<nav role="navigation">とかソース見るとあるけど、「ある」と「無い」でどこに違いが出るの？
cssの要素選択ができるということはclassみたいな扱いができるってことかな。
header.bannerみたいな。
たくさんできた仕様で現在ではあまり使われていないものなのかな。
518:Name_Not_Found
20/08/21 17:43:44 .net
>>517
WAI-ARIAは「Web Accessibility Initiative - Accessible Rich Internet Applications」の略
Webアクセシビリティとかで調べてみるといい
あとは、こういうのとか
WAI-ARIAを活用したフロントエンド実装 - role属性、aria属性の基礎知識 | CodeGrid
URLﾘﾝｸ(app.codegrid.net)
CSSの要素選択は、その例だとセレクタはheader[role="banner"]
519:Name_Not_Found
20/08/21 19:17:33.34 .net
アクセシビリティを外観にまつわる機能として判断してるようじゃ理解できないだろうな
むしろ目が見えない人などのために存在してるんだから
520:Name_Not_Found
20/08/21 23:18:35 .net
アクセシビリティといえば
日系企業ランキングを思い出す…
あの惨劇はもう10年以上前だったろうか
521:Name_Not_Found
20/08/22 12:15:02 .net
>>509
Bootstrap のブレイクポイントの変数定義では、
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;
522:Name_Not_Found
20/08/22 15:49:36 .net
>>521
今はもっと少なくても良さそうなもんだ
523:Name_Not_Found
20/08/22 16:07:41.99 UFsz4By5.net
URLﾘﾝｸ(www.hook-net.jp)
こちらのサイトのように画像と文字の境界線をなくすためにはjsが必要でしょうか?
524:Name_Not_Found
20/08/22 16:20:43.37 .net
ちょっと何言ってるか分かんない
525:Name_Not_Found
20/08/22 17:47:35 UFsz4By5.net
>>524
すみません画像と文字を一つのボックスに横並べして画像のふちを白でぼかしたいんですが
その場合グラデーションを使えばよいのでしようか？
526:Name_Not_Found
20/08/22 17:59:50.30 .net
手っ取り早いのが縁を白でぼかした画像を作成すること
527:Name_Not_Found
20/08/22 18:04:22.71 .net
だよな。レイアウトはもちろんテーブルタグだ
528:Name_Not_Found
20/08/22 19:46:47 .net
>>520
惨劇ってなんすか？
529:Name_Not_Found
20/08/22 21:30:44 UFsz4By5.net
URLﾘﾝｸ(codepen.io)
グラデーションをつけて片側をすけさせることまでできたのですが同時に画像をぼやけさせることができません。
URLﾘﾝｸ(cruw.co.jp) この場合+を使うと実装できますか?
530:Name_Not_Found
20/08/22 21:40:24 UFsz4By5.net
画像にfilter: blur(5px);を加えると境界線ができグラデーションの意味がなくなってしまいます
グラデーションと画像ぼかしを境界線が見えない形で実装できないのでしょうか…
531:Name_Not_Found
20/08/22 21:41:44 .net
またこのひとか
532:Name_Not_Found
20/08/22 23:00:59 .net
上に透明なdiv重ねてそのdivにbackdropfilter blurかけりゃいいじゃん
533:Name_Not_Found
20/08/22 23:53:26.90 0lfiVAzr.net
すみません、htmlとjava初心者です。
こちらの質問の
URLﾘﾝｸ(teratail.com)
背景の赤い枠を下まで伸ばすにはどうしたらいいか教えてください
534:Name_Not_Found
20/08/23 00:08:29 wdKbLCbE.net
>>533
100vhでどうよ
535:Name_Not_Found
20/08/23 00:10:12 .net
まったく関係ないいんだけど
529を見て知りたかったことあったので
URLﾘﾝｸ(cruw.co.jp)
このページみたいに
画像が出てから色が出てシュッとなるやつって
jQだと思うんだけど説明してるサイトとかってありますか？
これのネーミングなんて言えばいいのかわからなくて
ググってもイメージ通りものにたどり着かなくて
536:Name_Not_Found
20/08/23 00:11:13 .net
↑
画像が先に出てからじゃないや
色がでて画像がでてくる
537:Name_Not_Found
20/08/23 00:13:05.42 1JN6CSRO.net
>>534
.item {
display: inline-block;
width: 30%;
height: 100vh;
margin: 10px;
font-size: 20px;
background: rgba(255, 0, 0, 0.4);
}
としてみたのですが変化なしですね・・
538:Name_Not_Found
20/08/23 00:50:36.54 .net
intersectionobserberで擬似要素と画像をコントロールしとんちゃうか
539:Name_Not_Found
20/08/23 01:56:32.50 .net
さよか
540:Name_Not_Found
20/08/23 05:04:32.52 .net
>>528
審査員のひとりに
富士通のアクセシビリティに一家言ある人がいて
数年後に控えたJIS X 8341-3を
勝手に前倒しで審査項目に導入したので
ほとんどのサイトのランクが
前年と比べて100、200以上変動した
上がったところはいいけど
下がったところは代理店も制作会社もそれなりに
上からお叱りやペナを受けることになって非難轟々
その年を最後に日経企業サイトランキングは消滅した
という昔話です
541:Name_Not_Found
20/08/23 07:45:31.76 .net
この世界じゃよくあることだ
すぐ収まるのもこの世界らしい
542:Name_Not_Found
20/08/23 09:36:05 obkittuk.net
Web系に転職したく勉強をしています
モバイル用にハンバーガーメニューを設置したいのですが、
HTMLにPC用とモバイル用で別のnavを2つ設置してメディアクエリで
それらの表示を切り替えるのはありでしょうか
それとも重複的な記述はHTML的にはよろしくないのでしょうか
543:Name_Not_Found
20/08/23 10:00:48 .net
HTMLとしてはわりとどうでもいいというか
そこまで気にするもんでもないと思うが
運用する上で同じものが二つあるのは厄介だな
片方忘れられたりするリスクがある
544:Name_Not_Found
20/08/23 11:59:10.13 .net
サーバサイドで書き換え