2ちゃんねる スマホ用 ■掲示板に戻る■ 全部 1- 最新50    

■ このスレッドは過去ログ倉庫に格納されています

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

1 :Name_Not_Found:2020/09/30(水) 22:55:23.99 ID:???.net
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

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

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

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

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

952 :Name_Not_Found:2020/12/22(火) 11:53:52.70 ID:???.net
>>948
問題ないよ
その言語を知っているか否かの問題なので
left、rightはダメだと言ってるのとかも同じ
なんの意味もない
区別できる文字列ならなんでもいい

953 :Name_Not_Found:2020/12/22(火) 12:54:38.00 ID:???.net
serifとsanserifが紛らわしいから
minch,gothでもいい気がする

954 :Name_Not_Found:2020/12/22(火) 13:20:38.75 ID:???.net
サイトのスタイルを追加するブラウザ拡張(chromeのstylus等)を使い、サイトのメディアクエリ(レスポンシブ機能)を丸ごと無効にすることほできますか?

ブラウザの幅が狭くなるとスマホ用表示になるのを抑止したいです。

同じメディアクエリですべてのスタイルをPC用の内容に上書きするスタイルを追加すればできるとは思いますが、スタイルの数が多いので現実的ではない気がしています。

955 :Name_Not_Found:2020/12/22(火) 17:07:40.61 ID:???.net
上書きしたくないってことになるとstylusでは無理じゃないかな?
Tampermonkeyとか入れてスクリプト書くしかないかも

956 :Name_Not_Found:2020/12/23(水) 08:07:59.62 ID:???.net
画像のまとめサイトを作りたいのですがサイズがバラバラな画像を上手く整列できません
こんな感じに並べたいのですが
■■■
■■■
floatを使うと縦長の画像の右に横長の画像が2枚収まってしまいます
■□▲
  □◇
大量の画像を扱うので理想としては画像を編集画面にポンポンポンと投げただけで並べたいです
抽象的な質問で申し訳ないですが初心者なので管理が簡単なHTMLやCSSだと助かります

957 :Name_Not_Found:2020/12/23(水) 09:44:03.90 ID:???.net
>>956
まずはfloatを使うのを止めよう
時代はflexだから

958 :Name_Not_Found:2020/12/23(水) 10:13:37.83 ID:???.net
>>957
flex使ったら出来ました!
ありがとうございます!

959 :Name_Not_Found:2020/12/23(水) 11:38:44.55 ID:???.net
https://www.usamimi.info/~geko/arch_etc/box.html
このページの「+HTML5」「物理/数学/情報関係」等の四角い枠はどんなタグを使えば作成出来ますか?
宜しくお願い致します

960 :Name_Not_Found:2020/12/23(水) 12:06:47.17 ID:???.net
divタグを使って作成されてるようです

961 :Name_Not_Found:2020/12/23(水) 12:16:49.95 ID:???.net
茶色になってるところはbackground-colorだよ

962 :Name_Not_Found:2020/12/23(水) 12:27:46.03 ID:???.net
>>959のサイトは何の研究者だろうか?凄いな。
10年前にHTML5やらcanvasなんて実験してるがIE6やらベンダーも協調性なくて大変だったろうな

963 :Name_Not_Found:2020/12/23(水) 14:25:50.27 ID:???.net
>>962
10年前はちょうど
「HTML5」というワードが一番バズってた時期
whatwgがw3cからHTMLを本気で奪いにかかって広めた

canvas、video、audioなんかも
その高機能なHTML5の一例として推されてた
スマホのブラウザすごいよって

2010年の後半にIE9が出た頃で
IE8全盛でIE6はサポート終了から4年経ってて
もうそろそろいいかなって感じだった

964 :Name_Not_Found:2020/12/23(水) 15:33:41.65 ID:???.net
>>963
ごめん。ほんまやな。
投稿の2011/06/26って既にスマホ使ってた頃だ。(同年に自分もcss3やHTML5触ってたわ)

そう考えると逆にこのデザインが逆にやべーなw web2.0の前の時代にすら見える。
https://www.usamimi.info/~geko/arch_fbox/001_mandel/index.html
てっきり見た目からtable全盛の時代のサイトかと思ってしまった。
でも難しい事研究してると思う。数学分からん。

965 :Name_Not_Found:2020/12/23(水) 16:15:33.59 ID:???.net
>>961
ありがとうございます

966 :Name_Not_Found:2020/12/23(水) 16:24:38.27 ID:???.net
タグへの質問しておいて
タグへの回答はスルーで
装飾についてのアドバイスにだけお礼を言う奴って素敵

967 :Name_Not_Found:2020/12/23(水) 16:26:12.69 ID:???.net
すみません忘れてました

>>960
ありがとうございます、divタグについて色々と調べている最中です

968 :Name_Not_Found:2020/12/23(水) 17:55:42.29 ID:???.net
div自体は特別な意味なくてそのページではh2やらpをひとまとめにするのに使っている

969 :Name_Not_Found:2020/12/23(水) 18:05:24.38 ID:???.net
>>957-958
flexに流し込みつつ、上端揃えみたいなのあったっけ?

970 :Name_Not_Found:2020/12/23(水) 18:30:55.91 ID:???.net
align-items使えや

971 :Name_Not_Found:2020/12/23(水) 21:47:51.14 ID:???.net
divの中に画像やifameを入れる場合divの幅が画像やiframeにフィットする
ようにするにはどうすればいいんですか?
画像と同じ幅を毎回pxで指定しなければならないんですか?

972 :Name_Not_Found:2020/12/23(水) 22:59:42.45 ID:???.net
女の足にストッキングがフィットするみたいなイメージ?

973 :Name_Not_Found:2020/12/23(水) 23:51:27.24 ID:???.net
divにvw、%、pxなんかで横幅指定してimgの横幅100%じゃだめなの?

974 :Name_Not_Found:2020/12/24(木) 00:55:45.27 ID:???.net
>>971
divというか
display: blockな奴は横に広がって縦に縮むの

975 :Name_Not_Found:2020/12/24(木) 02:09:26.56 ID:???.net
ulの中のliをheight:0でpadding-top:〜〜%とかで常に一定の比率で画像の枠を作りたいんですが、
PC表示ではliのwidthを100%にしてpadding-top:60%で普通に縦一列に表示して、
これをスマホ表示ではfloat:leftでliのwidthを50%で横2列にするとします
そうすると、なぜかスマホ表示では縦のほうが長くなって変な比率になってしまうのですが何故でしょうか?
padding-top:30%にしたらちょうどうまくいったようです
width:50%に変えても、そのwidthを基準にしてpaddingするから60%のままでいいんじゃないんですか?floatさせると何か変わるんでしょうか?

976 :Name_Not_Found:2020/12/24(木) 03:04:32.49 ID:???.net
よく分からんけど、その場合のpadding-topは(画像の高さ/画像の横幅)*100じゃなかったっけ?
計算合ってる?

977 :Name_Not_Found:2020/12/24(木) 03:14:32.90 ID:???.net
>>975
気づいてるかもしれんけど
基準値がliの幅じゃなく親要素だから

中にbeforeか、なにか別の要素置いて
高さ60%にしたらいいんでね
縦横比固定したい時によくやるやーつ

978 :Name_Not_Found:2020/12/24(木) 06:41:40.78 ID:???.net
あ、親要素が基準でしたか。勘違い申し訳ない
padding上下はその要素そのもののwidthを基準にすると勘違いしていた

979 :Name_Not_Found:2020/12/24(木) 08:29:14.19 ID:???.net
>>971
divの幅を0にすればどんな画面入れてもフィットするやろ

980 :Name_Not_Found:2020/12/24(木) 08:31:33.01 ID:???.net
>>979
素人ですまん、
border-sizingがcontentでもborderでもそうなるの?

981 :Name_Not_Found:2020/12/24(木) 12:46:37.37 ID:???.net
submiボタンで送信するのでなければinputタグはformタグで囲まなくてもいいんですか?

982 :Name_Not_Found:2020/12/24(木) 14:36:20.53 ID:???.net
ハロー!わたしサブ美!
formタグに囲まれて怒張した肉棒をかわるがわるinputされてるの♡

983 :Name_Not_Found:2020/12/24(木) 19:19:42.08 ID:???.net
>>981
構わんよ

なんなら、submitするとしても
inputやselect要素にform属性つけたら
form要素の外にあっても大丈夫

984 :Name_Not_Found:2020/12/25(金) 01:53:16.25 ID:???.net
ウェブデザイナーになりたくて”一冊で身につくHTMLとWebデザイン”
"スラスラ分かるhTML&CSSの基本"という本を買ったのですが
色々知ってるのが前提に解説されていてイマイチ理解できませんでした。
プログラミング一切やったことに人向けのHTMLの本でお勧めはないでしょうか?
Hello worldから始まるような本を探しています

985 :Name_Not_Found:2020/12/25(金) 03:09:42.74 ID:???.net
1冊で身につくという本は全て詐欺です

986 :Name_Not_Found:2020/12/25(金) 03:30:02.36 ID:???.net
>>984
ここで何かしらオススメ書いてもステマだ何だと騒ぐ馬鹿が湧いて出てくるから
尼のレビュー読んで気になったのをピックアップして、実際に書店に行って
自分に合ってるかどうか確認した方がいいんじゃないかと
あとは本以外でも動画系学習サイトとか初心者向け解説サイトとか
「HTML 初心者 サイト」とかでググれば色々と出てくるし、本を買わなくても
十分事足りるので、先ずは本を買う前にネットで調べてみるといいかも

987 :Name_Not_Found:2020/12/25(金) 03:40:42.23 ID:???.net
>>986
自分で3冊買って失敗したので教えてほしかったのですが厳しいですか…

<body>

<h1>kujira cafe <h1>
<nav>

<nav>

<h2> <h2>
って文があったら一行一句何を意味してるのか全て解説してるような本をまず読みたいんですけど..

988 :Name_Not_Found:2020/12/25(金) 03:49:39.42 ID:???.net
>>987
「html5 リファレンス」で検索して
で出てくる本をすぐ買うが良い

989 :Name_Not_Found:2020/12/25(金) 09:25:26.81 ID:???.net
>>984,987
足りないのは説明やウェブの知識ではなく
それ以前の問題かもなあ

あと反復練習
一回説明を受けてやっただけで理解できるようには
人の脳は出来てない

自転車が倒れないメカニズムやアルゴリズムを
初めて乗る人に説明しても
理解できないし乗れるようにはならん
でも乗れる人はその説明を納得しやすい、のと同じ

まず今知ってる、出来ることだけで書いて
何度も繰り返して、見様見真似して
なんとなくわかった気になってからの方がいいと思うよ

本とかに頼るのは

990 :Name_Not_Found:2020/12/25(金) 09:52:46.53 ID:???.net
ほんと、授業でやった
阿部寛のホームページ模写なんて
最初は難しかったもんなぁ。

991 :Name_Not_Found:2020/12/25(金) 16:19:27.14 ID:???.net
プログラミングも何も分からないっていう初心者向けサイトとか、調べればいくらでも出てくるけど
それらを一通り読んで実践してみた上で、今持ってる本を読めば大抵は何とかなると思うんだが
それでもダメなら、もう向いてないから諦めた方がいいって事なのかもな

992 :Name_Not_Found:2020/12/25(金) 16:31:33.67 ID:???.net
めんどくさいんで自分のHPなんて90年代センスでいいや!とか開き直りしてるけど、いざとなったらどこぞのオサレなサイトをパク…参考にするつもり(959みたいに
独自のスクリプトなんて大して使ってない処がほとんどだろうし、ビジネスロジックは除去

本とかセミナーに行く必要性はないよな?

993 :Name_Not_Found:2020/12/25(金) 18:46:43.31 ID:???.net
>>992
にほんごでおk

994 :Name_Not_Found:2020/12/25(金) 19:53:34.98 ID:???.net
書いといた。

三大バカが意味も分からず使いたがる用語 デプロイ
https://medaka.5ch.net/test/read.cgi/prog/1597086668/
248 仕様書無しさん sage 2020/12/25(金) 19:52:18.83
ビジネスロジック

995 :Name_Not_Found:2020/12/25(金) 19:57:59.79 ID:???.net
デプロイなんてesxiでしか使わないな

996 :Name_Not_Found:2020/12/25(金) 20:36:27.27 ID:u4chuuVQ.net
Git

997 :Name_Not_Found:2020/12/25(金) 21:26:08.76 ID:???.net
>>992
それなら最初からWordPress使っとけって話だけどな
本職のデザイナが作った無料テンプレートが腐るほどあるのに、
なんで初心者ほど自作したがるんや

998 :Name_Not_Found:2020/12/25(金) 21:30:02.34 ID:???.net
>>997
Go使いでGCPでサイトを建ててるF2

999 :Name_Not_Found:2020/12/25(金) 21:37:00.65 ID:???.net
>>997
つまりケチってんのよサーバー代も
データ永続化もFirestoreで無料
利用者のユーザ管理はOAuth
comドメインの登録料だけ払ってる

1000 :Name_Not_Found:2020/12/25(金) 21:38:01.29 ID:???.net
ラストノシ

1001 :2ch.net投稿限界:Over 1000 Thread
2ch.netからのレス数が1000に到達しました。

総レス数 1001
254 KB
掲示板に戻る 全部 前100 次100 最新50
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★