HTML/CSS のどんな質問にも優しく答えるｽﾚ 40
レス数が900を超えています。1000を超えると表示できなくなるよ。
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 39 ﾐｯｸﾐｸ
https://mevius.5ch.net/test/read.cgi/hp/1559446058/
■関連スレ
Webサイト制作初心者用質問スレ part251
https://mevius.5ch.net/test/read.cgi/hp/1564414228/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html 自分で糞コードとか書いておきながら批判されるのは気に食わないというｗｗ
なら掲示板に書かなければ良いのではｗｗｗｗｗｗ >>840
おかしくないおかしくない
君はいつだって正しいからもう休んで良いよ つーか、お前jsもサーバーサイドも弱いのが透けて見えるから
具体的な修正案がかかれない限り、今後何言われても響かないんだよね。
お前も制作者ならわかるだろ？
人の批判だけして自分では実際には何もしないヤツ見てどう思う？
そういうヤツってお前の周りにいない？ >>843
そんなものをここで議論する意味が無いのでやめてください。
あなたが触らなければ良いだけの話です。 仮にこれがjQuery君じゃないとしてもやっぱりjQueryをドヤ顔で貼り付けるやつはおかしいやつ多いのかなーと思うわ >>845
5年〜10年前から全く進歩してないガイジだから仕方ない 質問に対する回答を書いたら、いきなり関係ないやつにケンカ腰で絡まれて
触るなとかそりゃないだろ
もし俺が間違ってるなら論理的に具体的なコ−ド返してこいよ。
それが素晴らしいなら俺だって納得する余地はあるんだから。 >>847
なのでそういうことをするスレではないのでやめてください。
少しはスルーできないんですか？ >>848
お前が俺をスルーできないのに何言ってんだよ
このままだと俺はスゲー無駄な時間を過ごしたことになる。
まともなコードの話も生産的な話もできないという判断するけどいい？ >>849
あなたが求めていることはこのスレの趣旨とは違います。
あなたの自己満足がこのスレの生産性ではありません。 散々荒しといて無駄な時間とはこれいかにｗｗｗｗ
すげー楽しんでるじゃんｗｗｗｗｗｗｗ すでに書かれてるが批判されるのが嫌ならここに書かなければ良いし
生産性云々が大事ならこんな掲示板なんてやらなければ良い >>855
しかも挙句には「お前も落書きしろ」ときたもんだｗｗｗｗｗｗｗｗｗｗｗ どうでもいいけどせめて今はletとfetchくらいは使ってほしいよね jQuery君って騒いでるやつがいるが、
jQuery君は俺やで？
>>797みたいなクソコードを俺が書くわけ無いだろ
例えばtext()で取ってきたものをtext()で書き込むいなら
text(function() { })を使う。
ajaxでGET使うなら$.getを使う
明らかに俺じゃないやつをjQuery君と呼ぶのはやめて欲しいんだが HTML
<div class="parent">
<div class="child"></div>
</div>
CSS
.child::after{
content: "example";
}
.child::afterの親要素って.child同様parentだよね？合ってる？？ すまん、初心者で何も分からんのだが
jQueryはオワコンなの？
今は何が主流？ >>864
Vue.js vs, react で宗教論争 >>864
何でも使いたいものを使えばいい
大事なのは流行り廃りではなく、思う通り動くかどうか >>785-797
サーバー側は、Ruby on Rails などを学ぶだけでも、1年は掛かる。
サーバーを立てていないと、クロスドメインアクセスを拒否される
Rails開発では、HTML, CSS/SASS, Bootstrap,
JavaScript, jQuery, Node.js, VSCode, Git, データベースなどが必須 >>864
ここ見ればわかるよw
2017年 JavaScript★71.9%ものサイトがjQueryを利用 [無断転載禁止]©2ch.net
https://medaka.5ch.net/test/read.cgi/prog/1485008061/ 2年もあるスレなのにレス数たったの64ってマジか
オワコン感半端ないやん >>870
なんつーか、頑張ったねｗ
でもjQueryのシェアの話をしようね どっちもいつまでもしつこいよなぁ
使いたいもの勝手に使えば良いじゃん >>873
それな。もう一時期のブームは去ったようだが、
脱jQueryなんてありえない話だったんだよ。
あれから何年も経って結論が出てしまった。
そもそも目的が脱jQueryとかいうのが馬鹿らしい発想
もっと良いなにかに移行するって話ではなったからな そうそう、手段と目的履き違えたらいかんよな。
意味も分からずに脱jQueryが目的になってしまってるのが増えた気がするわ。
結局はプロジェクトの内容に合わせて取捨選択すれば良いだけ。
ネイティブのJavaScriptが変わってきたり、CSSでアニメーションさせることができるようになったりで、
何年も前の様にjQueryが重宝されることは減ってきてしまっているのかもしれないが、
今でも記述量を減らしてサクッと小規模なアプリを作りたい、とかだったらjQueryの採用はあり得るし、
SPAの様なアプリだったらjQueryよりVue等のフレームワークを採用するほうが良い場合もある。
そういう適材適所が分からないで、こんなとこでオワコンだのシェアの値だのギャーギャー騒いでも何の意味も無いのにな。
まぁ、そもそもスレチだから迷惑って話なんだが。 html, css初心者の俺からすると、ゴミレスで埋めずにjQueryスレでやって欲しいなぁ html,cssスレでJavaScriptやjQueryの話すればマウントとれると思ってるからね
あほ丸出し >>875
> まぁ、そもそもスレチだから迷惑って話なんだが。
わかってるなら釣られるなよ・・・ gulp-sassとgulp-autoprefixerでscssをコンパイルしているんですが
autoprefixerの部分で、環境によって差が出てしまっているのですが
これって、そういうものなんでしょうか
.browserlistrcは
last 2 version
iOS >= 9
Android >= 5
としています
※すれ違いだったら誘導おなしゃす 別件なのでレスわけました
ウィンドウズで、gulp.watch() を使う時
path.join()を使ってソースファイルのパスを作ると
結果がバックスラッシュ区切りになってwatchがコケるのですが
これも、そういうものなんでしょうか
gulpは4です
※すれ違いだったら誘導おなしゃす require('path')してresolveじゃないの >>885
すみませんちょうどさっき解決しました
const sass_watch = () => {
let src_file = path.join(config.path.src, '**/*.scss');
return gulp.watch(src_file, gulp.series('sass_compile'));
};
module.exports.sass_watch = sass_watch;
gulp.task('sass_watch', sass_watch);
こんなふうにしてたのですが
config.path.srcには、ディレクトリのパスが入っています
たとえば「./foo/bar/baz」だとすると
Windows10ではこのsrc_fileに入るのは
foo¥bar¥baz¥baz¥**¥*.scss
になっていて、gulp.watch()でだけ
このバックスラッシュ区切りパスは駄目、ということだったようです
path() を使わずに、+演算子で繋いだら動きました
お騒がせしました Ruby では、Windows でも、C:/Users/Owner/Documents/a.txt
みたいに、/ 区切りでも、動くのだけど
JavaScript では、OS によって、自動的に切り替えてくれないのか。
そういう関数を、誰かが作っていないのか？
最近は、gulp の代わりに、npm scripts でやる人も多いみたい VSCode なら、拡張機能に、Live Sass Compiler がある。
これは、Live Server と同じ作者が作っている
プログラム板に、VSCodeのスレもある >>887,888
あざます
存じておりました
vscodeのsassコンパイラも、ruby-sassも使うこともあるんですが
autoprefixerを噛ませたかったので、今回は使ってませんでした
開発者全員で、prefixの付け方等、統一したかったので bootstrapでfooter領域を作成中なのですが
元のページでは画面幅一杯に表示されているのに
別のページにHTMLをコピペすると変な幅に縮んでしまいます
どのページでも画面一杯に表示する方法はありますか？ 質問です。
画像(img)とタイトル(h1)をclassでくくっていて、このclass上にカーソルが合わさった時に、画像とタイトルが両方透明になるようにしたいのですが、上手くいきません。
画像とタイトルそれぞれにカーソルをあわせると個別には透明になりますが、classの領域内にカーソルが合わさったら画像もタイトルも両方同時に透明になるようにするにはどうすればよいでしょうか？ >>890
その別のページでコンテンツ幅が設定されてるのでは？
bodyとか .wrapperとか
そっちを見直すべきたけど、それを無視してやりたいのなら
width: 100vw; あ、bootstrapか
今のhtml構造がわからないから答えにくいけど、とりあえずは
class="vw-100"
かな >>891
.class:hover * {
opacity: .7;
}
とか？ >>894
そんな感じで指定していますが上手くいきません
あと、その星マークは何でしょうか？ >>895
HTMLの方を晒したほうがいいと思うよ
>>891の方は用語の使い方が間違ってて、ちょっと分かりづらい文章だから >>892-893
ありがとうございます。
widthを100%やdevice-widthにしても変わらないので困ってたんですよ…。
本文のclassをcontainerからcontainer-fluidに変更したら何故かfooterも連動して画面ほぼ一杯になりました！
今度は左右に余白が付いてしまいましたがネガティブマージンでなんとかしました！w コードはこんな感じです<br>
<div class="wrap">
<a href="5ch.html">
<img src="img/5ch.jpg" width="400" height="400">
<h1>タイトル</h1>
</a>
</div>
.wrap :hover{
opacity: 0.9;
transition: 0.3s;
}
画像とタイトルが両方とも同時に透明になるようにしたいのですが、上手くいきません。
画像かタイトルの一方しか透明になりません。 例えば
.wrap :hover, a:hover{
opacity: 0.9;
transition: 0.3s;
}
とか
a {
display: block;
}
.wrap :hover {
opacity: 0.9;
transition: 0.3s;
}
とかは？ >>898
セレクタおかしい
.wrap :hover
ではなく
.wrap:hover
こう >>901
コピペしてたから気付かなかった
.wrap:hover, a:hover{
opacity: 0.9;
transition: 0.3s;
}
とか
a {
display: block;
}
.wrap:hover {
opacity: 0.9;
transition: 0.3s;
}
だな 質問したものです。
>>901さんの指摘とおり、不要な改行を消したら
解決しました。
ありがとうございます >>894のとおり
.wrap:hover * {
opacity: 0.9;
transition: 0.3s;
}
でいいじゃん この場合ホバーされた.wrapの下の要素全部に適用される *を付けると、html内のすべての.wrapがホバるってことですか？ えぇ…
>>908をどう読めばそう思うのか・・・
.wrap aは.wrapの下のaでしょ？
.wrap imgは.wrapの下のimgでしょ？
.wrap h1は.wrapの下のh1でしょ？
なので
.wrap *は.wrapの下の全部 途中で送信しちゃった
で、
.wrap:hoverはホバーした.wrapだから
.wrap:hover *はホバーした.wrapの下の全部
なので.wrapの上にマウスカーソルが乗ったらその下の要素全部にスタイルが適用される 試しにワイルドカード付きにして更新したら何も反応しなくなった ていうか、いらんだろ、ワイルドカード
.wrap:hover{
opacity: 0.9;
transition: opacity 0.3s;
}
で良いじゃない >>890-897
列数を割り当てていないのでは？
class="col-画面サイズ-列数"
例えば、class="col-sm-3" >>916
列数は割り当ててありました…。
class="col-12"と指定してもfooter要素と
本文で横幅が違ってしまうので困ってました。
それにしてもbootstrapって<dev></dev>でめちゃくちゃ太りますねw $( ´_ゝ`).hover(function(){ >>924
(*)は入口じゃなくて出口ですよ
っていう医者の話思い出した 思う存分insertしたあとrollbackしたい サイト内で複数のページをリンクしたいんですが、ロリポップの無料sslというのを入れた後からは記述してもエラーページが出て繋がらなくなりました
アドレスhttpsではなく.htmlで繋げたいのですがなんとかならないでしょうか？
<a href="unko.html">テキスト</a> bracketsを使っているのですが、トップページのindex.htmlファイルだけ「UTF-8」に出来ません。
画面右下の
INS・SHIFT JIS・HTML・スペース4
↑この「SHIFT JIS」の部分を「UTF-8（指定なし）」に変えたいです
トップページだけ文字化けしているので原因はこれのせいだと思ってます
やり方を教えて下さい。何卒宜しくお願い致します。 >>930
UTF-8(BOM無し)にして保存し直すだけかと
やり方はエディタによりけりだから何のエディタ使ってるかを書くか、調べて ごめん
bracketsって書いてあったね
bracketsって文字コード指定できたっけ… その「SHIFT JIS」とこをクリックしたら文字コードの選択出てこない？ >>933
出てくるんですけど、何度「UTF-8」を選んでも「SHIFT JIS」のままなんですよね >>934
一度他のフリーのエディタとかでutf-8に変換してから
bracketsで取り込んだら？
もしかしたら変換できない依存の文字コードが混ざっていてエラーを警告してくれるかもしれない >>928
関係をrollbackして割り切ったお突き合い レス数が900を超えています。1000を超えると表示できなくなるよ。
