HTML/CSS のどんな質問にも優しく答えるスレ 35

1Name_Not_Found2018/12/10(月) 23:34:18.61ID:Xy1kPhq4
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。

回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!

質問側も節度あるレスで!質問前にスレ内を検索しましょう

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

■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 34
http://mevius.5ch.net/test/read.cgi/hp/1538966757/

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

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

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

590Name_Not_Found2019/01/15(火) 18:57:31.05ID:???
:hover{ ... }をa:hover{ ... }
と脳内変換して読んでてずっと意味がわからなかった
まさか質問が本当にそのままだなんて・・・怖い・・・

591Name_Not_Found2019/01/15(火) 19:20:03.47ID:???
中級者が偉そうにできるスレって少ないから
質問者も察してあげて

592Name_Not_Found2019/01/15(火) 19:27:46.65ID:???
基本を勉強していれば絶対しないような質問だろ

593Name_Not_Found2019/01/15(火) 19:32:56.73ID:???
基本て何から勉強したらいい?
アルファベット?

594Name_Not_Found2019/01/15(火) 19:35:09.19ID:???
HTML/CSSのチュートリアルサイトを一から読んだら?

595Name_Not_Found2019/01/15(火) 19:38:49.74ID:???

596Name_Not_Found2019/01/15(火) 19:54:33.84ID:???
リファレンス出して終わる質問多いけど、出しても「難しくて分かりません」でスルーされるのが目に見えているという
地道な勉強が嫌いでてっとり早く済まそうとする人が多いよね

597Name_Not_Found2019/01/15(火) 20:14:08.51ID:???
>>593
勉強の仕方の勉強じゃね?
小中高で習うことだが

598Name_Not_Found2019/01/15(火) 20:14:42.22ID:???
プロになっても学ぶべき事はたくさんある

599Name_Not_Found2019/01/15(火) 21:38:45.21ID:???
>>597
一応大卒だけどいまだにそれ分かんない

600Name_Not_Found2019/01/15(火) 22:00:47.50ID:???
>>585
いや適用範囲を制限したくはなくて、全要素のhover時のスタイルを指定したいんです。見たまんまです。
ただし、要素が重なってる時に最前面=最子孫要素だけに適用させたいんです
hoverだけの需要でしょうがそれを指定する方法はないんでしょうか

601Name_Not_Found2019/01/15(火) 22:05:50.67ID:???
>>600
条件は初めに全部書け
JavaScriptでやれ

602Name_Not_Found2019/01/15(火) 22:18:29.74ID:???
俺でもマウントとれるレベルのやついないかなあ

初級者質問スレ巡回

お、これいけるな!

こんなこともわからないのかよwwwちょっとは勉強しろよwww

毎日この繰り返しです

603Name_Not_Found2019/01/15(火) 23:10:08.93ID:???
ある程度レベルが上がるとマウントなんて取ろうと思わない
カブトムシに相撲でケンカ売らないだろう、それと同じ

604Name_Not_Found2019/01/15(火) 23:20:20.84ID:???
こんなに伸びてて説得力ないっすよ解答者様方ww

605Name_Not_Found2019/01/15(火) 23:21:00.22ID:???
これマウントか?
口は悪いが、回答してるような

606Name_Not_Found2019/01/15(火) 23:31:07.66ID:???
>>602-604がマウント君だったという落ち

607Name_Not_Found2019/01/15(火) 23:40:13.43ID:???
みんな必死過ぎ

608Name_Not_Found2019/01/16(水) 04:03:59.76ID:???
>>599
学校で教えてる勉強の仕方は主に

・雑多な情報から要点を見抜く
・データや原理を整理して限られた時間で覚える
・求められる解答を理解して過不足なく正確に答える

この3つ
俺らのお仕事に当てはめると

・無数の解説サイトから有用なものを見抜く
・日々増える言語、メソッド、アプリを空き時間で覚える
・書くべきコードを理解、エラーなくデプロイ、事故なくランニング

こんな感じ
もしくは

・客や営業の妄言から要点をエスパー
・ツールを駆使して情報を整理共有、打ち合わせ用に要点は記憶
・客の満足するサイトを作るが、予算以上には働かない

609Name_Not_Found2019/01/16(水) 07:16:19.11ID:???
>>600
>最前面=最子孫要素だけに
こういう指定方法は、有るかな?
条件が難しすぎる

それら全部に、特定のクラスを付ければ?

610Name_Not_Found2019/01/16(水) 07:28:52.10ID:???
>>600
ない
あと一番深い要素が最前面とは限らん

611Name_Not_Found2019/01/16(水) 13:13:15.53ID:???
リンゴ出してきて「ねぇ早くミカンにしてよ?え?できないのwww?レベル低ww」とか言ってる質問者だからなぁ

612Name_Not_Found2019/01/16(水) 13:24:36.11ID:???
え?まだ続けるの??

613Name_Not_Found2019/01/18(金) 02:09:40.88ID:???
スマホで縦長になるページの下の方にあるナビゲーションゾーンに
ページ内のどこからでも1タップで飛ばす仕組みを作りたいんだけど
何か良い方法ない?

614Name_Not_Found2019/01/18(金) 02:24:20.36ID:???
>>613
position: fixedなボタン表示しといてonclickでナビゲーションゾーンの要素にscrollIntoView()すれば?

615Name_Not_Found2019/01/18(金) 13:40:11.29ID:???
飛ばすだけなら<a href="#navi">で十分じゃね

616Name_Not_Found2019/01/18(金) 14:39:11.36ID:???
scrollInToViewって
ホイホイお勧めできる程度には実装広まりました?

617Name_Not_Found2019/01/18(金) 17:39:07.64ID:???
>>616
93.45%
https://caniuse.com/#feat=scrollintoview

引数で簡単にトランジション時間設定できるしブラウザヒストリ変わらないしいいんじゃないかな

618Name_Not_Found2019/01/18(金) 17:42:25.20ID:???
すいません誰か教えてください。

ページ内リンクにジャンプするのではなくて、ページ内リンク部分のテキストを ボックスかなんかで表示するということはできないでしょうか。
例えば5ch掲示板のように >>1 にマウスをかざしたら>>1さんのテキストが表示されるみたいにしたいのです。
これはjsとかの領域になるのでしょうか。
マウスホバーとかツリービューとかでググりましたがいまいちわかりませんでした。ヒントワードだけでも教えてくださればありがたいです。

619Name_Not_Found2019/01/18(金) 18:31:26.44ID:???
ヒントワード:js

620Name_Not_Found2019/01/18(金) 18:37:03.66ID:???
>>617
IEは11でもオプション使えないから騙されるなよ
あと時間は指定できないから騙されるなよ

621Name_Not_Found2019/01/18(金) 18:41:12.15ID:???
IEはいいよもう…

622Name_Not_Found2019/01/18(金) 19:14:08.34ID:???
対応してるっていっても機能のほとんどが制限されるから、そこまで使い道ないよ

623Name_Not_Found2019/01/18(金) 19:53:52.71ID:???
WEBデザイナーを副業にすれば月5万は稼げるとプログラミングスクールで言われたんだけどマジ?

624Name_Not_Found2019/01/18(金) 20:05:57.78ID:???
まじめに副業すれば、何やってもそれくらい稼げるだろ

625Name_Not_Found2019/01/18(金) 20:15:34.07ID:???
>>618
ツールチップと言う
けどこれモバイル対応できないから、あんまり頑張っても仕方ない部分ではある

>>623
営業努力次第でかなり上下する

626Name_Not_Found2019/01/18(金) 21:09:34.37ID:HglWwYqY
>>619
ありがとうございます!

>>625
ありがとうございます!
まさに求めていたものです。

627Name_Not_Found2019/01/18(金) 21:55:32.86ID:???
下記のようなhtmlのページが何個もある場合で、
全てのhtmlのヘッダーやフッターをちょっと変更したい時に更新が大変なのですが
cssみたいに1つのヘッダーを読み込むみたいなことはできるのでしょうか?

■ ヘッダー (ここを更新したい)
□ 本文1
□ 本文2
■ フッター

628Name_Not_Found2019/01/18(金) 22:42:36.02ID:???
js

629Name_Not_Found2019/01/18(金) 22:47:01.17ID:Xm++tQ0K
質問です
CSSの大きさの単位でvhを使ったときの最大値を決めたいんですが
@mediaで切り分けるしかないですかね

幅・高さはmax-widthやmax-heightでいいんですが
その他のプロパティは

630Name_Not_Found2019/01/18(金) 23:10:40.57ID:???
>>627
サーバーサイド言語でやればよい

>>629
そゆこと
max-vhとかほしいよな

6316292019/01/18(金) 23:17:00.14ID:Xm++tQ0K
>>630
やっぱそうかー
すべてのプロパティにmax-とmin-ほしいですねー

632Name_Not_Found2019/01/18(金) 23:23:17.44ID:???
>>627
phpで別ファイルを読み込む
htmlで別ファイルを読み込む方法もあるけど、避けたほうが良い。理由は忘れた
この際だしwordpressでも入れて見たらいいかもね

633Name_Not_Found2019/01/18(金) 23:35:02.98ID:???
>>617
ありがとー

634Name_Not_Found2019/01/19(土) 00:35:47.84ID:???
>>627
htmlとcssのみだとできないんでないかな
俺はejsを使ってる

635Name_Not_Found2019/01/19(土) 00:36:41.66ID:???
あー
おすすめは絶対しないけど
iframeでできないこともないか?

636Name_Not_Found2019/01/19(土) 00:49:29.77ID:???
PHPはデフォでインストールされてるだろうからSmartyでも使えばいいんじゃね

637Name_Not_Found2019/01/19(土) 09:12:02.10ID:???
>>627
htmlからヘッダー部分切り出して別ファイル(header.htmlとか)にして、元あったとこ(index.htmlとか)は
<?php include 'header.html'; ?>
とする
そして .htaccess に

<FilesMatch "\.html$">
AddType application/x-httpd-php .html
</FilesMatch>

を追加する
これで実現できる

638Name_Not_Found2019/01/19(土) 16:00:49.72ID:???
SCSS でも、main.scss に、_a.scss など、各コンポーネントのパーシャルファイルを読み込む

HTML, JavaScript でも、フレームワークを使うと同じ。
各コンポーネント別に作って、index.html, bundle.js みたいなファイルに読み込む

各コンポーネントごと、別々に作って、後でまとめるようにする

>>618
スマホでは無理だけど、ツールチップみたいなイベントで、
jQuery などで、内容を取得するのかも?

639Name_Not_Found2019/01/19(土) 22:46:35.70ID:???
便利なものがたくさんあるんだから使えばいいのに

640Name_Not_Found2019/01/19(土) 22:51:55.72ID:???
便利といって使いまくると跡でな・・・

新着レスの表示
レスを投稿する