X



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

レス数が950を超えています。1000を超えると書き込みができなくなります。
0001Name_Not_Found
垢版 |
2018/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
0872Name_Not_Found
垢版 |
2019/01/29(火) 12:01:44.43ID:???
その内httpに代わるステートフルなプロトコルができて移行とかするんかね
こんだけ普及してると厳しいか?
0874Name_Not_Found
垢版 |
2019/01/29(火) 12:18:07.28ID:???
>>873
あぁごめん>>853については使った事ないわ
学生ならゲームプログラミングはマジでやめといた方がいいぞ
労働量に対して給料が安すぎる
趣味でフリゲ作ってるぐらいなら別にいいけどね
0875Name_Not_Found
垢版 |
2019/01/29(火) 12:40:37.18ID:???
SCSSってもう使っても大丈夫?
0876Name_Not_Found
垢版 |
2019/01/29(火) 12:58:07.04ID:???
適当ぶっこいて悪態ついて訂正ツッコミで答えを得るのが回答者の気分は置いといて最速の質問手段だそうだが、この手法一般的になんて言われてるの?
0877Name_Not_Found
垢版 |
2019/01/29(火) 13:09:02.39ID:???
>>876
2chでも大昔からあるね
名前は聞いたことがない
0879Name_Not_Found
垢版 |
2019/01/29(火) 13:25:55.79ID:???
WebGLはアプリで良くね感が凄い
0880Name_Not_Found
垢版 |
2019/01/29(火) 13:33:07.89ID:???
わかってないなー
時代はマルチプラットフォームなWebTechなんだよ
アプリでよくね?じゃなくてWebでよくね?の時代になりつつある
乗り遅れちゃだめよ
0881Name_Not_Found
垢版 |
2019/01/29(火) 13:35:22.55ID:???
>>875
はい
なにが「もう」なのかはわからんが
0883Name_Not_Found
垢版 |
2019/01/29(火) 14:10:45.48ID:???
>>882
それをいうならPWAでしょ
ionicフレームワークを使えばAngularベースで
Webページ、PWA、Androidネイティブアプリ、iOSネイティブアプリの開発ができる
同じ言語、同じソースで開発できて細かくUIの装飾が設定できて融通が利くWebTechがこれからは重宝されるよ
0884Name_Not_Found
垢版 |
2019/01/29(火) 14:26:19.76ID:???
>>883
すまん、PWAだった
ionic知らなかったわ、これすげぇな
0887Name_Not_Found
垢版 |
2019/01/29(火) 15:23:59.44ID:???
ReactNativeはFacebook、Skype、Discord、Pinterest、Instagram、Uberに採用されてる実績があるからな
0888Name_Not_Found
垢版 |
2019/01/29(火) 15:41:10.32ID:???
別にどれかひとつを選ばにゃならんわけでもなし
片っ端から試してみりゃいいじゃない
お金がかかるわけでもねえし
0889Name_Not_Found
垢版 |
2019/01/29(火) 16:12:04.28ID:???
reactnativeはwebと関係ないが。webviewすら使われてない。
知ったかする前に検索しろよ。
react ってついてるからって引っ張られてんじゃねーぞ
0890Name_Not_Found
垢版 |
2019/01/29(火) 16:56:03.32ID:???
>>889
は?
iPhone、Androidのネイティブアプリ生成するんだから関係あるだろ
0891Name_Not_Found
垢版 |
2019/01/29(火) 17:00:25.68ID:???
ionicフレームワークってゲームも作れますか?
あんまり向いてない?
0892Name_Not_Found
垢版 |
2019/01/29(火) 17:08:39.05ID:???
できなくもないけどunityの方がいい
0893Name_Not_Found
垢版 |
2019/01/29(火) 17:29:34.97ID:???
>>890
webと関係ないってんだが。スレタイ読めるか?幼稚園児。
0894Name_Not_Found
垢版 |
2019/01/29(火) 17:34:37.39ID:???
スレ違いどころか板違いだわ。
大方本当にwebview使ったハイブリッドフレームワークと勘違いしててそれを指摘されて恥ずかしくなって誤魔化してるんだろう。
ミジメw
0895Name_Not_Found
垢版 |
2019/01/29(火) 17:49:29.04ID:???
ReactNativeはWebkitのJavaScriptエンジンを採用しているからハイブリッドフレームワークと一緒に話題に上がってきてもおかしくない
0896Name_Not_Found
垢版 |
2019/01/29(火) 17:50:33.55ID:???
ReactNativeのコードをブラウザ上で動かせるReactNativeDOMって技術もあるしwebとの繋がりは強いよ
0897Name_Not_Found
垢版 |
2019/01/29(火) 17:58:03.21ID:WF61RSbo
緑の●の中に白色でチェック✔が入った文字をアイコンのように描きたいので、こんな
ふうにしました。
<span style="color:white; border-radius: 8px; border: 1px solid black; background-color: green;">✔</span>
いちおうアイコンぽく表示出来たのですが、縦長の楕円になります。
これをまんまるにして本物のアイコンぽくしたいのですが、どうやればよいでしょうか?
1文字を横に引き延ばすなどは出来ますか?
width設定で広がるかなあと思ったのですが出来ませんでした。
0899Name_Not_Found
垢版 |
2019/01/29(火) 18:06:29.78ID:???
widthとheightを同じ値に指定して
border-radius: 50%;指定で丸くなる
0900Name_Not_Found
垢版 |
2019/01/29(火) 18:07:56.48ID:???
文字の引き伸ばしは文字の要素べつにして
transform: scale( 1.2 , 1 );みたいにすればいいと思う
0902Name_Not_Found
垢版 |
2019/01/29(火) 18:35:00.52ID:WF61RSbo
>>898
>>899
>>900
>>901
ありがとうございました。物凄いテクニックが
あるんですね。感心しました。
0904Name_Not_Found
垢版 |
2019/01/29(火) 18:39:34.19ID:iboPfjxi
>>903
iphoneで見たら微妙だな
0905Name_Not_Found
垢版 |
2019/01/29(火) 18:54:09.43ID:???
absoluteは危険な気がする
0906Name_Not_Found
垢版 |
2019/01/29(火) 18:56:38.32ID:iboPfjxi
svgかフォント使うのが無難やね
0907Name_Not_Found
垢版 |
2019/01/29(火) 21:59:01.46ID:???
>>901
pxでカッチリあわせてもズレやがるブラウザがいる
0908Name_Not_Found
垢版 |
2019/01/29(火) 23:28:40.64ID:q+39CvYC
右向き三角を作るときってさ
指南サイトだとwidthとheightが0のボックスにborderの3辺をtransparentにするってのばっかりなんだけど
content:"▲"をtransform:rotateで横にするのってなんか問題あるの?
0909Name_Not_Found
垢版 |
2019/01/29(火) 23:36:14.47ID:???
>>908
テキストにするとそれが読み上げ対象外、つまり
area-hidden=”true”
を付けなきゃならんかったり、
各ブラウザで▲がどういう風に表示されるかを考えなきゃならんかったりで色々めんどい

どっちにしろ要素が必要なら、borderだけで済む方が楽
0911Name_Not_Found
垢版 |
2019/01/29(火) 23:47:55.25ID:???
どれ、この板では書けるかな?
実体参照: ▶
コピペ: ▶
0914Name_Not_Found
垢版 |
2019/01/30(水) 00:37:31.65ID:???
>>910
俺も最近これ使うこと多いわー
pugとsassのテンプレで変数化してる
0915Name_Not_Found
垢版 |
2019/01/30(水) 11:29:29.87ID:rmflsQHA
>>6
htmlも、bodyも省略してるけど、
なんの害があるの?
0916Name_Not_Found
垢版 |
2019/01/30(水) 11:31:55.21ID:01zuPP2K
colとかrowとか使って画像を横並びにしたんですが、画像が1枚だけでかいんですが何で整え
るべきですか?
スマホでも崩れないようにしたいです。
0917Name_Not_Found
垢版 |
2019/01/30(水) 11:38:42.40ID:???
>>915
よーく目を凝らしてもう一度>>6をみてください
心の目をしかと見開いて


百害あって一利なし(ドヤァ


と書いてありますね?
そうつまりこれは、百害あって云々と言いたかっただけなのであって
実際の害の有無とは関係ないし、なんなら言葉自体に意味もないのです
0918Name_Not_Found
垢版 |
2019/01/30(水) 12:07:28.76ID:rmflsQHA
>>917
ありがとうございます。
害がないなら、タイプミスのも含めてソースコードは短い方がいいですよね。
0919Name_Not_Found
垢版 |
2019/01/30(水) 12:15:31.44ID:???
>>917
これこそ意味のないレスだな

>>918
そんなところタイプミスするならもう辞めろ
0920Name_Not_Found
垢版 |
2019/01/30(水) 12:29:13.99ID:???
>そんなところタイプミスするならもう辞めろ
笑ったw
確かにそれは言える
0921Name_Not_Found
垢版 |
2019/01/30(水) 12:42:53.91ID:rmflsQHA
タイプミスも「含めて」と言ったまで。
そんなミスはしないが、
納品するときソースが短いとキレイに見えるだろ?
0922Name_Not_Found
垢版 |
2019/01/30(水) 12:51:38.17ID:???
蔵による
「閉じタグが無いからちゃんとつけろ」等、無駄なクレームに発展する恐れがある
それなら最初から付けておいた方が良い

・・・って思ったら>>917で出てるじゃん
まぁこの辺の線引が自分で出来ないなら、変なことはできるだけ避けたほうが無難だよ、としか言えない
0923Name_Not_Found
垢版 |
2019/01/30(水) 13:08:16.82ID:???
tbody「ほんとに?僕のことも省略しない?」
thead「どうせ、最初のヘッダ行のスタイルのために私を使うだけなんでしょ!」
0925Name_Not_Found
垢版 |
2019/01/30(水) 13:16:39.93ID:???
ソースが短いとキレイに見えるとかwww
やべえ笑い過ぎて腹痛いwwwww
0926Name_Not_Found
垢版 |
2019/01/30(水) 13:18:26.92ID:???
蔵「おっ、このページいつもよりキレイに見えるな!ソース短くなったのかな?」
0927Name_Not_Found
垢版 |
2019/01/30(水) 13:47:04.01ID:???
ソースを短くして綺麗に見えるんじゃなく、
ソースが冗長だと汚く見えるだけ
テクニカルに短くしても印象は変わらない

>>923
すいません

>>924
labelは使うよ
0928Name_Not_Found
垢版 |
2019/01/30(水) 15:22:59.78ID:rmflsQHA
>>922
終了タグがないとクレームをつけてきた蔵はいないが、
勝手に古いホームページビルダーか何かで弄って、XHTMLにされたことはある。
0929Name_Not_Found
垢版 |
2019/01/30(水) 15:42:53.72ID:rmflsQHA
>>925
あまりムキになって反論するものではないが、
マークアップを推敲や校正するときって、
文章のほうに中心で、タグは関係ない人のほうが多い。
行間が、
</p>
<p>
ってなってるより
<p>
だけのほうが読みやすい。

マークアップは最小文字数のほうが読む人に優しい。
だからidやclassもできるだけ振らず、不要なdivも減らすようにしている。
bodyがあるのに、div id=”container”なんて読み難くなるだけ。

余談だが、色の指定はblackとか、darkredとかの色名で指定している。
プロしか分からない数字の羅列を美しいと思う人は少ないだろう。
0930Name_Not_Found
垢版 |
2019/01/30(水) 15:47:02.77ID:X24JwOft
>>929
釣り針でかいよ
0931Name_Not_Found
垢版 |
2019/01/30(水) 16:03:08.38ID:???
>>929
なんか20年前にタイムスリップした気分
0932Name_Not_Found
垢版 |
2019/01/30(水) 16:15:03.79ID:???
>>922
> 「閉じタグが無いからちゃんとつけろ」等、無駄なクレームに発展する恐れがある
> それなら最初から付けておいた方が良い

不要な閉じタグを入れるなってクレームが来ることもあるよ
どっちもどっち
0935Name_Not_Found
垢版 |
2019/01/30(水) 17:10:15.38ID:???
いくら綺麗にコード書いても誰も見ないよ…
0936Name_Not_Found
垢版 |
2019/01/30(水) 17:18:05.92ID:???
>>929
プロしかわからない数字の羅列w
そもそもおまえ素人じゃんwww
0937Name_Not_Found
垢版 |
2019/01/30(水) 17:23:40.47ID:???
そんなん自分の客見てりゃわかるんじゃね?

俺は終了タグが不要だって指摘されたことはないなあ
伝送量減らすため色々削ってってお願いされたことは一度あったけど
0938Name_Not_Found
垢版 |
2019/01/30(水) 17:47:45.51ID:???
クライアントとのコミュニケーションくらい取ろうよ
0939Name_Not_Found
垢版 |
2019/01/30(水) 17:48:11.47ID:???
>>929
>色の指定はblackとか、darkredとかの色名で指定している。
コードのためにサイトの品質落とすとか、最悪すぎるわ・・・
0940Name_Not_Found
垢版 |
2019/01/30(水) 18:14:01.56ID:???
$color_blue1: #0000cc; // ヘッダのバック等で使っている一番濃い青
$color_blue2: #003699; // スタンダードな濃さの青
$color_blue4: #C0D9E0; // 背景に使うかなり薄い青
 :

みたいなのをSASSの変数集に作っておいて
使うときに「あれ?どれだっけ?」ってなっちゃうことがよくある…
0941Name_Not_Found
垢版 |
2019/01/30(水) 18:24:10.04ID:???
変数名の付け方がおかしい
0942Name_Not_Found
垢版 |
2019/01/30(水) 18:25:26.52ID:???
なんかこんなのあったよvscode拡張機能だけど

ttps://marketplace.visualstudio.com/items?itemName=Nkzq.sass-variables-helper
0944Name_Not_Found
垢版 |
2019/01/30(水) 18:45:37.84ID:???
$blue-base: blue;
$blue-darkest: darken($blue-base: blue, 10%);
$blue-darker: darken($blue-base: blue, 5%);
$blue-lighter: lighten($blue-base, 5%);
$blue-lightest: lighten($blue-base, 10%);
0945Name_Not_Found
垢版 |
2019/01/30(水) 18:46:43.40ID:???
なんか変なことなってた
$blue-base: blue;
$blue-darkest: darken($blue-blue, 10%);
$blue-darker: darken($blue-blue, 5%);
$blue-lighter: lighten($blue-base, 5%);
$blue-lightest: lighten($blue-base, 10%);
0946Name_Not_Found
垢版 |
2019/01/30(水) 18:56:19.59ID:???
グレーっぽいのが10種類ある時どうするの?
0947Name_Not_Found
垢版 |
2019/01/30(水) 19:09:56.66ID:???
$blue-base: blue;
$blue-darkest-of-the-darkests: darken($blue-blue, 30%);
$blue-second-darkest: darken($blue-blue, 25%);
$blue-third-darkest: darken($blue-blue, 20%);
$blue-darkest: darken($blue-blue, 15%);
$blue-much-darker: darken($blue-blue, 10%);
$blue-darker: darken($blue-blue, 5%);
$blue-lighter: lighten($blue-base, 5%);
$blue-much-lighter: lighten($blue-base, 10%);
$blue-lightest: lighten($blue-base, 15%);
$blue-third-lightest: lighten($blue-base, 20%);
$blue-second-lightest: lighten($blue-base, 25%);
$blue-lightest-of-the-lightests: lighten($blue-base, 30%);

いくらでも増やせるから問題ない。
0949Name_Not_Found
垢版 |
2019/01/30(水) 19:13:03.38ID:???
darkest-of-the-darkestsってかっけえな
0951Name_Not_Found
垢版 |
2019/01/30(水) 19:20:08.24ID:???
黄昏よりも暗いとか黒より黒いとか闇より暗いとか
0952Name_Not_Found
垢版 |
2019/01/30(水) 19:23:23.95ID:???
ちなみにモアベターというのは恥ずかしい和製英語。
正しくはマッチベター。
0954sage
垢版 |
2019/01/30(水) 20:00:03.60ID:or1hqXZ6
もはや数字で管理した方がわかりやすい
0955Name_Not_Found
垢版 |
2019/01/30(水) 20:07:09.26ID:???
このスレでこんなに笑ったのは初めてだ
0956Name_Not_Found
垢版 |
2019/01/30(水) 20:10:46.41ID:???
Numbersで表を作りhtmlで保存をしてウェブページに貼り付けると同じページに異なる表を2つ貼り付けると1つ目の表の色が崩れてしまいます。解決策ありますか?
上の表はヘッダーを青で他は色指定してないですが2つ目の表(下)を貼ると上の表が崩れてしまいます。
https://i.imgur.com/rJ4jqPQ.jpg
0958Name_Not_Found
垢版 |
2019/01/30(水) 20:15:11.11ID:???
予想だと2つ目のタグが閉じられてない
0960Name_Not_Found
垢版 |
2019/01/30(水) 20:26:02.57ID:???
<br/>って表記を思い出した
これって今も使ってるの?
0961Name_Not_Found
垢版 |
2019/01/30(水) 21:07:55.69ID:???
>>959
入りきらないならjsfiddleとか使ってよばか
0962Name_Not_Found
垢版 |
2019/01/30(水) 21:11:21.09ID:???
あー
htmlタグごと2つ連ねてるのか
それが原因だろうね
0963Name_Not_Found
垢版 |
2019/01/30(水) 21:12:34.11ID:???
可能ならnumbersで2つの表並べてからhtmlで保存することをおすすめする
0964Name_Not_Found
垢版 |
2019/01/30(水) 21:32:15.17ID:???
>>962
無知ですみません、詳しくお願いします。HTMLソースのどこかを修正すれば治る問題ですか?
それとも書き出し自体が間違ってますか?
0965Name_Not_Found
垢版 |
2019/01/30(水) 21:38:21.08ID:???
>>960
xmlだと<br />になる
html5でも使えるけど使う理由はない
0966Name_Not_Found
垢版 |
2019/01/30(水) 21:40:12.99ID:rmflsQHA
>>939
たぶん君ほど微妙な色加減に頼ったデザインはしていない。
0967Name_Not_Found
垢版 |
2019/01/30(水) 21:47:50.24ID:rmflsQHA
>>936
プロって何だ?
コーディングで料金とってる人って意味なら、オレもプロだが?
入稿してきた記者にも色がの想像がつくように色名で指定している。
プロコーダーと、簡単なマークアップだけの記者と、クラと、
総合的にみて、バランスのいいところでルール作りをするのが仕事だと思う。
0968Name_Not_Found
垢版 |
2019/01/30(水) 21:53:22.75ID:???
>>964
書き出すまえに2つ並べて書き出せるなら
そうしたほうがいい
0969Name_Not_Found
垢版 |
2019/01/30(水) 22:00:53.79ID:???
ID:rmflsQHA
こいつの日本語が不安定で草
朝鮮人かな
0970Name_Not_Found
垢版 |
2019/01/30(水) 22:25:52.17ID:???
>>966
まぁそのアフリカ人みたいな配色で蔵が納得してるならいいんじゃね?
俺だったら気持ち悪くて仕方ないけど
0971Name_Not_Found
垢版 |
2019/01/30(水) 22:27:43.26ID:???
>>966
いや、やっぱりダメだ
俺の目に入る可能性があるんだからお前はもうちょっとデザインセンス磨いてくれ
クソダササイト作って金もらえればそれでいいって、プロ意識の欠片もない。コジキと変わらん
レス数が950を超えています。1000を超えると書き込みができなくなります。

ニューススポーツなんでも実況