X
HTML/CSS のどんな質問にも優しく答えるスレ 32
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2018/03/14(水) 22:52:37.78ID:zpiIOMwj
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 31
https://mevius.5ch.net/test/read.cgi/hp/1517028608/

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

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

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html
0507Name_Not_Found
垢版 |
2018/05/10(木) 22:57:33.36ID:???
いずれにしろクッキー使った時点でHTML/CSSじゃ無理なんでスレチ
つーかスレチな内容にレスしすぎ
やさしくはあくまでスレの範疇だけにしてくれ
0508Name_Not_Found
垢版 |
2018/05/10(木) 23:09:11.83ID:???
>>502
まあ>>473のCSSだけなら一応このスレの範囲だけど
そのCSSに表示が変化する要素どこにもないからなー

ボタンおしたときの
<{favorite_button_attribute product_id=$product.id delete="favorite-list__fav-items"}>
が何かしないことには表示がかわることはないんだからまずはそれが動いてるか確認しなよ
0509Name_Not_Found
垢版 |
2018/05/11(金) 09:01:09.20ID:???
>>504
初めの質問(>>467)ではCookieに全く触れていないし、マニュアルも出してないよね？
情報は始めにまとめて出して
0510Name_Not_Found
垢版 |
2018/05/11(金) 09:05:41.20ID:???
>>502
<style>
<!--
.favorite-list__fav-items input {
display: none;
}
.favorite-list__fav-items .fav-items {
margin:1em;
padding:1em;
background-color:#fdd;
}
.favorite-list__fav-items input:checked + .fav-items {
background-color:#eee;
}
.favorite-list__fav-items label {
border:outset 1px #ccc;
padding:0.5em;
}
-->
</style>
<div class="favorite-list__fav-items">
<input type="checkbox" id="item1">
<div class="fav-items">
<span>商品１</span>
<label for="item1">お気に入り削除</label>
</div>
<input type="checkbox" id="item2">
<div class="fav-items">
<span>商品２</span>
<label for="item2">お気に入り削除</label>
</div>
</div>
0511Name_Not_Found
垢版 |
2018/05/11(金) 10:22:21.37ID:???
質問です
ol要素のlist-style-positionをoutsideにして
margin-leftで余白を設ける場合、
何か指標となる数字みたいなものはありますか？

あくまで目分量でこれくらい、というふうに決めるしかないのでしょうか？
とりあえず1.5emほど余白をとっているのですが……
0512Name_Not_Found
垢版 |
2018/05/11(金) 10:38:54.24ID:???
>>509
ちゃんとレスを追いかけて全部に目を通しておけばそれぐらいわかりはずです。
もっと頭を使ってください。
0515Name_Not_Found
垢版 |
2018/05/11(金) 13:41:10.77ID:???
>>512
あなたが>>467時点でCookieを何とかしようとする事に思い至っていないことは分かったよ
マニュアル見ても根本的な原因が分からないんだね
0516Name_Not_Found
垢版 |
2018/05/11(金) 13:46:37.96ID:???
> >508
><{favorite_button_attribute product_id=$product.id delete="favorite-list__fav-items"}>
>が何かしないことには表示がかわることはないんだからまずはそれが動いてるか確認しなよ

実はこれ、addをdeleteに変えてみたヤツなんですが動かないです（オリジナルはaddになってます）
やっぱりこの部分がネックですよね
どうしたらいいかわからなくて

>>510
回答ありがとうございます。ちょっとまだ取りかかれないので、確認してからまた来ます。

>>509
マニュアル（元ネタ）は>>477のリンク先です。

>>512
誰ですかあなたｗｗｗ
ありがとうございますｗ
0517Name_Not_Found
垢版 |
2018/05/12(土) 19:31:53.96ID:???
http://jsbin.com/mufefaneli/edit?html,css,output

min-heightによって高さが決まった親要素に対して
子要素のheightを％指定すると、高さが有効になりません
minやmaxを使ってサイズ指定した親を持つ子要素に
％でサイズ指定したい場合はどうすればいいのでしょうか？
0518Name_Not_Found
垢版 |
2018/05/12(土) 20:02:58.71ID:???
結論からいうと無理

% 指定は明示的に高さの指定された包含ブロックに対しての高さになる
なのでこの場合 50% は body の高さに対して50%になる

逆に言うとparentの高さをなぜ決定できないの？
0520Name_Not_Found
垢版 |
2018/05/12(土) 20:22:02.22ID:???
http://jsbin.com/xabarusote/edit?html,css,output

子をabsoluteにして、その子を持てるように親もrelativeにしたら
望み通りのサイズになりました
何故absoluteにしたら、%指定していても親の実サイズを元に計算されるのか、よく分かりませんが
これはCSSの仕様通りなのでしょうか？
0521Name_Not_Found
垢版 |
2018/05/12(土) 21:07:57.96ID:???
>>520
原則として、% は包含ブロックを元に計算される。
relative にした親は absolute にした子孫の包含ブロックになるので、そのサイズを元に計算される。

この場合、親の height は指定されていないが min-height は指定されているので、それが親の「仮の height 」とみなされ、子の height の元になるんじゃないかな。

実際の決まり方は複雑多岐に渡るんだが
https://drafts.csswg.org/css-sizing-3/
0522Name_Not_Found
垢版 |
2018/05/13(日) 09:17:16.19ID:???
widthを声に出して言わなきゃいけないとき、
普段はウィドスって言ってるくせにウィスって言うんですか？
0523Name_Not_Found
垢版 |
2018/05/13(日) 12:23:25.06ID:???
ウィズじゃなかったけ？
0524Name_Not_Found
垢版 |
2018/05/13(日) 13:17:33.27ID:???
ｳｨﾄﾞｩｽって言ってる
なんか恥ずかしい時は幅とか言っちゃう
0525Name_Not_Found
垢版 |
2018/05/13(日) 13:41:54.63ID:???
ワイズいう人多い気がする
0528Name_Not_Found
垢版 |
2018/05/13(日) 13:48:28.00ID:???
charsetをキャラセットと読む恥ずかしい人もいるからね
ウィドスとかワイズはまだましな方じゃね
0529Name_Not_Found
垢版 |
2018/05/13(日) 13:49:53.94ID:???
英語の発音だとウィズだな
0531Name_Not_Found
垢版 |
2018/05/13(日) 14:18:24.21ID:???
ウィズで通じない人と話すときはワイドとか「幅」と言ってる（ウィドゥスでも通じないことが多い）
heightはハイトではなく「高さ」

>>528
じゃあ何と読めばいいの？
0533Name_Not_Found
垢版 |
2018/05/13(日) 16:32:03.95ID:???
靴の幅をワイズっていうよね
0535Name_Not_Found
垢版 |
2018/05/13(日) 16:44:03.63ID:???
ｳｨﾄﾞｩｽワロタｗ
catchはｷｬﾄｩﾁかな？ｗ
watchはｳｫﾄｩﾁ？
bridgeはﾌﾞﾘﾄﾞｩｼﾞ！
0537Name_Not_Found
垢版 |
2018/05/13(日) 17:50:34.09ID:???
アンカーリンクいっても通じない時あるしね
発音難しいよね
0538Name_Not_Found
垢版 |
2018/05/13(日) 18:54:16.62ID:???
うぃずす、って言う
英語として間違ってるのはわかってる
0539Name_Not_Found
垢版 |
2018/05/13(日) 19:35:43.27ID:???
ダブリューアイディーティーエイチ
0541Name_Not_Found
垢版 |
2018/05/13(日) 21:09:29.40ID:???
めんどくせーからもう
だぶりゅーあいでぃーてぃーえいち
にしようぜ
0542Name_Not_Found
垢版 |
2018/05/13(日) 23:43:48.78ID:???
ファースト、セカンド、サード、フォース、ファイブス、シックスス
0544Name_Not_Found
垢版 |
2018/05/14(月) 00:21:28.63ID:???
カラミー懐かしいな
あれってさ外部jsファイルを新規で追加できないんだぜ？
jQueryの本体もコピペして書き写した記憶があるわｗｗｗ
0545Name_Not_Found
垢版 |
2018/05/14(月) 14:19:59.14ID:???
thの発音にも気をつけよう
0546Name_Not_Found
垢版 |
2018/05/14(月) 18:18:26.97ID:???
ティーエイチである
テーエイチではない
ティーをテーと発音するのは昭和
0547Name_Not_Found
垢版 |
2018/05/14(月) 18:45:29.88ID:???
工場だといまでも聞き取り間違い防ぐため一部ドイツ読みdはデー、pはペー、だっけ
0548Name_Not_Found
垢版 |
2018/05/14(月) 20:19:14.72ID:???
聞き取り間違いを防ぐためというのなら
なんで本場の人は正確な発音をするのだろうか？
0549Name_Not_Found
垢版 |
2018/05/14(月) 20:29:20.39ID:???
英語？
たとえば向こうの人はvとb聞き分けられるだろ。
そういうこと。
0550Name_Not_Found
垢版 |
2018/05/14(月) 20:32:08.52ID:???
まあ言うても極端にs/n比悪い環境での音声通話とかではあいつらもフォニックコード表使ったりするが
0551Name_Not_Found
垢版 |
2018/05/14(月) 22:28:33.92ID:???
>>549
その理屈だと最近の（若い）人も、外国人と同じように
ティーとテーを聞き分けられるようになったんだろ？
ティッシュをテッシュといわないのと同じように

聞き取り間違いを防ぐためと言うより
聞き分けられないっていうのが正解な気がする
0552Name_Not_Found
垢版 |
2018/05/14(月) 22:48:30.21ID:???
工場は機械音でうるさいって前提では？そういう場合英語でもフォニックコード使うし。フォーマルな電話口とか管制とか。
0553Name_Not_Found
垢版 |
2018/05/15(火) 00:56:35.97ID:???
画像を画面中央に配置してまわりの背景とシームレスにグラデーションするのってどうかけばいいですか？
画像側の４すみを透明にグラデーションするでもいいし
上に背景色をradial-gradientするのでもいいんですけど
画像が正方形じゃないのでうまくいかないんですよね

http://fast-uploader.com/file/7081868847119/

こんな感じにしたいです
0554Name_Not_Found
垢版 |
2018/05/15(火) 10:38:28.67ID:???
>>550
フォネティックコードっとおっしゃりたい？
使うと以外に通じないよね
特にあまり使わない単語だと

ブラボーのB、タンゴのT、ヴィクターのVとか言っても通りが悪い
ABCのB、STUのT、UVWのVみたいに
アルファベットの連続する３つの方がまだ通る、気がする

ていうか、団塊老人より今の子の方が
ネイティブな英語に接するのは楽なはずなのに、英語力は逆なのは何故なんだ
やっぱ海外に行く機会が少ななってるからなのか
0555Name_Not_Found
垢版 |
2018/05/15(火) 12:03:03.48ID:???
俺「ビクターのビーですね。かしこまりました！」
俺「BikutaaのB、と。これでよし！」
0556Name_Not_Found
垢版 |
2018/05/15(火) 17:24:56.66ID:???
>>553
画像自体には一切グラデを使わず、透過させる
背景のグラデを透けさせて完了
0557Name_Not_Found
垢版 |
2018/05/15(火) 20:58:10.32ID:???
フリーのテンプレートですが、このデモサイトをiOSのSafariから開いた時に
下にスクロールしても上部のアドレスバーが縮小されず全表示のままになってしまいます。
何が作用してしまっているのでしょうか？
アドレスバーダブルクリックで最上部に移動できるSafariの挙動等も利用できず不便なので解除したいです。
よろしくお願いします

https://gatsby-starter-personal-blog.greglobinski.com/
0558Name_Not_Found
垢版 |
2018/05/15(火) 21:19:59.80ID:???
いやです。自分で頑張りなさい
0559Name_Not_Found
垢版 |
2018/05/15(火) 22:50:03.89ID:???
>>557
スマホでしか見てないけど
windowというかviewportが動いてないんじゃない？
0560Name_Not_Found
垢版 |
2018/05/15(火) 23:00:12.68ID:???
>>557
スクロールバーがブラウザのスクロールバーではなく、jsで生成されたものであり
一見ページをスクロールしているようだがブラウザ側ではスクロールしているという認識がされていない様子。
つーかページのソース見た？
jsで生成されててとても改変する気が起きないわ
0564Name_Not_Found
垢版 |
2018/05/16(水) 00:50:02.52ID:???
pwaなどという技術はない。
マイナスイオンガーみたいな乱用をやめろ。
0565Name_Not_Found
垢版 |
2018/05/16(水) 17:51:28.45ID:???
PWAなんて言葉初めて知ったわ。
ナニコレ
もうますますデザイナーやフロントエンドの仕事が無くなりそうな時代の流れじゃね？
0566Name_Not_Found
垢版 |
2018/05/16(水) 17:54:57.86ID:???
サイトをアプリ化してインストールで出来上り
出来上る結果は素人目線でWordPressと何が違うかと言われると
何も違わない気がしなくもないけど、この業界の仕事に危機を感じたわ
0567Name_Not_Found
垢版 |
2018/05/16(水) 17:59:37.44ID:???
がっつりフロントエンドなんだがなんでフロントエンドの仕事がなくなるんだ？ｗ
いかに自分がバカなこと言ってるのか分からないんだろうなｗ
0568Name_Not_Found
垢版 |
2018/05/16(水) 18:47:54.10ID:???
>>567
そうかな？
素人がそのまま使おうとして使えるレベルのデザインが出来上ってると思うけど。
あとはWPのテーマのようにデザインバリエーションを増やすだけで
WPよりも気軽にサイト持てると思ったんだが。
0569Name_Not_Found
垢版 |
2018/05/16(水) 19:13:33.76ID:???
がっつりフロントエンドなんだがなんでフロントエンドの仕事がなくなるんだ？ｗ
いかに自分がバカなこと言ってるのか分からないんだろうなｗ
0570557
垢版 |
2018/05/16(水) 20:00:21.67ID:???
ありがとうございました
JavaScriptのせいだったんですね
流石にJavaScriptをいじる知識はないので調べつついけそうなら頑張ってみようかと思います
0571Name_Not_Found
垢版 |
2018/05/16(水) 20:26:25.15ID:???
がっつりフロントエンドなんだがなんでフロントエンドの仕事がなくなるんだ？ｗ
いかに自分がバカなこと言ってるのか分からないんだろうなｗ
0572Name_Not_Found
垢版 |
2018/05/16(水) 20:41:49.61ID:???
> あと変数はできるだけ名前を短くして寿命（スコープ）を短くするのが良いと個人的には思うよ

こんなアホなことをいうフロントエンジニアなら知ってる
0573Name_Not_Found
垢版 |
2018/05/16(水) 20:50:11.67ID:???
名前の短さと寿命と短さに何の関係がｗｗｗｗｗ
0574Name_Not_Found
垢版 |
2018/05/16(水) 21:44:38.83ID:???
>>569,>>571
そうかな？
素人がそのまま使おうとして使えるレベルのデザインが出来上ってると思うけど。
あとはWPのテーマのようにデザインバリエーションを増やすだけで
WPよりも気軽にサイト持てると思ったんだが。

バーカ。おまえは自分の状況すら理解出来ないまま職を失えばいいｗ
0575Name_Not_Found
垢版 |
2018/05/16(水) 21:47:05.98ID:???
まあ普通に考えて、
ディレクター、デザイナー、フロントエンド、バックエンドで
一番最初に無くなる可能性が高いのはフロントエンドだろうな。
認めたくないからって俺にしつこく絡むなアホ。
冷静に現実を見て認めろよ。
0576Name_Not_Found
垢版 |
2018/05/16(水) 21:52:59.07ID:???
>>567のしつこさからいって荒れるだろうなこれは。
昔からここ住みついてるキモイやつにまた絡まれた可能性
0577Name_Not_Found
垢版 |
2018/05/16(水) 21:54:14.63ID:???
>>574のような引用の仕方を知らない奴って世にあふれてるの？
初めてこういう文章を読んだときには？？？だった
0578Name_Not_Found
垢版 |
2018/05/16(水) 23:01:45.02ID:???
質問スルーして雑談で流すとか最悪だな
0580Name_Not_Found
垢版 |
2018/05/16(水) 23:55:29.86ID:???
無知が酷い勘違いで恥晒してんなｗ
自分でどこがおかしいのか分からず噛みついてるのが何ともｗ
再掲してやろうｗｗｗ恥ずかしｗｗｗｗ

565 Name_Not_Found sage 2018/05/16(水) 17:51:28.45 ID:???
PWAなんて言葉初めて知ったわ。
ナニコレ
もうますますデザイナーやフロントエンドの仕事が無くなりそうな時代の流れじゃね？
0581Name_Not_Found
垢版 |
2018/05/17(木) 08:22:57.38ID:???
>>580
おう。PWAを知らなかった事は書いた通り認める。

で？フロントエンドが無くならないと言い張れる根拠は？

無くなる可能性の根拠は俺は書いたから、お前は無くならない根拠を書いて。
それ以外のレスはするなよ。本質から話そらすなよ？
0582581
垢版 |
2018/05/17(木) 08:28:13.91ID:???
やっぱめんどくせーから無視する
こいつのしつこさから言ったらさらに荒れるのが目に見えてるな
以降スルーするわ
俺が大人にならないとな
0583Name_Not_Found
垢版 |
2018/05/17(木) 08:59:46.82ID:+SF4BPiN
「PWAなんてはじめて知った！これはフロントエンドの仕事がなくなる時代の流れだ！」
→PWAは “フロントエンドの” 新技術群にマーケティング用に都合のよい名前を付けたものです

「フロントエンドが無くならないと言い張れる根拠を出せ！無くなる可能性の根拠は俺は書いた！」
→書いてない。どうしてフロントエンドでやることが増えるPWAが流行るとフロントエンドの仕事がなくなるのかｗｗ
頭弱すぎワロタｗｗｗｗ
0584Name_Not_Found
垢版 |
2018/05/17(木) 09:50:42.30ID:???
うん。頑張って煽ってね。
0586Name_Not_Found
垢版 |
2018/05/17(木) 12:31:08.36ID:???
勘違いして偉そうなこと言っちゃったから引っ込みつかなくなった
なんて誰でもあることじゃん
そう追いつめんなよ
0587Name_Not_Found
垢版 |
2018/05/21(月) 08:49:01.50ID:???
フレームワーク沢山ありすぎて選び方分かりません。
そんな中、何故Bootstrapが人気あるんですか？
0588Name_Not_Found
垢版 |
2018/05/21(月) 10:19:08.64ID:???
>>587
カスタマイズが比較的簡単だから今のバージョンはかなり良くなってるよ
0589Name_Not_Found
垢版 |
2018/05/21(月) 10:59:48.51ID:???
そんなのBulmaとかセマンティックULだって同じだしな
0590Name_Not_Found
垢版 |
2018/05/21(月) 11:25:33.71ID:???
あれUIじゃなくてULなのか…
0591Name_Not_Found
垢版 |
2018/05/21(月) 11:59:39.24ID:???
例えば、Ruby on Rails なら、bootstrap-sass という、gem がある。
有名なフレームワークは、gem を作る人も多いから

手軽に導入できる！Ruby on RailsでBootStrapを使う方法【初心者向け】
https://techacademy.jp/magazine/7663
0592Name_Not_Found
垢版 |
2018/05/21(月) 12:38:26.14ID:???
web開発では当初はsassが使われていたもののrubyが遅すぎる、sassだけnpmのバージョン管理に乗れず別管理になるしかもwin/mac両対応環境の構築が(rubyのせいで)不可能などというデメリットがありnode-sassモジュールに取って変わられてしまった。
sassはよいプロダクトだったが、rubyが糞だった。
いまやそのsass自身もpostcssに取って変わられつつある(機能ごとに個別にプラグイン入れる方式)
0593Name_Not_Found
垢版 |
2018/05/21(月) 12:48:36.83ID:???
sass のような CSS の生成って何でそんなに性能が影響するものなの？
0594Name_Not_Found
垢版 |
2018/05/21(月) 12:55:21.13ID:???
node sassやlib sassが出来てだいぶ経つし
そんなに困ることねえけどなあ
0595Name_Not_Found
垢版 |
2018/05/22(火) 01:19:12.73ID:???
最近ちらほら見るフレームワークってなんですか？
0597Name_Not_Found
垢版 |
2018/05/22(火) 09:24:34.89ID:???
画像を縦横比を維持したままボックス内に収めるためにobject-fitてのを使って
img {width:500px; height:500px; object-fit:contain;}
とか指定して期待通りの表示にはなったんだけど、この拡大・縮小表示された画像の幅高さの両方をを取得する方法はある？
取得するのはJavaScriptだからCSSしか知らない人にはわからないかな？
0598Name_Not_Found
垢版 |
2018/05/22(火) 09:32:15.47ID:???
そういうのはJSでやるしかないね
0600Name_Not_Found
垢版 |
2018/05/22(火) 16:01:03.72ID:???
>>599
アクセス数を集めるためにやってるからね
名前が多ければそれだけ検索にヒットしやすい

SEOとかいうゴミ技術だよ
役に立たないと言うのにね

役に立たないというのはヒットした所で
ゴミ情報だって気づくからまともに読まれやしない
0601Name_Not_Found
垢版 |
2018/05/22(火) 18:40:51.28ID:???
>>599
自己申告だからウソではないけどなｗ
0602Name_Not_Found
垢版 |
2018/05/22(火) 18:45:07.42ID:???
何も使わないのが一番軽くてソースもシンプルで見やすい
0603Name_Not_Found
垢版 |
2018/05/22(火) 21:10:59.32ID:???
分母によるんじゃない？
40個のうち38個だとばかだけど500個のうち38個だと厳選と呼べるかと
実際世の中に何個あるのか知らないけど
0604Name_Not_Found
垢版 |
2018/05/22(火) 22:30:04.02ID:???
ruby sassは非推奨になっただかなるだかだよ
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況