HTML/CSS のどんな質問にも優しく答えるスレ 32
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。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 >>718
>>719
ありがとうございます！
全て小文字が無難そうですか
すみません、もう1つお聞きしたいのですが、
2単語以上からなる場合、例えば、
about me というファイルやフォルダを作りたい場合の命名は、
スペースを入れてabout me なのか、アンダーバーを入れてabout_me
どちらの方が無難でしょうか？ >>720
>スペースを入れてabout me
現場でやられたら
真空波動拳くらいは許されるレベル Ruby on Rails では、クラス名は、Upper Camel case (ラクダ) / Pascal case。
例えば、CatFood
ファイル名は、Snake case (蛇)
cat_food
Linux では、A・a は異なるファイルになるけど、
Windows では、同一のファイルになるから、大文字を使うと危険！
小文字・アンダーバーだけを使うべき >>721-724
スペースは使わずに、アンダーバーだけが良いのですね
大文字小文字の区別がない場合は大変ですね・・・
とても助かりました
教えて頂きどうもありがとうございました！ オッカムの剃刀について、伊勢田哲治は次のように説明した。
例えば、等速直線運動に対する次のような説明があったとする。
外から力がかからない物体は、神が等速でまっすぐに動かし続けている。
この場合、「神が」という部分が説明に不要である、として切り落としてしまうのがオッカムの剃刀だとし、すると次のような説明が得られるとした。
外から力がかからない物体は、等速で直進する。
>>724の場合、Ruby on Railsが説明に不要である。 一部のスマホで縦スクロールできる画面を全力で一番下まで持っていくと
下の部分だけタップ出来なくなりますが皆さんはどのように対策してますか？ >>720
URLはアンスコじゃなくハイフンを使うのがSEO的にはいい
というのも、ハイフンは単語の句切りとして扱うけどアンスコは単語の一部としてひとまとまりにされるから
「about-me」は「about me」と認識されるけど「about_me」は「about_me」という一つの単語として認定される
と、Google自身が説明してる Rails で例えたのは、Rails をまねたフレームワークが多いから。
たぶん、名前規約も同じ
クラス名が、CatFood なら、
ファイル名は、cat_food
機械的に置き換えられる Rails真似てるってまじで？
そんな最近の話なん？
蛇、駱駝、鎖、ハンガリー人のバトルはもっと古くからあったじゃん？
自分がC言語を齧りかけてた90年台には、パソ通のボードでよく見た
BASICにハマってた80年台は、通信手段持ってなかったのでよくわからんけど ruby信者のウリジナル発言は今に始まったことじゃないから。 ハイフナイズという言葉は初出から200年もたってないから、歴史的には最近の話 スペースをおすすめしないもっとちゃんとした理由を知っとけよ。
URIで使って良い文字の中に含まれてないからな。
半角スペースはURIでは%20になるんだよ。
だから、about%20meになってしまう。 読みづらいし文字数が増えるからダメなんだよ。
ハイフンやアンスコの方が読みやすい。 about 100 yearsとかだと数字が混ざる。 制作中もめんどくさいぞ
cd about me
→そんなディレクトリはないと怒られる
cd about\ me
→こうしていちいちエスケープする必要がある 世の中にはアンダースコア打つのにも
いちいちShift押さなきゃ行けない人がまだ沢山いるんですよ！
すこしは気を使って！ 何をくだらんことでじじいがマウント取ろうとしてるんだがｗ Shiftが不要ってどんな環境？
スマホとかのことを言ってる？？
おじいちゃんだからマジでわからないw macOSはシフトなしでアンダースコア出るな
0x5Aと0x5C両方のキーを用意しないってことが出来たのは
ハードまで作ってるアップルの強みだわな microsoft forms のiflameを埋め込んだページのiflame部分をクロームで見るとすぐ読み込むのですが、ie11だとローディング状態から進みません。どのようなことが原因と考えられるでしょうか？ >>749
仕事で必要でf12モードからヒントなど調査できますでしょうか？ >>750
コンソールと、ネットワークのところ見てみれば？
ていうかMSの開発者もやっぱ
IEは後回しにしてんのかね IEはもうセキュリティアップデートだけじゃないの？ >>752
Mcrosoft FormsってのはMSのサービスで
Webベースのアンケートフォームを手軽に作れちゃうやーつ
それがChromeで問題ないのにIEでコケるってことは
開発時にIEをないがしろにしてるのかなーって >>755
あるね
うちの会社たまに使われてるわ
総務から「給茶機のお茶の種類どれがいいですか？」とか
そんなレベルだけど >>747
> macOSはシフトなしでアンダースコア出るな
アンダースコアはSHIFT+-だけど
もしかしてJISキーボードなんか使ってるの？
USキーボードが世界標準だよ 時々、いままでどうやって生息してたんだろってくらい
頭のおかしいデザとかディレクターいるよな まあ自分と異なる人を
頭がおかしいと表現するのもいささか 今のトレンドです！とか言って4,5年前流行ったデザイン出してくるデザイナーはいるな
現実見ろよと言いたくなる 4〜5年前ならまだいいけど
それいつの？！ってサイトあるからなぁ
企業のサイトに多いけど
大手ですらおまそれ10年前やろってままのあるし IT企業やサービス業でなければ、見えれば良いって思ってるから。
XHTMLの一部上場企業を探すのも苦労しない。 >>767
えとな。企業っていうのはサイトを公開するのが仕事じゃないんだ
ケーキ屋だったらケーキを作る
花屋だったら花を売るのが仕事なんやで それは工場の仕事であり、企業の仕事はもっと広いのです PDFの裏にあるPostScriptなんか誰も気にしないのと同じ。 >>753
未だにそんなものをビジネス用途で使うとこは会社の体制を疑うわ >>767
その位年数経てば一回りして逆にいいかもしれんｗ ウェブサイトなんて目的を達成できてればそれでいいからな 阿部さんのほ〜むペ〜じは
1996〜8年の最新トレンドだからな
でも最近、また横にメニューフレームおくデザイン流行ってるから
20年たって一回りしたのかも sassの教科書買おうか迷ってるんだけど買わなくても身につく？どうしよう。 >>779
タイトルしか知らないけど
特に困ることはないな ネットで入門って検索してたら大抵のことは身につかないかね… >>781
そう？
95年に始めて以来、本なんて
おじさんほとんど買ったことないよ
わからんことは作った人に聞くのが一番だよ 昔はネットの情報も少ないし通信費もあったしで
本とかかったけど今はネットで検索する方が早いからなぁ ブラウザ間での改行幅の扱いで困ってます
Chromeでpreで囲まれた範囲をマウス右ドラッグすると次の画像のようになります
https://i.imgur.com/XkPkMkF.jpg
改行幅の指定がおかしいのかとline-heightやfont-sizeなど関連するCSSを
いじっても一向に変化しません
もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、
上の画像のように重なった部分は現れずドラッグした範囲は一色で塗りつぶされます
これを解消するには改行幅を充分に（150%など）とるしかありません
何が困るかと言うとこのpreの内部で特定文字にだけbackground-colorした場合に
塗られる範囲が上下行にかぶってしまい、上下行の文字が見えなくなるのです
確か過去バージョンのChromeではこんな重なりは無かったように思います
この塗りの範囲を改行幅（行の高さ）を維持したままでCSSでどうにかする方法はあるのでしょうか？
また何かヒントがあれば教えていただけるとありがたいです >>786
今書いているコードを見せないとはどう言う了見だい？ >>786
ならない
preだけじゃなくなんかタグがある or cssでなんかやってる >>786
そんだけ長文かく元気があるなら
HTMLとCSSを晒せよこのマゾ野郎！
http://jsfiddle.net/ まあ長文読む気なんかないよね
要するにフォントサイズの縦幅と改行幅をぴたっと揃えたいって話なんだけど
リセットCSSでもだめ
ここには分かる人が居ないってことがわかりました
どうもありがとうございました そ、そんなこと言っても答えだけ書いてあげたりしないんだからね！ >>791
ちゃんと読んでコード書いて試して答えてあげたのにこれだよ
正確には「必要な情報を出さない質問に答えられる人はいない」だな
今出てる情報ではそんな症状にはならないから
まずは質問できるレベルになれるように勉強してね コードも見せずに質問するやつなんてまじめに答えるだけ無駄やで UIを作るのに、
CSSのグラデーションやCanvasを使用することは多いですか？
それとも自分でイラレやフォトショを使って画像を用意することの方が多いですか？
もし後者の場合、イラレとフォトショはどちらの方が使えると今後に良いでしょうか？
両方使用するのが一番だとは思うのですが、毎月の出費が痛くて・・・
宜しくお願いします UIというかサイトにもよるけど
・CSS+アイコンフォント
・CSS+SVG
がほとんどかな
画像でごちゃごちゃすることあんまりない
イラストや装飾多いサイトなら画像もありだけどそうでなかったらわざわざ画像にする必要ないし
イラレかフォトショかだけど、アイコンフォントやSVG作るにはイラレ、イラスト描くにはフォトショが向いてる
とだけ言っとく イラレ使えなくてもWEBの仕事はできるがフォトショ使えないのは話にならんからな >>796 そうそう、イラレで制作しない
データ送られてきた場合は編集するからイラレの基本は知ってるけど
以前のAdobeは購入したら終わり＝毎月の経費が掛からん
でも、最新verで送ってくる人の開けないaiファイルが多いんだよね・・・ >>793
いやいや
＞もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、
って書いてるし
ブラウザ依存のバグの可能性があるから聞いただけですよ
知らないなら絡む必要なし >>802
だからChromeでもならないって書いただろ
preだけならならないの
他のタグやcssが原因でChromeだけがなってるんだからコード見せろって言ってんだよ webでのイラレ使いをもうみんなで追い出そうぜ
そうすればアドビとの無駄な契約が1つ減らせる。
イラレなんてデータ開く為だけに契約してるわ Flashが消されたように
フォトショ、イラレも消されればいいのに
あんなの標準じゃない、標準にしてはいけない XD便利だよ
win10の最新版じゃないと使えないゴミだけど XD便利だよ
win10の最新版じゃないと、使えなくてゴミになるけど CSSでのセレクタ(？)の指定方法について質問なんですが
.header > .article-text > a { font-size: 18px;}
クラス→クラス→aタグの指定方法がわかりません。上記のように書いたのですがどこがおかしいのでしょうか？
（article-textクラスは複数あります。） >>810
おかしくないぞ
> の意味を勘違いしてるんじゃ？
htmlも出して >>811
<div class="header">
<div class="article-text">
<script type="text/javascript">
○○○○〇〇〇〇
</script>
</div>
</div>
中途半端な小出しで申し訳ありません。
JavaScriptで外部サイトから得たaタグへの編集を行なおうとしていました。
クラス→クラス→タグの場合の指定方法が分からなかったので質問させてもらいました。（＞の後はドットが必要なのか等）
HTMLを見直してみます。
問題点を絞ることができ大変参考になりました。ありがとうございます。 >>804
>>806
おま環が標準だと世界中が困るｗ div.header > div.article-text > a
だろ イラレが要らないって意見フロントエンジニアなら理解できるけどデザイナーで言ってんなら機械音痴のジジイかな？って思っちゃうね 他人のサイトのソースをコピーして自分のサイトで使うのは
権利・倫理面で問題ないのでしょうか？
HTML,CSS共に参考にすることあるんですけど
「パクってんじゃねーよ」的なお叱り受けるのかなと。 ■ このスレッドは過去ログ倉庫に格納されています
