HTML/CSS のどんな質問にも優しく答えるｽﾚ 51

1 ：Name_Not_Found：2022/10/29(土) 14:16:31.77 ID:???.net

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。
質問するときはIDを出すためにメール欄を age にすることをおすすめします。
回答してくれる方は優しい人のみ！　質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 50
https://mevius.5ch.net/test/read.cgi/hp/1645774968/

■関連スレ
Webサイト制作初心者用質問スレ part253
https://mevius.5ch.net/test/read.cgi/hp/1626528070/

■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html

952 ：Name_Not_Found：2023/07/26(水) 14:28:29.70 ID:???.net

>>945-946

953 ：Name_Not_Found：2023/07/26(水) 14:35:02.88 ID:???.net

>>950-951
ありがとうございます。
何か難しそうですね。。。
全ページにお盆休みのお知らせを表示したかったのですが、全ページに出すと鬱陶しがられそうでしたので、一回だけ。と考えてました。
さらにsessionStorageとcookieで調べてみます。

954 ：Name_Not_Found：2023/07/26(水) 14:46:36.04 ID:???.net

ページ遷移ごとにポップアップは凶悪に邪魔なのでやめといた方が無難ね
Cookie読み書きは一回お作法覚えれば応用利くのでおすすめ

無理なら各ページの頭に告知エリアをインクルードするほうが見る側には優しい

955 ：Name_Not_Found：2023/07/26(水) 16:13:25.17 ID:???.net

上から下に並べていくsectionでpadding使うか、直後のh2などの子要素にmargin-top使うか
何年悩んでいるんだと思うぐらい曖昧だわ
レスポンシブにしたときにpadding横は触らないといけないし、今はやりみたいなやりかたあるんだろうか
vwとかは昨日思い出した

956 ：Name_Not_Found：2023/07/26(水) 22:50:57.83 ID:???.net

sectionにmargin-topじゃなくて？

957 ：Name_Not_Found：2023/07/27(木) 01:21:31.55 ID:???.net

Bootstrap では、マージンの使い方を統一するために、
margin-bottom しか使わない

bootstrap-reboot.css で以下の要素は、margin-top: 0; となっている

h1, h2, h3, h4, h5, h6
p
ol, ul, dl
pre

958 ：957：2023/07/27(木) 01:33:00.00 ID:???.net

>>957
を修正

margin で検索したら、margin-top: 0; は他にもあった

body, blockquote, figure
input, button, select, optgroup, textarea
fieldset

959 ：Name_Not_Found：2023/07/27(木) 02:33:32.62 ID:???.net

>>931
そうするわ

960 ：Name_Not_Found：2023/07/27(木) 09:41:13.70 ID:???.net

Bootstrapの話ししてるから便乗質問するけど、これからも使えるかな？
8月から新サイト作るのに使おうと思ってるんだけど、
Twitterがあんなことになってるから、先々が心配だ

961 ：Name_Not_Found：2023/07/27(木) 14:07:27.46 ID:???.net

任意の行だけを縦書きにする方法ありませんか？
アイディアが浮かばないのでbrで改行してますがダサいし変な空白ができて気持ち悪いです
Bootstrapで組んでるのでCSSは使わず直接指定できる方法があれば…

962 ：Name_Not_Found：2023/07/27(木) 14:52:48.76 ID:???.net

>>960
CDNの心配をしてるなら自鯖にBootstrapをアップロードしとけば問題無いと思うが

>>961
CSSで頑張るしか

963 ：Name_Not_Found：2023/07/27(木) 21:02:08.90 ID:???.net

>>962
CDNではなくて、単純に開発が続くのか？6は出るのか心配してる

964 ：Name_Not_Found：2023/07/27(木) 21:34:06.20 ID:???.net

bootstrapを誰がどうやって開発してるのか調べた上で心配してるの？
ｔwitterと比べるのすら馬鹿らしいんだが

965 ：Name_Not_Found：2023/07/27(木) 22:39:55.17 ID:???.net

6はリリース時期は未定だが、しっかり予定はされている

966 ：941：2023/07/28(金) 03:25:09.66 ID:???.net

>>941
に、Bootstrap 5 の本の事も書いた

その本にも書いてあるけど、

Mark Otto, Jacob Thornton は退社して、
Twitter Bootstrap から、Bootstrap へ名称変更された

967 ：Name_Not_Found：2023/07/28(金) 07:54:22.79 ID:???.net

>>964-966
開発元は今のTwitterと違うということで安心した

968 ：Name_Not_Found：2023/08/01(火) 07:56:05.15 ID:???.net

CSSフレームワークと自作のCSSを組み合わせることはありますか？
フレームワークだけだと小回りが利きませんが、
自作のCSSを加えると管理しづらくなるのではと懸念しています。

969 ：Name_Not_Found：2023/08/01(火) 10:27:22.73 ID:???.net

cssフレームワーク自体がカスタマイズ前提で設計されている

970 ：Name_Not_Found：2023/08/02(水) 01:15:00.03 ID:???.net

本来の使い方やで
フレームワークで基本的なところ設計して
足りないところを自作する

管理に関してはCSSの永遠の課題
そもそもフレームワークつかってても
管理ががががが

971 ：Name_Not_Found：2023/08/02(水) 07:36:27.23 ID:???.net

>>969-970
ありがとうございます。
フレームワークのSCSSを利用することもできるので、
自作のSCSSと組み合わせながら使っていきます。

972 ：Name_Not_Found：2023/08/03(木) 14:36:33.41 ID:Q0RPZ7Gg.net

サイト作成のクラウドソーシングとか、やっぱり実務経験無いと厳しいですよね(*´ω｀*)？
飛び抜けたデザインスキルがあるわけでもないし

973 ：Name_Not_Found：2023/08/03(木) 16:50:00.16 ID:???.net

>>972
ほとんどの人が飛び抜けたセンスなんて無いよ

974 ：Name_Not_Found：2023/08/03(木) 17:34:35.76 ID:???.net

>>972
何が簡単で何が難しいのかを知らないと、知らず無理言って相手にされなかったり、逆にナメた作りされてもNG出せない心配はある
予算と仕様が妥当なら複数の制作から提案あるはずなので、そこから選ぶ勘所は経験詰むしかない

大事なことをひとつ追加すると、完全にスレ違いの質問なので続きは他所でどうぞ

975 ：Name_Not_Found：2023/08/03(木) 17:39:03.16 ID:Q0RPZ7Gg.net

ありがとう(*´ω｀*)

976 ：Name_Not_Found：2023/08/03(木) 17:41:24.17 ID:???.net

>>972
ちょっと待って、もしかして依頼する側じゃなくて制作側なの？
こんなとこで背中押してもらおうとする暇があったら一件でも多く提案してまずは実績を積めー！

977 ：Name_Not_Found：2023/08/03(木) 17:45:09.26 ID:???.net

ここはweb制作板だしな

978 ：Name_Not_Found：2023/08/03(木) 19:05:51.51 ID:???.net

もしかしてもくそも、どうみても制作側だろｗ
依頼する側でなんで実務経験やデザインスキル気にするんだよｗ

979 ：Name_Not_Found：2023/08/07(月) 19:56:56.13 ID:???.net

管理画面を初のbootstrapでササッと作ったものはいいけど
あまりの融通の無さと、冗長的なループのhtmlがクラス名で汚れて後悔してるわ
レスポンシブのcol-**-nは確かに便利だが、他のcssプロパティにおいて正式名を知っているのに変なクラス名書くの結構辛い

980 ：Name_Not_Found：2023/08/07(月) 20:20:28.00 ID:???.net

融通ないのがいいんだろ。CSS名考えたり、作ったりするのに時間がかかるんだから。
それに他の人もいってるけど、Sassで読み込んで使うもんだぞ

981 ：Name_Not_Found：2023/08/07(月) 23:32:08.47 ID:iHkwEqYn.net

>>980
すまんが、自分のオリジナルに追加でsaasで読み込ませて両刀使いにするってこと？

982 ：Name_Not_Found：2023/08/08(火) 00:24:45.63 ID:???.net

両刀もなにもフレームワークは完全にそれのみで使うことを想定してるわけじゃない

983 ：Name_Not_Found：2023/08/08(火) 03:56:21.76 ID:???.net

そうなのか、使えるところは利用しろということね

984 ：Name_Not_Found：2023/08/08(火) 08:30:43.35 ID:???.net

>>981
逆。フレームワークのsassを、自分好みにカスタマイズするんだよ
カスタマイズって言っても、色の変更とかフォント関連が多いけどな。

で、自分オリジナルのは後付で追加すれば良い
フレームワークの設定を引用したら統一感も出る

985 ：Name_Not_Found：2023/08/13(日) 17:58:46.98 ID:???.net

:has()疑似クラスが主要ブラウザでサポート
https://coliss.com/articles/build-websites/operation/css/howtouse-css-has-pseudo-selector.html

986 ：Name_Not_Found：2023/08/13(日) 18:02:06.99 ID:???.net

hasもいいけど個人的によく使うのが
親のクラス名が＊＊の要素って奴　すぐ欲しい。
$('li').parent('.categpryA') 的なの

987 ：Name_Not_Found：2023/08/13(日) 18:07:03.58 ID:???.net

それなー

988 ：Name_Not_Found：2023/08/14(月) 01:47:03.02 ID:???.net

hasはFirefoxがサポートしてないので使えない
仕様書からFirefox外されないかな

989 ：Name_Not_Found：2023/08/14(月) 09:36:39.77 ID:???.net

cssの新しい仕様は使えるまで1年くらい待たないとダメだろうな
特にスマホはブラウザのアップデートしなかったりiOSもアップデートしないやついるから

990 ：Name_Not_Found：2023/08/14(月) 10:17:58.92 ID:???.net

Firefoxは無視しろ。ChromeとEdgeとSafariだけでいい

991 ：Name_Not_Found：2023/08/14(月) 11:41:24.06 ID:???.net

自由に決められる立場ならそれでいいだろうけど

992 ：Name_Not_Found：2023/08/14(月) 12:40:46.48 ID:???.net

みんなもっとfirefox使おうよう
1強は嫌だ

993 ：Name_Not_Found：2023/08/14(月) 15:58:57.21 ID:???.net

Chrome系がちゃんと進んでるうちは無理やね
まずは実装追いつかないと

994 ：Name_Not_Found：2023/08/14(月) 19:35:57.67 ID:???.net

BingAIでてからedgeかなり使ってるわ

995 ：Name_Not_Found：2023/08/15(火) 03:48:03.47 ID:???.net

俺は昔からfirefoxひとすじ

996 ：Name_Not_Found：2023/08/15(火) 05:16:19.35 ID:???.net

俺もnetscape時代から一筋

997 ：Name_Not_Found：2023/08/23(水) 18:21:22.16 ID:???.net

widthのあるセンター寄せのdivより広いテーブルやdivって表現できる？

998 ：Name_Not_Found：2023/08/23(水) 18:40:27.06 ID:???.net

何がしたいのか分からんので
絵とか描いて貼っておくれ

999 ：Name_Not_Found：2023/08/23(水) 18:57:02.86 ID:???.net

>>997
子のmargin-leftとrightにネガティブマージン指定すりゃ広がる

1000 ：Name_Not_Found：2023/08/23(水) 18:57:52.83 ID:???.net

HTML/CSS のどんな質問にも優しく答えるｽﾚ 52
https://mevius.5ch.net/test/read.cgi/hp/1692784333/

1001 ：2ch.net投稿限界：Over 1000 Thread

2ch.netからのレス数が1000に到達しました。