ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。
質問するときはIDを出すためにメール欄を age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 48
https://mevius.5ch.net/test/read.cgi/hp/1627551978/
■関連スレ
Webサイト制作初心者用質問スレ part253
https://mevius.5ch.net/test/read.cgi/hp/1626528070/
■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html
HTML/CSS のどんな質問にも優しく答えるｽﾚ 49
レス数が1000を超えています。これ以上書き込みはできません。
2021/11/09(火) 14:10:27.98ID:???
2021/11/09(火) 14:58:00.86ID:???
>>1はできる子
2021/11/09(火) 15:25:16.51ID:???
できる子ちゃん
2021/11/09(火) 22:47:10.59ID:???
>>1ができる子って噂を聞いて走ってきました
2021/11/09(火) 23:05:07.43ID:???
<input type="text" value="あああ あああ">
これをブラウザで表示してテキストボックスの「あああ あああ」の部分を
テキストエディタ（使ってるのはterapad）にコピペすると「あああ??あああ」と表示されてしまいます。
半角スペースは２つ並べても１つ分しか表示されないので を使いたいんだけど
他にコピペしても文字化けしないかつ半角スペースを２つ以上連続で表示できるようにするにはどうすればいいんですの？
これをブラウザで表示してテキストボックスの「あああ あああ」の部分を
テキストエディタ（使ってるのはterapad）にコピペすると「あああ??あああ」と表示されてしまいます。
半角スペースは２つ並べても１つ分しか表示されないので を使いたいんだけど
他にコピペしても文字化けしないかつ半角スペースを２つ以上連続で表示できるようにするにはどうすればいいんですの？
6Name_Not_Found
2021/11/09(火) 23:06:35.63ID:NFl2iet+ 訂正ブラウザで表示されている部分は
「あああ あああ」です
「あああ あああ」です
7Name_Not_Found
2021/11/09(火) 23:07:37.21ID:NFl2iet+ もう１回訂正
ブラウザで表示されているのは「あああ あああ」です
ブラウザで表示されているのは「あああ あああ」です
2021/11/09(火) 23:57:04.33ID:???
普通に半角スペース2つ並べればええで（大嘘）
2021/11/10(水) 00:38:46.99ID:???
そもそもinputのvalueは半角スペース連続してても圧縮表示されないでしょ？
＆nbspはU+00A0で通常のスペース文字ではない
firefoxやieならコピー時にU+0020に変えてくれるけどchromium系はそのまま
webやるのにユニコードに対応してないterapadは捨てましょう
＆nbspはU+00A0で通常のスペース文字ではない
firefoxやieならコピー時にU+0020に変えてくれるけどchromium系はそのまま
webやるのにユニコードに対応してないterapadは捨てましょう
2021/11/10(水) 01:46:27.93ID:???
できる子乙なの
2021/11/10(水) 13:56:26.71ID:???
>>9
横からだけど、勉強になった
横からだけど、勉強になった
2021/11/10(水) 15:59:46.29ID:???
>>9
なんでブラウザのそんな細かな挙動知ってんの？怖っ
なんでブラウザのそんな細かな挙動知ってんの？怖っ
2021/11/10(水) 16:02:00.62ID:???
2021/11/10(水) 21:57:50.86ID:???
TeraPad は、新しめの文字コードに対応していないので、やたらと? と表示される。
アプリ自体がかなり古いので、使わない方がよい
漏れは、VSCode・サクラエディタを使っている
アプリ自体がかなり古いので、使わない方がよい
漏れは、VSCode・サクラエディタを使っている
2021/11/10(水) 23:19:24.48ID:???
ほげーterapadだめなんだ！
2021/11/11(木) 00:42:08.10ID:???
秀丸秀丸
2021/11/11(木) 00:58:38.51ID:???
PC歴長いけど、秀丸ってシェアウエアなのもあって
未だに試したことすら無い
未だに試したことすら無い
2021/11/11(木) 01:24:14.04ID:???
選択文字の質問です
1
<div><p>あいうえお</p></div>
2
<div>
<p>あいうえお</p>
</div>
という文書をtest.htmlとして保存してブラウザで開いた後
あいうえおをタブルタップないしはトリプルタップで選択しエディタにコピペをするとChrome系とFirefoxで挙動が異なります
SRIron(Chrome系) 3回タップが必要
1はあいうえおの後に2回改行が入る
2は改行は入らず
Firefox ダブルタップでもあいうえおは選択される
1は改行は入らず
2はダブルタップ時は改行は入らず トリプルタップ時はあいうえおの前に改行2個 後に改行1個
どういう法則で改行が入ったりしたりしなかったりするのか
本来どちらの挙動が望ましいものなのか
バグなのか
その辺を知りたいです。
1
<div><p>あいうえお</p></div>
2
<div>
<p>あいうえお</p>
</div>
という文書をtest.htmlとして保存してブラウザで開いた後
あいうえおをタブルタップないしはトリプルタップで選択しエディタにコピペをするとChrome系とFirefoxで挙動が異なります
SRIron(Chrome系) 3回タップが必要
1はあいうえおの後に2回改行が入る
2は改行は入らず
Firefox ダブルタップでもあいうえおは選択される
1は改行は入らず
2はダブルタップ時は改行は入らず トリプルタップ時はあいうえおの前に改行2個 後に改行1個
どういう法則で改行が入ったりしたりしなかったりするのか
本来どちらの挙動が望ましいものなのか
バグなのか
その辺を知りたいです。
2021/11/11(木) 01:39:40.28ID:???
ブラウザによって挙動は異なりますがバグではありません仕様です
20Name_Not_Found
2021/11/11(木) 06:34:23.44ID:dljWC3V8 わたしは禿丸を使ってます。
おかげでハゲました。
おかげでハゲました。
2021/11/11(木) 10:14:10.48ID:???
>>14
うちもその組み合わせだわー
テラパッドは有名だけど縁がなくてほとんど使ったことないし
秀丸は（解除法知ってるけど）出向先で使えないことが多い（大手はシェアウェアNG多い？）ので記憶から消えてった
機能覚えて損のないサクラに落ち着いた
ゴリゴリ書くときはvscode
うちもその組み合わせだわー
テラパッドは有名だけど縁がなくてほとんど使ったことないし
秀丸は（解除法知ってるけど）出向先で使えないことが多い（大手はシェアウェアNG多い？）ので記憶から消えてった
機能覚えて損のないサクラに落ち着いた
ゴリゴリ書くときはvscode
22Name_Not_Found
2021/11/11(木) 17:27:52.73ID:dljWC3V8 >>21
あなたは禿丸の作者から特別にハゲ認定されてますか？
あなたは禿丸の作者から特別にハゲ認定されてますか？
2021/11/11(木) 17:43:56.54ID:???
俺は秀とvscだなー
2021/11/11(木) 20:05:15.40ID:???
★という文字を抽出して、背景色を変更できますか？
セレクタはありません。
typoraというエディタを使っていて、テーマをカスタムしたいのですはい
セレクタはありません。
typoraというエディタを使っていて、テーマをカスタムしたいのですはい
2021/11/11(木) 20:09:49.76ID:???
js使えばできるじゃね？
でも抽出じゃなく普通にclass名設定して適用するのがいいと思うよ
でも抽出じゃなく普通にclass名設定して適用するのがいいと思うよ
2021/11/11(木) 20:39:56.81ID:???
2021/11/13(土) 01:22:28.80ID:???
css3のanimationについて質問です
#test{
position:absolute;
}
<div id="test">test</test>
ページを読みこんで3秒後に一瞬でposition : absoluteがfixedに変わるようにするにはどうすれば良いのでしょうか？
#test{
position:absolute;
}
<div id="test">test</test>
ページを読みこんで3秒後に一瞬でposition : absoluteがfixedに変わるようにするにはどうすれば良いのでしょうか？
2021/11/13(土) 02:01:58.75ID:???
>>27
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_animated_properties
positionはanimate可能なプロパティではありません
jsでスイッチさせてください
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_animated_properties
positionはanimate可能なプロパティではありません
jsでスイッチさせてください
2021/11/13(土) 02:03:54.14ID:???
jsでスタイル変えるしかなさそう
2021/11/13(土) 05:20:41.33ID:???
最初からfixedで良くね
2021/11/13(土) 07:36:49.73ID:???
>>28-30
アドバイスTHX
アドバイスTHX
2021/11/13(土) 10:38:40.76ID:???
2021/11/13(土) 14:23:16.76ID:???
2000年代かな？
2021/11/13(土) 16:16:49.79ID:???
いや、そいつはterapadを使い続けたいからeucjpでとか言ってるだけだろ
2021/11/13(土) 16:27:03.50ID:???
VSCodeの文字コードなんて設定を変えりゃいいだけの話だし
terapadだって初期設定はsjisだったのに何言ってんだっていう
terapadだって初期設定はsjisだったのに何言ってんだっていう
2021/11/13(土) 16:28:58.08ID:???
今時のHTMLはcharset指定しなければutf-8だよな、と思ったら HTML LS での新規仕様なだけなのか
2021/11/13(土) 16:58:44.89ID:???
2021/11/13(土) 21:25:24.01ID:???
いや、だって05年あたりからこの方、euc-jpなんてキャラクタセットはどこぞの大学の95年あたりの古代から更新されてないページくらいでしか見た覚えが無いんだが(良くあったよな文字化けページ
2021/11/14(日) 00:15:32.29ID:???
2021/11/14(日) 00:36:16.15ID:???
メルマガ(笑)
2021/11/14(日) 01:00:28.25ID:???
2021/11/14(日) 01:09:29.26ID:???
必要な道具を選んで使えればいい、て話だしね
2021/11/14(日) 03:11:21.65ID:???
専門分野だけどメルマガ、
週に1度20000通ぐらい送ったうち
5000通ぐらいはクリックして内容見てくれているのは嬉しいけどな
週に1度20000通ぐらい送ったうち
5000通ぐらいはクリックして内容見てくれているのは嬉しいけどな
2021/11/14(日) 03:24:11.93ID:???
ケンカ売ってるヤツがケンカ売られてキレんなよ
2021/11/14(日) 10:25:04.41ID:???
2021/11/14(日) 10:28:38.44ID:???
2021/11/14(日) 12:44:57.68ID:???
いやたち向かわんでいいよ
俺もメルマガやってるけどメーラー対応面倒よね
俺もメルマガやってるけどメーラー対応面倒よね
2021/11/14(日) 13:47:13.59ID:???
>>46
会話が成立しない猿に使う元気があったらコード書いてるほうが有意義
会話が成立しない猿に使う元気があったらコード書いてるほうが有意義
2021/11/14(日) 16:34:51.99ID:???
自分のルーティンみたいもんもあるだろうし
ツールなんて好きなの使えばいいとは思うが
vscode使わず古いterapad使い続ける理由が
>>32で、文字コードごとに使い分けてるなら
煽りたくなる気持ちも分かる
ツールなんて好きなの使えばいいとは思うが
vscode使わず古いterapad使い続ける理由が
>>32で、文字コードごとに使い分けてるなら
煽りたくなる気持ちも分かる
2021/11/14(日) 17:15:10.92ID:???
わかるわー
2021/11/14(日) 18:00:17.35ID:???
>>49
vscode使わずなんて書いてないんだけどな。
euc-jpでドキュメントのたくさん新規作成する時や小さいウインドウでサクっと作業するときにterapad使ってるってだけで。
vscodeは行番号の背景色やスクロールバーの色など細かい部分でカスタマイズは必要だったが概ね気に入ってるよ。
マルチカーソルと画面分割、ソース折りたたみ、SassのコンパイルやEmmetが便利だし。
正規表現やフォルダごと置換はAdobeのDWと比較すると画面が見にくいが全部揃ってて軽いのってこれくらいだしな。
さくらはDOMツリーが見やすいのは良いがメインにはならない。
秀丸は7年前くらいの当時はフリーのエディタで正規表現使えるのは希少だった
Sublime_textはvscode出てから使わなくなった。
これら色々使ったうえでterapad「も」使ってる。文句ある？
vscode使わずなんて書いてないんだけどな。
euc-jpでドキュメントのたくさん新規作成する時や小さいウインドウでサクっと作業するときにterapad使ってるってだけで。
vscodeは行番号の背景色やスクロールバーの色など細かい部分でカスタマイズは必要だったが概ね気に入ってるよ。
マルチカーソルと画面分割、ソース折りたたみ、SassのコンパイルやEmmetが便利だし。
正規表現やフォルダごと置換はAdobeのDWと比較すると画面が見にくいが全部揃ってて軽いのってこれくらいだしな。
さくらはDOMツリーが見やすいのは良いがメインにはならない。
秀丸は7年前くらいの当時はフリーのエディタで正規表現使えるのは希少だった
Sublime_textはvscode出てから使わなくなった。
これら色々使ったうえでterapad「も」使ってる。文句ある？
2021/11/14(日) 18:06:22.20ID:???
そういやSublime_textも文字コード変換に弱かった。
めんどくささ、見やすさいう意味で変換や置換関連で一番強かったのはDW。
これはソースの整理も強い。例えばpタグを削除（クラスIDあるなし、閉じタグ含め）や
マークダウンもボタン1つで除去できたな。
ソフト自体が重すぎて使わなくなったが。
めんどくささ、見やすさいう意味で変換や置換関連で一番強かったのはDW。
これはソースの整理も強い。例えばpタグを削除（クラスIDあるなし、閉じタグ含め）や
マークダウンもボタン1つで除去できたな。
ソフト自体が重すぎて使わなくなったが。
2021/11/14(日) 18:39:55.70ID:???
煽られたくなければ煽り返してないで、詳細端折らず、そう書いとけばいいのに
最後にまた余計な一文で煽り返してるっていうね
技術以前に煽り耐性を身につけた方がいい
最後にまた余計な一文で煽り返してるっていうね
技術以前に煽り耐性を身につけた方がいい
2021/11/14(日) 20:13:58.45ID:???
2021/11/14(日) 20:30:18.51ID:???
>>54
文句あります？
文句あります？
2021/11/14(日) 22:01:46.10ID:???
なんのスレだっけここ
2021/11/14(日) 23:07:16.78ID:???
スレタイ読める勢が黙るスレです
2021/11/15(月) 10:21:32.73ID:???
Macなので文字コード変換はmi使ってる
色々試したけどこれが文字コード周りはこれが良かった
色々試したけどこれが文字コード周りはこれが良かった
2021/11/15(月) 10:28:58.36ID:???
macは文字コード改行コードもmiが便利やね
BOM削除とかもあったっけか
BOM削除とかもあったっけか
60Name_Not_Found
2021/11/15(月) 12:47:20.01ID:Hk05C2Jv jedit
いいですよー
いいですよー
2021/11/15(月) 14:15:12.66ID:???
jedit前はよく使ったけど、まだあるんだ
62Name_Not_Found
2021/11/15(月) 21:10:38.08ID:EMV4y3z+ サイトを作るときのフォントサイズについてなんですが、IE ,fire fox ,Chromeに対応する場合はemを使うべきでしょうか?
pxだとブラウザごと端末ごとに変える必要がありそうなので使いたくないんですが
pxだとブラウザごと端末ごとに変える必要がありそうなので使いたくないんですが
2021/11/15(月) 21:17:44.58ID:???
静的htmlで作成する場合
/index.html
/css/style.css
/image/top.jpg
という構成で
background-imageを指定するとき
1：background-image: url(/image/top.jpg)か
2：background-image: url(..//image/top.jpg)
サーバ上ではどちらも見えるけど
1はローカルでは反映できない、2はローカルで反映できるということになるよね
現場の人はどっちで作るべきなの？
/index.html
/css/style.css
/image/top.jpg
という構成で
background-imageを指定するとき
1：background-image: url(/image/top.jpg)か
2：background-image: url(..//image/top.jpg)
サーバ上ではどちらも見えるけど
1はローカルでは反映できない、2はローカルで反映できるということになるよね
現場の人はどっちで作るべきなの？
2021/11/15(月) 23:26:25.18ID:???
2021/11/15(月) 23:33:32.09ID:???
2021/11/16(火) 12:19:48.53ID:???
>>63
動的ばっかりやってるからそのまま静的も1が多い。
1は絶対パス。
最近のサイトは1つのコンテンツに対して読み込まれる側ではなく
読み込む側の位置が変わる事が多いからどこから読んでも同じパスになるように相対ではなく対パスにする事で
作業負担やミスが圧倒的に減るお
動的ばっかりやってるからそのまま静的も1が多い。
1は絶対パス。
最近のサイトは1つのコンテンツに対して読み込まれる側ではなく
読み込む側の位置が変わる事が多いからどこから読んでも同じパスになるように相対ではなく対パスにする事で
作業負担やミスが圧倒的に減るお
2021/11/16(火) 15:03:11.47ID:???
肉付けされまくったサイトのcss指定が
../../../../../style.css
とかたまにあって吐くわ
部署ごとにあるかもしれませんが、魑魅魍魎状態
../../../../../style.css
とかたまにあって吐くわ
部署ごとにあるかもしれませんが、魑魅魍魎状態
2021/11/16(火) 15:24:58.82ID:???
cssでの指定はcssファイルからが起点になるのは仕方無いの？
相対なら一度 ../ で上がらないといけないけど
ルートディレクトリなら心配しなくて良いのか・・
相対なら一度 ../ で上がらないといけないけど
ルートディレクトリなら心配しなくて良いのか・・
2021/11/16(火) 15:39:52.63ID:???
絶対パスしか使いたくないでござる
70Name_Not_Found
2021/11/16(火) 18:07:36.15ID:yeBr81ND スマホ向けで水平・垂直に切り替えた時の挙動の対応方法を教えてください。
常にディスプレイに対して高さ100%表示にしたいです。
この時引っかかるのが「ロケーションバーや下のステータスバー」です。
垂直状態から水平に向きを変えた時、
その要素分空間が空いてしまいます。
ならないブラウザもありますが、OS標準であるSafariではなってしまいます。
常にディスプレイサイズに対して高さ100%にする方法ってありますか？
常にディスプレイに対して高さ100%表示にしたいです。
この時引っかかるのが「ロケーションバーや下のステータスバー」です。
垂直状態から水平に向きを変えた時、
その要素分空間が空いてしまいます。
ならないブラウザもありますが、OS標準であるSafariではなってしまいます。
常にディスプレイサイズに対して高さ100%にする方法ってありますか？
2021/11/16(火) 19:45:18.15ID:???
PC用のグローバルメニューを作っているんだけど、
昔はul>li*5みたいな形で作っていたものを
navを使おうと思ったらどう使えばいいの
header
section.globalNav(幅指定無し)
section.container(幅1024px)
ul(flex)>li*5
みたいなのを考えたけどnavタグってどこに使えば・・・
昔はul>li*5みたいな形で作っていたものを
navを使おうと思ったらどう使えばいいの
header
section.globalNav(幅指定無し)
section.container(幅1024px)
ul(flex)>li*5
みたいなのを考えたけどnavタグってどこに使えば・・・
2021/11/16(火) 21:38:56.22ID:???
>>70
とりあえずコレでも
これからはこの実装がオススメ！ブラウザの高さいっぱい、iOSでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック | コリス
ttps://coliss.com/articles/build-websites/operation/css/css-cover-the-entire-height-of-the-screen.html
とりあえずコレでも
これからはこの実装がオススメ！ブラウザの高さいっぱい、iOSでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック | コリス
ttps://coliss.com/articles/build-websites/operation/css/css-cover-the-entire-height-of-the-screen.html
2021/11/16(火) 21:45:37.94ID:???
2021/11/17(水) 03:29:24.42ID:???
2021/11/17(水) 05:23:19.38ID:???
>>74
nav要素はsection要素と同じくセクショニングコンテンツ（コンテンツ区分要素）
section要素は他に適切なセクショニングコンテンツが無い場合に使う
とりあえずコレ読んでみるといいかも
HTML 要素リファレンス - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element#content_sectioning
<nav>: ナビゲーションセクション要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/nav
あとは「html セクショニングコンテンツ」とかで検索してみるといいよ
nav要素はsection要素と同じくセクショニングコンテンツ（コンテンツ区分要素）
section要素は他に適切なセクショニングコンテンツが無い場合に使う
とりあえずコレ読んでみるといいかも
HTML 要素リファレンス - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element#content_sectioning
<nav>: ナビゲーションセクション要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/nav
あとは「html セクショニングコンテンツ」とかで検索してみるといいよ
2021/11/17(水) 11:57:23.69ID:???
あ？
2021/11/17(水) 12:19:50.89ID:???
どした
2021/11/17(水) 12:55:42.84ID:???
79Name_Not_Found
2021/11/18(木) 16:37:44.48ID:VouHkH1n サイトを作るときのフォントサイズについてなんですが、IE ,fire fox ,Chromeに対応する場合はemを使うべきでしょうか?
pxだとブラウザごと端末ごとに変える必要がありそうなので使いたくないんですが
pxだとブラウザごと端末ごとに変える必要がありそうなので使いたくないんですが
2021/11/18(木) 16:52:13.78ID:???
既視感がすごい
2021/11/18(木) 22:29:09.01ID:???
PXがいいよ
2021/11/18(木) 22:51:52.16ID:???
デフォルトのフォントサイズは通常 16px じゃないの？
14 もあるかも知れないけど
それを、1 em/rem にすれば？
14 もあるかも知れないけど
それを、1 em/rem にすれば？
2021/11/19(金) 15:41:47.98ID:???
2021/11/19(金) 15:43:17.71ID:???
他のタグはデフォなんてつかわないだろうに
liのへんなマークとか使うか？
なんでフォントサイズだけはデフォ使う前提なんだよ
liのへんなマークとか使うか？
なんでフォントサイズだけはデフォ使う前提なんだよ
2021/11/19(金) 17:19:01.92ID:???
>>84
ulとかolにlist-style: none;指定してるリセットCSS使えば？
ulとかolにlist-style: none;指定してるリセットCSS使えば？
2021/11/19(金) 20:32:25.29ID:???
誰がどう読んでも84はそんなこと知ってると思うの
2021/11/19(金) 22:02:08.01ID:???
>>85
読解力なさすぎ
読解力なさすぎ
2021/11/20(土) 00:09:12.12ID:???
2021/11/20(土) 01:32:18.10ID:???
youtubeトップ画面で1行に表示させる動画数を増やしたいと思い
:root * {--ytd-rich-grid-items-per-row: 6 !important;}
というcssをStylusで適用したのですが、右端に空欄ができていて、動画数も5個になっています
ちなみにCtrl＋ホイールで縮小させると80%くらいでやっと6個になりました
どうやったら空欄を埋めれますでしょうか
:root * {--ytd-rich-grid-items-per-row: 6 !important;}
というcssをStylusで適用したのですが、右端に空欄ができていて、動画数も5個になっています
ちなみにCtrl＋ホイールで縮小させると80%くらいでやっと6個になりました
どうやったら空欄を埋めれますでしょうか
2021/11/20(土) 01:46:20.18ID:???
Stylus使ってなくても縮小すれば6個になるよ
2021/11/20(土) 16:36:35.38ID:???
大事なことなので2回言いました、みたいになってる
2021/11/20(土) 16:58:54.05ID:???
おまいら情弱だな。
俺がいい事教えてやろう
Stylusなんて使わなくても
ブラウザの虫眼鏡マークで80%くらいに縮小すれば6個になる
騙されたと思ってやってみ？
俺がいい事教えてやろう
Stylusなんて使わなくても
ブラウザの虫眼鏡マークで80%くらいに縮小すれば6個になる
騙されたと思ってやってみ？
2021/11/20(土) 17:29:57.25ID:???
2021/11/20(土) 18:02:04.06ID:???
2021/11/21(日) 19:49:01.66ID:???
livedoorブログなどでbootstrapは必要でしょうか？
2021/11/21(日) 20:02:53.17ID:???
必要でしょうか？って言われたら必要ではない
2021/11/21(日) 20:28:00.30ID:???
フリーでサイトのモック？を作りたいのですが、inkscapeなどがいいのでしょうか？
ワイヤーだけではなく装飾も作っておいたほうがいいんですよね？
ワイヤーだけではなく装飾も作っておいたほうがいいんですよね？
2021/11/21(日) 21:04:17.94ID:???
どういう答えを期待してるのかサッパリ分からんけど
無料で使えるソフトやサービスなんて限られてるんだから
色々試して好きなの使えばいいよ
無料で使えるソフトやサービスなんて限られてるんだから
色々試して好きなの使えばいいよ
2021/11/21(日) 23:03:36.74ID:???
excel方眼紙でええ
2021/11/22(月) 04:49:31.95ID:???
はい(´・ω・`)
サービス多すぎるからペイントでやったほうが良いインじゃないかなと
サービス多すぎるからペイントでやったほうが良いインじゃないかなと
2021/11/22(月) 17:23:21.30ID:???
Figma試してみるとか
2021/11/24(水) 10:49:42.35ID:???
ブログのデザインをする場合、ペイントソフトなどでモック？を作りますか？
gimpでやろうと思うんですが、どうやってますか？
uxは持ってません
gimpでやろうと思うんですが、どうやってますか？
uxは持ってません
2021/11/24(水) 11:38:42.31ID:???
俺は毎朝欠かさずUX飲んでから仕事始める
2021/11/24(水) 21:11:23.44ID:???
デザインを仕事にしてるプロならphotoshop一択
そでなく自分一人で完結するならgimpでもなんでもいい
そでなく自分一人で完結するならgimpでもなんでもいい
2021/11/25(木) 06:33:48.17ID:???
ラスタのほうが色々描けるから、ベクタは選ばないってことですかね。
2021/11/25(木) 13:57:04.36ID:???
>>105
巨大なラスター絵は、縮小すればベクターなもんさ
巨大なラスター絵は、縮小すればベクターなもんさ
2021/11/25(木) 14:12:39.12ID:???
photoshopでもベクター扱えるだろ
2021/11/25(木) 14:20:26.43ID:???
XDとかfigmaとかじゃあかんのかモックん
109Name_Not_Found
2021/11/25(木) 17:50:45.88ID:T8nIbur8 最近フォトショは純粋な写真編集にしか使ってないな
XD便利
XD便利
2021/11/25(木) 18:40:42.01ID:???
HTMLやCSSの話から外れると途端にレベル下がるなｗ
2021/11/26(金) 17:35:08.30ID:???
次の画像のようなレイアウトを作りたいです
PC時
https://imgur.com/GzDfq0e
SP時
https://imgur.com/CQ0JELN
要素はこんな感じです
<div>
<figure><img src="_img/gazou.jpg" width="600" height="400" ></figure>
<h3>タイトル</h3>
<p>親譲りの〜〜</p>
</div>
いまはJQueryで画面幅変更時に各要素を囲ってレイアウトしているのですが、
PC時
<div>
<figure><img src="_img/gazou.jpg" width="600" height="400" ></figure>
<div class="wrap">
<h3>タイトル</h3>
<p>親譲りの〜〜</p>
</div>
</div>
SP時
<div>
<div class="wrap">
<figure><img src="_img/gazou.jpg" width="600" height="400" ></figure>
<h3>タイトル</h3>
</div>
<p>親譲りの〜〜</p>
</div>
これをJQueryを使わずにCSSだけで作ることは可能でしょうか？
PC時
https://imgur.com/GzDfq0e
SP時
https://imgur.com/CQ0JELN
要素はこんな感じです
<div>
<figure><img src="_img/gazou.jpg" width="600" height="400" ></figure>
<h3>タイトル</h3>
<p>親譲りの〜〜</p>
</div>
いまはJQueryで画面幅変更時に各要素を囲ってレイアウトしているのですが、
PC時
<div>
<figure><img src="_img/gazou.jpg" width="600" height="400" ></figure>
<div class="wrap">
<h3>タイトル</h3>
<p>親譲りの〜〜</p>
</div>
</div>
SP時
<div>
<div class="wrap">
<figure><img src="_img/gazou.jpg" width="600" height="400" ></figure>
<h3>タイトル</h3>
</div>
<p>親譲りの〜〜</p>
</div>
これをJQueryを使わずにCSSだけで作ることは可能でしょうか？
2021/11/26(金) 19:58:10.66ID:???
grid
2021/11/26(金) 20:07:56.17ID:???
jQueryいらん
2021/11/26(金) 20:32:16.07ID:???
2021/11/26(金) 20:45:04.35ID:???
bootstrapって使う必要性ありますか？
デザインが整うといいますが、自由度がないとも。
学習コストも問題だし(´・ω・`)bu
デザインが整うといいますが、自由度がないとも。
学習コストも問題だし(´・ω・`)bu
2021/11/26(金) 20:53:26.56ID:???
広告少ない無料ブログだとどこがいいすか？
fc2かシーサーか
fc2かシーサーか
2021/11/26(金) 20:53:30.73ID:???
bootstrapって今思えば、見た目をcssのクラス名にしたものを
複数個並べてレイアウトや表現するやり方と考えたら良いの？
それ以外に何かあったっけ？
複数個並べてレイアウトや表現するやり方と考えたら良いの？
それ以外に何かあったっけ？
2021/11/26(金) 21:13:53.09ID:???
2021/11/26(金) 21:22:25.17ID:???
よくわかんないんですけど、スマホでｐｃサイトを表示させたら離脱されるんでしょうか？
無料ブログのスマホ表示だと広告多くて
無料ブログのスマホ表示だと広告多くて
2021/11/26(金) 22:15:09.04ID:???
離脱って何や
2021/11/26(金) 22:38:42.37ID:???
2021/11/26(金) 23:06:04.28ID:???
2021/11/27(土) 00:21:26.49ID:???
124Name_Not_Found
2021/11/27(土) 00:40:41.73ID:vNMUtXZG レスポンシブにするから分けて作るの激減してるね
2021/11/27(土) 00:54:42.17ID:???
メディアクエリすら使わずにレスポンシブ化するとかね
CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ | コリス
ttps://coliss.com/articles/build-websites/operation/css/media-queries-probably-dont-need.html
CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ | コリス
ttps://coliss.com/articles/build-websites/operation/css/media-queries-probably-dont-need.html
2021/11/27(土) 01:10:02.43ID:???
CSS フレームワークなら、Bootstrap, Bulma も、ほぼ同じ
SASS の@import が無くなるから、Bootstrap 4 は、もう使えない。
@use に変わるけど、格段に難しいから、多くの人が脱落すると思う
Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course, 2021/6
https://www.youtube.com/watch?v=iJKCj8uAHz8
5時間の動画だけど、@importを使っている部分があるので、そこは真似しない方がよい
SASS の@import が無くなるから、Bootstrap 4 は、もう使えない。
@use に変わるけど、格段に難しいから、多くの人が脱落すると思う
Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course, 2021/6
https://www.youtube.com/watch?v=iJKCj8uAHz8
5時間の動画だけど、@importを使っている部分があるので、そこは真似しない方がよい
2021/11/27(土) 01:23:57.59ID:???
特定のキーワードが出てくると誰も聞いていないのに
独り言を書き込む、いつもの人か
独り言を書き込む、いつもの人か
2021/11/27(土) 07:23:09.19ID:???
2021/11/28(日) 08:46:19.40ID:???
<input type="range" min="0" max="10" step="1">スライダーで0のとき
disabledみたいなグレーにするにはどうやればいいんですか？
disabledだとグレーにはるけど操作もできないので
disabledみたいなグレーにするにはどうやればいいんですか？
disabledだとグレーにはるけど操作もできないので
2021/11/28(日) 17:28:08.11ID:???
javascript使う
2021/12/01(水) 21:33:25.30ID:???
アーティクル部分のデザインなんですが、2つ目の例のようにデカデカと本文まで表示させるのと、1つ目のように横並びにするのとでは、どちらがいいんでしょうか？
個人的に好きなのは前者ではあります。情報が見つけやすいと考えますが、最新記事はサイドバーで表示させればいいという考えもあると思います。
ブログを作ります。
https://www.yamakei-online.com
https://tech.andpad.co.jp
個人的に好きなのは前者ではあります。情報が見つけやすいと考えますが、最新記事はサイドバーで表示させればいいという考えもあると思います。
ブログを作ります。
https://www.yamakei-online.com
https://tech.andpad.co.jp
2021/12/02(木) 14:32:17.00ID:???
8の倍数ルールというのがあると思うんですが、これを使うとフォントサイズが8px 16p 24pxと極端になりませんか？
見出し１が24px、見出し2が16pxというふうに。
見出し１が24px、見出し2が16pxというふうに。
2021/12/02(木) 15:09:57.94ID:???
4の倍数ってのもあってだな
2021/12/02(木) 15:16:08.54ID:???
>>132
参考にどうぞ
デザインは8の倍数でできている | 1 pixel｜サイバーエージェント公式クリエイターズブログ
https://ameblo.jp/ca-1pixel/entry-11837685575.html
参考にどうぞ
デザインは8の倍数でできている | 1 pixel｜サイバーエージェント公式クリエイターズブログ
https://ameblo.jp/ca-1pixel/entry-11837685575.html
2021/12/02(木) 15:18:42.31ID:???
のちのBootstrapである
2021/12/02(木) 17:19:18.13ID:???
960pxグリッドシステムってPCには今も最善？
まだワイドが無かった時代よね？
いくつぐらいが適切なんだろう
安いノートは1366ピクセルだから、1280ぐらい？
まだワイドが無かった時代よね？
いくつぐらいが適切なんだろう
安いノートは1366ピクセルだから、1280ぐらい？
2021/12/02(木) 19:44:48.04ID:???
webデザインはモック作ったほうが良いですか？
あと、好きなデザインがよく分からんのですが、嫌いを明確にしたら少し見えてきました。
やはり、情報を伝えるのが目的なのでテキストベースのサイトが好きですね。
好きよりも嫌いを明確にする意味ってなんですかね？
>>134
うーん、細かいとこは4ｂﾌ倍数も使いまｂｷ(´・ω・`)。。。。
あと、好きなデザインがよく分からんのですが、嫌いを明確にしたら少し見えてきました。
やはり、情報を伝えるのが目的なのでテキストベースのサイトが好きですね。
好きよりも嫌いを明確にする意味ってなんですかね？
>>134
うーん、細かいとこは4ｂﾌ倍数も使いまｂｷ(´・ω・`)。。。。
2021/12/02(木) 20:03:15.72ID:???
1の倍数がいいよ
2021/12/02(木) 20:10:21.60ID:???
>>136
今の時代はYouTubeに合わせるのが1番良い
今の時代はYouTubeに合わせるのが1番良い
2021/12/02(木) 20:11:30.35ID:???
>>139
ちょっと何言ってるかわかんない
ちょっと何言ってるかわかんない
2021/12/03(金) 07:22:34.58ID:???
今一番見られてるコンテンツはYouTubeだしこの先も当分はそうだろう
世間に一番馴染みのあるコンテンツに合わせるのは常套手段だ
世間に一番馴染みのあるコンテンツに合わせるのは常套手段だ
2021/12/03(金) 09:52:18.04ID:???
何言ってんの
2021/12/03(金) 12:38:44.00ID:???
>>141
お薬出しておきますね
お薬出しておきますね
2021/12/03(金) 12:56:25.69ID:???
YouTubeで動画は見るけどサイトの作りはウンコだよな
使いづらい
使いづらい
2021/12/03(金) 14:17:59.99ID:???
コレ思い出した
https://imgur.com/ixOZyBt
https://imgur.com/ixOZyBt
2021/12/03(金) 14:43:56.91ID:???
世界で一番見られてるのはYouTubeだろ
だったら世界で一番馴染ある優れたサイトなのはここでしょ
だったら世界で一番馴染ある優れたサイトなのはここでしょ
2021/12/03(金) 15:05:11.92ID:???
マクドナルド話法だな(画像略
2021/12/03(金) 16:02:23.07ID:???
youtubeが優れてるのはコンテンツであってデザインではないでしょ？
2021/12/03(金) 17:07:17.89ID:???
ちょっと前だけど
世界で一番みられているのはGoogleらしい
その次がYoutube
https://www.visualcapitalist.com/ranking-the-top-100-websites-in-the-world/
世界で一番みられているのはGoogleらしい
その次がYoutube
https://www.visualcapitalist.com/ranking-the-top-100-websites-in-the-world/
2021/12/04(土) 15:18:27.34ID:???
でもこのスレでもこれが1番とかベストはコレだとか答えが出ないしな
そういう場合は1番売れてるものに合わせるのが定石
そういう場合は1番売れてるものに合わせるのが定石
2021/12/04(土) 15:53:49.00ID:???
じゃあ一番売れてるほうを使いますってなるよね
2021/12/05(日) 03:36:31.48ID:???
グーグルが出てきた時
あまりのシンプルさにびっくりしたもんだ
あまりのシンプルさにびっくりしたもんだ
2021/12/05(日) 03:49:12.58ID:???
個人的にはUI以上に検索速度の速さにビックリした思い出
2021/12/05(日) 08:11:35.26ID:???
NTTのGooのパクリサイトかと思ったわ
2021/12/05(日) 08:15:14.30ID:???
GoogleはYahooの検索結果より圧倒的にページ数多くてびっくりした
2021/12/05(日) 09:17:27.98ID:???
googleが出たとき、検索の速さは衝撃的だったね。感動したわ。
はじめはウザい広告もなかったからあっというまに浸透した。
はじめはウザい広告もなかったからあっというまに浸透した。
2021/12/05(日) 09:57:47.24ID:???
ティキストベースのサイトが好きってオカシイですか？
画像でごちゃごちゃしたサイトよりも、タイトルバナーすらテキストっていう、、。
それでいて、おしゃれに見える。
そんなサイト知りませんか(´・ω・`)
画像でごちゃごちゃしたサイトよりも、タイトルバナーすらテキストっていう、、。
それでいて、おしゃれに見える。
そんなサイト知りませんか(´・ω・`)
2021/12/05(日) 10:45:05.49ID:???
テキストのバナー…？？？
テキストだったらテキストだろう
テキストだったらテキストだろう
2021/12/05(日) 13:12:01.00ID:???
>>157
デザインのキモは調和だよ
デザインのキモは調和だよ
2021/12/05(日) 17:45:32.63ID:???
質問させてください
<div>
<h2>ながめのタイトル</h2>
<p>リード………………………</p>
</div>
h2要素の文字幅がdiv要素の最大幅にしたいです。
その最大幅でp内は適宜改行されるようにしたいです。
divの幅を指定しないと無理でしょうか？
<div>
<h2>ながめのタイトル</h2>
<p>リード………………………</p>
</div>
h2要素の文字幅がdiv要素の最大幅にしたいです。
その最大幅でp内は適宜改行されるようにしたいです。
divの幅を指定しないと無理でしょうか？
2021/12/05(日) 17:49:01.30ID:???
div {
display: inline-flex;
flex-direction: columun;
}
display: inline-flex;
flex-direction: columun;
}
2021/12/05(日) 17:58:32.24ID:???
2021/12/05(日) 18:07:52.27ID:???
div {
width: min-content;
}
h2 {
white-space: nowrap;
}
width: min-content;
}
h2 {
white-space: nowrap;
}
2021/12/05(日) 18:15:13.84ID:???
>>162
指定すべきはpの幅
指定すべきはpの幅
2021/12/05(日) 19:28:29.61ID:???
2021/12/05(日) 19:36:03.98ID:???
>>158
bannerコマンド知らんとかモグリか？
bannerコマンド知らんとかモグリか？
2021/12/05(日) 20:20:13.20ID:???
>>165
これでイケる？
html - IE element width to min-content - Stack Overflow
https://stackoverflow.com/questions/23160267/ie-element-width-to-min-content/28767605
これでイケる？
html - IE element width to min-content - Stack Overflow
https://stackoverflow.com/questions/23160267/ie-element-width-to-min-content/28767605
2021/12/05(日) 20:28:20.82ID:???
>>167
ありがとうございます！！！
ラップしてたdiv自体をラップする必要があるようですが
IE11でも問題なくなりました
コピペなのでどういう振る舞いをしてるかをこれから勉強します
助かりました！
ありがとうございます！！！
ラップしてたdiv自体をラップする必要があるようですが
IE11でも問題なくなりました
コピペなのでどういう振る舞いをしてるかをこれから勉強します
助かりました！
2021/12/05(日) 21:09:38.10ID:???
inline-flexなんてあるのか・・・
令和最新版だな
令和最新版だな
2021/12/06(月) 01:55:40.09ID:???
IEなんてもう捨てちまえよ
2021/12/06(月) 06:55:59.04ID:???
どちらにせよ来年消えるから許してあげて
2021/12/06(月) 16:39:20.16ID:???
htmlで入力フォームつくってAさんが入力した値を次にそのhtmlを開いたBさんが値を参照するにはどうしたらよいでしょうか？
htmlに直接追記変更させたいですが無理でしょうか？
htmlに直接追記変更させたいですが無理でしょうか？
2021/12/06(月) 17:26:13.60ID:???
なにそれこわい
2021/12/06(月) 17:45:52.12ID:???
phpとかでやれ
2021/12/06(月) 17:50:31.45ID:???
やっぱ無理ですか
まことにごめんなさい
htmlで簡単な管理表みたいなの作りたかったんです
まことにごめんなさい
htmlで簡単な管理表みたいなの作りたかったんです
2021/12/06(月) 18:25:05.36ID:???
それを実現するには、データベースとか、どこかに保存したデータを出し入れしなきゃいけないが
そんな機能はhtmlには無い
管理表的なものなら、お手軽にGoogleスプレッドシートとかで作った方が楽だよ
そんな機能はhtmlには無い
管理表的なものなら、お手軽にGoogleスプレッドシートとかで作った方が楽だよ
HTMLってどうやって勉強しましたか？
どんぐらいほんとか読んだのでしょう。。。
178Name_Not_Found
2021/12/06(月) 22:16:24.95ID:hlNUpFlf 特定のキーワードを含むページに上部に定型メッセージを表示するのってどうやってやるの？
例
コロナというキーワードを含むページの上部に「新型コロナウイルスに関する情報が含まれている可能性があります」と注意喚起
例
コロナというキーワードを含むページの上部に「新型コロナウイルスに関する情報が含まれている可能性があります」と注意喚起
179Name_Not_Found
2021/12/06(月) 22:18:11.67ID:hlNUpFlf のメッセージを表示
途中で送信しちゃったので
途中で送信しちゃったので
2021/12/06(月) 22:21:05.90ID:???
自分のサイトだったら手作業でやれない事のなさそうですけど
見るところ全てだとgreasemonkey等のスクリプトを自前でつくってやるってぐらいしか思いつかない
見るところ全てだとgreasemonkey等のスクリプトを自前でつくってやるってぐらいしか思いつかない
2021/12/06(月) 22:35:53.50ID:???
「特定のキーワードを含むページ」っていう時点で
スクリプトにしか出番は無いわな
スクリプトにしか出番は無いわな
2021/12/07(火) 01:59:02.39ID:???
js使えばすぐできる、5分あれば実装できる
2021/12/07(火) 11:09:04.30ID:???
孤独な人生って生きがいありますか？
誰のために生きることも出来いない
自分のため？自分にだって価値なんて感じないんだ
誰のために生きることも出来いない
自分のため？自分にだって価値なんて感じないんだ
2021/12/08(水) 13:49:40.85ID:???
>>177
Udemy とか、Progate・ドットインストールには無いの？
Udemy とか、Progate・ドットインストールには無いの？
2021/12/08(水) 23:50:40.23ID:???
コピペやテンプレサイトで何個かWebサイト作ってきたけど、全くいちからCSSやってみたら全然出来なくて萎えた
positionプロパティ難しいしdisplayも全然できないし丸一日何も出来なかった
模写コーディングを覚えないとダメだ
positionプロパティ難しいしdisplayも全然できないし丸一日何も出来なかった
模写コーディングを覚えないとダメだ
2021/12/09(木) 00:13:39.00ID:???
フレームワークがうまく使いこなせない
やっぱ何となくの独学じゃなくてちゃんと順序立てて勉強しなきゃなあ
やっぱ何となくの独学じゃなくてちゃんと順序立てて勉強しなきゃなあ
2021/12/09(木) 03:24:20.62ID:???
htmlにフレームワークあったっけ？
2021/12/09(木) 04:05:19.65ID:???
cssの方だろ？
2021/12/09(木) 04:10:51.19ID:???
cssのフレームワークなんているか？
必要な分だけ書いたほうが覚えることも少なくて済むかと
必要な分だけ書いたほうが覚えることも少なくて済むかと
2021/12/09(木) 18:36:03.64ID:???
html/cssを学びたいんですが何をどう手つけて勉強始めたらいいですかね？
プログラムは未経験ですがインフラやってますのでbashとかvbaは出来ます
プログラムは未経験ですがインフラやってますのでbashとかvbaは出来ます
2021/12/09(木) 18:43:44.06ID:???
まずはReactですね
2021/12/09(木) 19:21:21.68ID:???
>>190
esxiでvMotionとかやってるの？
esxiでvMotionとかやってるの？
2021/12/09(木) 20:17:54.28ID:???
2021/12/09(木) 20:38:16.27ID:???
モックを作成しているのですが、web ui kitのようなものは使いますか？
パーツも自作していくのでしょうか？
使用ソフトはkritaです。
パーツも自作していくのでしょうか？
使用ソフトはkritaです。
2021/12/09(木) 20:52:43.89ID:???
2021/12/09(木) 22:11:00.19ID:???
んで、プログラム初心者ですがhtml/cssはどう学べば良いですか？
2021/12/09(木) 22:50:51.21ID:???
右クリックしてソース見たらええんちゃうか
2021/12/09(木) 23:08:09.58ID:???
>>196
プログラム学んだように書いて慣れるしか無いんじゃないかな
プログラム学んだように書いて慣れるしか無いんじゃないかな
2021/12/09(木) 23:35:30.46ID:???
>>196
まずはreactですね
まずはreactですね
2021/12/09(木) 23:54:26.55ID:???
実務的なところはどうですかね？
実務で実際に使ってるようなツールとかなんかあれば知りたいですね
実務で実際に使ってるようなツールとかなんかあれば知りたいですね
2021/12/09(木) 23:54:48.12ID:???
reactってなんすか？
2021/12/10(金) 01:18:33.42ID:???
暇つぶしにMDNのフロントエンジニアコースみたいなのやってる。
HTMLが35〜50時間、CSSが90〜120時間をJavaScript135〜185時間を想定しているらしい。
これだけやってもようやくショボいwebページが作れるようになる。
五体満足で若いなら他の資格の勉強した方がいいんでないか？
HTMLが35〜50時間、CSSが90〜120時間をJavaScript135〜185時間を想定しているらしい。
これだけやってもようやくショボいwebページが作れるようになる。
五体満足で若いなら他の資格の勉強した方がいいんでないか？
2021/12/10(金) 01:35:59.59ID:???
コーディング1本で食える時代じゃないし
今後未来はコーディングはAIがやるようになるだろうし
他の仕事見つけた方が良いよ
デザインできるなら別だけどデザインになると今度は
ガチのグラデザと同じ土俵で戦うことになるから
生涯デザイナーやるって気概ないなら
バックエンドとか目指した方が飯の種になるよ
今後未来はコーディングはAIがやるようになるだろうし
他の仕事見つけた方が良いよ
デザインできるなら別だけどデザインになると今度は
ガチのグラデザと同じ土俵で戦うことになるから
生涯デザイナーやるって気概ないなら
バックエンドとか目指した方が飯の種になるよ
2021/12/10(金) 01:43:03.00ID:???
今は減ってインフラ・サーバ・PG系で月40万、webの固定客で30万ぐらいもらってる脱サラ個人事業主だけど、
手広くやる方がつぶしがきくのも事実、月100万は数年維持できたし、
15年続けられたのもやっぱり知識分散しているおかげだと思う
若いのならもっと勉強して客を増やせば良い
手広くやる方がつぶしがきくのも事実、月100万は数年維持できたし、
15年続けられたのもやっぱり知識分散しているおかげだと思う
若いのならもっと勉強して客を増やせば良い
2021/12/10(金) 01:49:14.65ID:???
サーバー系はほんと人出常にたりんからな
PGは人口多い割に長続きしないから入れ替わりが早い
PGは人口多い割に長続きしないから入れ替わりが早い
2021/12/10(金) 14:35:29.24ID:???
photoshopなどでモックを作る場合、1pxもずれないように正確に作るんでしょうか？いきなりコーディングに入るとデザインが破綻しませんか
2021/12/10(金) 16:15:57.20ID:???
2021/12/10(金) 19:31:21.66ID:???
xdですか。
持っていないので、、、。
しかも個人レベルのサイトなので、有料ソフト買うほどかなと。
持っていないので、、、。
しかも個人レベルのサイトなので、有料ソフト買うほどかなと。
2021/12/10(金) 19:34:42.59ID:???
xdは制限あるけど無料で使えるよ
2021/12/10(金) 21:14:49.30ID:???
回答どうも。使ってみますけど、個人で使う意味あるんですかね？
2021/12/10(金) 21:42:05.05ID:???
意味があるかどうかは個人差があるので答えはない
2021/12/11(土) 00:08:08.46ID:???
時間があっという間に過ぎる
2021/12/11(土) 12:01:29.70ID:???
今はリキッドレイアウトが当たり前だそうですね。
リキッドレイアウトと8の倍数ルールというのは組み合わせ可能でしょうか？
横幅100%にしても文章が読みづらいと思うので、幅の上限設定は必要かと思います。
例えばvw2100pxを基準とする場合でも、上限は1050px程度にしたい場合、max-width:50%などと設定します。
この場合、横幅は1050pxとなりますが、必ずしも8の倍数とはなりません。
リキッドと8の倍数ルールは共存出来るんでしょうか？
>>211
了解す
イメージでいいのでペイントでいきます
リキッドレイアウトと8の倍数ルールというのは組み合わせ可能でしょうか？
横幅100%にしても文章が読みづらいと思うので、幅の上限設定は必要かと思います。
例えばvw2100pxを基準とする場合でも、上限は1050px程度にしたい場合、max-width:50%などと設定します。
この場合、横幅は1050pxとなりますが、必ずしも8の倍数とはなりません。
リキッドと8の倍数ルールは共存出来るんでしょうか？
>>211
了解す
イメージでいいのでペイントでいきます
2021/12/11(土) 13:08:03.68ID:???
2021/12/11(土) 13:19:09.11ID:???
>>214
maxに絶対値をpxで指定すると(例えば1000px)、3000pxのディスプレイでも、2000pxのディスプレイでも、同じ横幅で表示されるということになりますね。
横に大きな余白が出来てしまいますが、それでいいのでしょうか？
スマホなんかの場合は、どのくらいを上限値とするんでしょうか？
maxに絶対値をpxで指定すると(例えば1000px)、3000pxのディスプレイでも、2000pxのディスプレイでも、同じ横幅で表示されるということになりますね。
横に大きな余白が出来てしまいますが、それでいいのでしょうか？
スマホなんかの場合は、どのくらいを上限値とするんでしょうか？
2021/12/11(土) 13:44:35.35ID:???
2021/12/11(土) 14:07:05.68ID:???
2021/12/11(土) 14:18:44.69ID:???
なにがしたいのやら
2021/12/11(土) 14:25:24.41ID:???
リキッドデザインと8の倍数の共存ですね。
デバイスのサイズを基準としたいのですが、8で割り切れるサイズばかりではないかと。
デバイスのサイズを基準としたいのですが、8で割り切れるサイズばかりではないかと。
2021/12/11(土) 14:29:47.52ID:???
max-heightなどは
たとえば中のコンテンツの文字列が長文になってしまったけれどこれ以上のサイズにすれば
デザインが崩れてしまうなどの場合に使って
画面サイズなどに使う必要はないのでは
たとえば中のコンテンツの文字列が長文になってしまったけれどこれ以上のサイズにすれば
デザインが崩れてしまうなどの場合に使って
画面サイズなどに使う必要はないのでは
2021/12/11(土) 14:37:23.88ID:???
日本語でおk
2021/12/11(土) 14:42:25.76ID:???
え？
223Name_Not_Found
2021/12/11(土) 15:15:33.77ID:Gd+G6WF8 >>213
幅に上限設定するならそれはリキッドデザインというか普通のレスポンシブデザインじゃないか？
幅に上限設定するならそれはリキッドデザインというか普通のレスポンシブデザインじゃないか？
2021/12/11(土) 15:37:19.10ID:???
2021/12/11(土) 15:45:25.78ID:???
8の倍数がどうとかの豆知識を身につけるレベルに達してないから
余計なこと考えずcssを理解すべき
余計なこと考えずcssを理解すべき
2021/12/11(土) 16:58:53.13ID:???
たしかに 8 にこだわりすぎてるから、とりあえず忘れようか
2021/12/11(土) 17:18:21.32ID:???
どのぐらい余白を取るかという指標があるとデザインが楽なんですよね。
2021/12/11(土) 19:40:07.93ID:???
8に呪われし者か
2021/12/11(土) 21:14:26.08ID:???
余白ルールとかありますかね？
レスポンシブと共存出来る。
レスポンシブと共存出来る。
2021/12/11(土) 23:37:59.17ID:???
こいつはとりあえず始めるということができない隠キャタイプだな
2021/12/11(土) 23:57:49.45ID:???
やらない（できない）理由探ししてるだけだろ
陰キャで纏めてくれるな
陰キャで纏めてくれるな
2021/12/12(日) 00:13:12.78ID:???
archive.phpって一個のフォルダに一つしかできませんか？
名前変えて使うのもありですか？
例えばarchibe_2021.phpみたいに
一覧ページからカスタム投稿でarchive.phpに飛ばすと、決まったCSSデザインにしかできないんですかね
arcive.php内で更に条件分岐して複数ページのCSSデザイン作っていく感じですか？
複数怪奇過ぎてついていけない
名前変えて使うのもありですか？
例えばarchibe_2021.phpみたいに
一覧ページからカスタム投稿でarchive.phpに飛ばすと、決まったCSSデザインにしかできないんですかね
arcive.php内で更に条件分岐して複数ページのCSSデザイン作っていく感じですか？
複数怪奇過ぎてついていけない
2021/12/12(日) 00:22:56.30ID:???
お知らせ一覧がパーマリンクxx.com/newsに飛ぶ
archive.phpとして処理される
お知らせ一覧なので、特にサムネイル画像とかは要らない
じゃあサムネイル画像が必要な一覧ページも作りたい場合どうすればいいのか？という質問です
例えば物件一覧ページを追加した場合
上から順に新規投稿で下が古い物件一覧ページ
これもarchive.phpで処理されるけどパーマリンクは
xx.com/bukkenに飛ぶ
しかしnewsのarchive.phpとして処理されるからサムネイル画像などcssがいじれない
それともarchive.phpに条件分岐コード書けば物件一覧用としてもcssをいじれるんですか？
archive.php内で複数のページのCSSコーディングが出来るんですかね？
archive.phpとして処理される
お知らせ一覧なので、特にサムネイル画像とかは要らない
じゃあサムネイル画像が必要な一覧ページも作りたい場合どうすればいいのか？という質問です
例えば物件一覧ページを追加した場合
上から順に新規投稿で下が古い物件一覧ページ
これもarchive.phpで処理されるけどパーマリンクは
xx.com/bukkenに飛ぶ
しかしnewsのarchive.phpとして処理されるからサムネイル画像などcssがいじれない
それともarchive.phpに条件分岐コード書けば物件一覧用としてもcssをいじれるんですか？
archive.php内で複数のページのCSSコーディングが出来るんですかね？
2021/12/12(日) 01:53:47.74ID:???
改めてスレタイ読んでみて、ここで質問するのが適当だと思えば続けてもいいけど
適当ではないと思ったら、WordPressスレに移動しましょう
適当ではないと思ったら、WordPressスレに移動しましょう
2021/12/12(日) 02:10:40.16ID:???
>>223
リキッドレイアウトは(特にPC用の場合に)最小幅を設定しないもののことだぞ
PCで見てる場合に幅を800pxとか700pxとかにしても、画面の一部が隠れて
スクロールバーが出たりすることがないもののこと
リキッドレイアウトは(特にPC用の場合に)最小幅を設定しないもののことだぞ
PCで見てる場合に幅を800pxとか700pxとかにしても、画面の一部が隠れて
スクロールバーが出たりすることがないもののこと
2021/12/12(日) 11:04:11.30ID:???
複数のCSSとかおかしなことを・・・
テンプレート階層を調べてください
テンプレート階層を調べてください
2021/12/12(日) 14:07:49.98ID:???
>>233
マルチすな、隠キャ
マルチすな、隠キャ
2021/12/12(日) 14:44:34.94ID:???
一応、誘導後ではあるからマルチとも言い切れないけど、違う誘導先に書き込んでるしなぁ
唐突にarchive.phpって言われても、wordpress知らない勢からすると( ﾟдﾟ)ﾎﾟｶｰﾝだよな
スレタイに合った質問かどうかよりも、どのスレに詳しい人が多いか考えて質問すればいいのにね
唐突にarchive.phpって言われても、wordpress知らない勢からすると( ﾟдﾟ)ﾎﾟｶｰﾝだよな
スレタイに合った質問かどうかよりも、どのスレに詳しい人が多いか考えて質問すればいいのにね
2021/12/12(日) 15:02:07.04ID:???
wpスレに見放されてweb板を徘徊するような奴はスルー推奨
2021/12/12(日) 15:05:02.81ID:???
このスレ優しくない奴が常駐してるよな
2021/12/12(日) 15:10:27.28ID:???
まぁスレ内容のhtml/cssに関係無い長文貼るマルチはヤバいからな
2021/12/12(日) 15:13:52.13ID:???
わからんならわからんで答えなきゃいいんだよ
変に絡むからどうでもいいことで争う羽目になる
バカはお前だけだよ
変に絡むからどうでもいいことで争う羽目になる
バカはお前だけだよ
2021/12/12(日) 15:37:42.22ID:???
ということで >>242の言う通りwpネタはスルーしましょう
2021/12/13(月) 16:30:37.43ID:???
2021/12/13(月) 16:40:17.90ID:???
静的コンテンツと動的コンテンツってなんすか？
イマイチわからん
イマイチわからん
2021/12/13(月) 16:53:43.01ID:???
静的…コードに書いたものがそのままコンテンツになるもの
動的…phpなどで閲覧する人のブラウザに閲覧した時点でコンテンツ生成されるもの
例えばCMSで読み込む新着記事一覧などは動的
同じ新着記事一覧でもHTMLで毎回手動で更新しているなら静的
そして君はとても性的だよ…
動的…phpなどで閲覧する人のブラウザに閲覧した時点でコンテンツ生成されるもの
例えばCMSで読み込む新着記事一覧などは動的
同じ新着記事一覧でもHTMLで毎回手動で更新しているなら静的
そして君はとても性的だよ…
2021/12/13(月) 17:38:18.64ID:???
最後で大きく滑って台無しだわ
2021/12/13(月) 18:23:05.21ID:???
おや、政敵かな？
2021/12/14(火) 18:21:03.02ID:???
iframeってgoogle的には使って良いの？
2021/12/14(火) 18:43:15.67ID:???
google翻訳でgoogle自身が使っているから
ダメじゃないんじゃないかな
ダメじゃないんじゃないかな
2021/12/14(火) 19:35:36.87ID:???
メインコンテンツがiframeの中、みたいなあやしい構造でなければ
別にいいんじゃね
別にいいんじゃね
2021/12/15(水) 01:28:31.98ID:???
グーグルマップの埋め込みもiframeだしな
2021/12/15(水) 14:43:58.68ID:???
width:100px;のボックスにpadding-left:50px;とbox-sizing:border-box;を指定しました。
しかし、デベロッパーツールを使うと幅は100pxでした。
50pxになるはずではないのですか？
しかし、デベロッパーツールを使うと幅は100pxでした。
50pxになるはずではないのですか？
2021/12/15(水) 14:46:56.33ID:???
ですね
2021/12/15(水) 15:01:05.79ID:???
デベロッパーツールでそれを知る事はできないのでしょうか？
比較用のボックスを置くなどしないと。
比較用のボックスを置くなどしないと。
2021/12/15(水) 15:29:50.30ID:???
はい
2021/12/15(水) 17:11:24.93ID:???
2021/12/15(水) 17:12:15.54ID:???
widthが固定値だから
paddingつけても変わらんよ
paddingつけても変わらんよ
2021/12/15(水) 18:27:07.59ID:???
了解しました。
納得します。
納得します。
2021/12/15(水) 21:26:35.76ID:???
width - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/width
> widthはCSS のプロパティで、要素の幅を設定します。既定では、このプロパティはコンテンツ領域の幅を設定しますが
> box-sizingをborder-boxに設定すると、境界領域の幅を設定します。
CSS 基本ボックスモデル入門 - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model#border-area
https://developer.mozilla.org/ja/docs/Web/CSS/width
> widthはCSS のプロパティで、要素の幅を設定します。既定では、このプロパティはコンテンツ領域の幅を設定しますが
> box-sizingをborder-boxに設定すると、境界領域の幅を設定します。
CSS 基本ボックスモデル入門 - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model#border-area
2021/12/15(水) 22:46:25.77ID:???
2021/12/16(木) 19:25:00.87ID:???
test
2021/12/16(木) 20:02:52.28ID:???
google fontなんですが、ダウンロードせずに使うためのリンクってどこにあるんでしょうか？
以前はあったと思うんですが。
https://fonts.google.com/noto/specimen/Noto+Sans+JP
以前はあったと思うんですが。
https://fonts.google.com/noto/specimen/Noto+Sans+JP
2021/12/16(木) 20:12:29.22ID:???
右上の四角と＋のアイコンクリック
2021/12/16(木) 20:32:00.68ID:???
thanksです
2021/12/16(木) 21:32:54.72ID:???
初歩的な質問で恐縮ですが、宅配便の追跡番号が入力済みのURLのように、場合に応じた単語が最初から一部のフォームに入力済みのURLを作成する方法はありますでしょうか？
2021/12/16(木) 21:48:48.42ID:???
https://tsurihack.com/6126
このサイトのようにタイトルロゴを中央に持ってくる場合、内包されるボックスの幅を統一しないといけないでしょうか？
space-betweenで配置するのだと思います。
ヘッダの全体幅1000px、左を500px、中央指定なし、右指定なしとすると、ロゴも右寄りに配置されますので
このサイトのようにタイトルロゴを中央に持ってくる場合、内包されるボックスの幅を統一しないといけないでしょうか？
space-betweenで配置するのだと思います。
ヘッダの全体幅1000px、左を500px、中央指定なし、右指定なしとすると、ロゴも右寄りに配置されますので
2021/12/16(木) 21:52:31.93ID:???
そこの場合だとTSURI HACKというタイトルロゴはposition:absouteで位置指定してるね
2021/12/16(木) 21:57:06.11ID:???
・ロゴだけabsoluteにする
・左コンテナ ロゴコンテナ 右コンテナで分ける 左コンテナにmargin-right 右コンテナにmargin-leftをauto
・flex-basis
・grid
好きなのどうぞ
・左コンテナ ロゴコンテナ 右コンテナで分ける 左コンテナにmargin-right 右コンテナにmargin-leftをauto
・flex-basis
・grid
好きなのどうぞ
2021/12/17(金) 16:25:59.27ID:???
ｐｃサイトでも横幅は固定しないで、モニタサイズを基準にデザインするもんでしょうか？
しかし、超ワイドもあるわけですよね。
しかし、超ワイドもあるわけですよね。
2021/12/17(金) 16:46:45.96ID:???
ここで聞くよりも自分で既存のサイトを見て回ってどういうデザインでやってるのか体感しろ
2021/12/17(金) 17:23:50.33ID:???
どういう層をターゲットにするか次第なのでは
2021/12/18(土) 01:07:56.79ID:???
トップに画像デカデカと貼る文化はようすたれてくれんかな
2021/12/18(土) 01:44:24.56ID:???
すたれません
2021/12/18(土) 05:57:50.11ID:???
topのcoverで使う画像サイズってどれくらいのpxやデータサイズを上限として使っているんだろうか
276Name_Not_Found
2021/12/18(土) 07:58:58.24ID:V4P6XZ0z トップにでかい画像載せておくだけで見栄えが良くなるからなくならんだろう
作る側も楽だしクライアント受けもいい
作る側も楽だしクライアント受けもいい
2021/12/18(土) 08:59:51.70ID:???
俺はwidth1280pxにheight400pxのheader img貼ってるな
1Mぐらいある
1Mぐらいある
2021/12/18(土) 12:35:21.48ID:???
まあ雑誌やスポーツ新聞の見出しみたいなもんだからなｗ
2021/12/18(土) 15:53:10.73ID:???
ちょっとスレチになるけど、
トップページのindex.htmlとそれに関連するimg, css, jsをダウンロードしたいんだけどどうすれば良い？
シンプルなサイトならソースおっかけたらいいかもだけど、
結構大きいと何か良い方法無いかなと
トップページのindex.htmlとそれに関連するimg, css, jsをダウンロードしたいんだけどどうすれば良い？
シンプルなサイトならソースおっかけたらいいかもだけど、
結構大きいと何か良い方法無いかなと
2021/12/18(土) 16:06:37.61ID:???
モニターサイズじゃなくてウインドウサイズにすりゃいいんじゃね？
2021/12/18(土) 16:28:22.72ID:???
>>279
puppeteerでサブリクエストをフックするコードを書いてトップページにアクセス
https://stackoverflow.com/questions/52542149/how-can-i-download-images-on-a-page-using-puppeteer/56534741#56534741
puppeteerでサブリクエストをフックするコードを書いてトップページにアクセス
https://stackoverflow.com/questions/52542149/how-can-i-download-images-on-a-page-using-puppeteer/56534741#56534741
2021/12/18(土) 16:35:30.03ID:???
う、C言語はわからねぇ
2021/12/18(土) 18:06:56.14ID:???
jsだが
2021/12/18(土) 18:10:42.55ID:???
HTTrackじゃダメ？
2021/12/18(土) 23:20:38.07ID:???
>>279
windowsならctrl+sでウェブページ完全で保存でいける
windowsならctrl+sでウェブページ完全で保存でいける
2021/12/19(日) 01:54:10.65ID:???
>>285
それ最初に試したけど、フォルダ構造が1フォルダにまとめられてしまうのが残念でした
htmlは相対パスは書き換えられていないのに、htmlをローカルで見ると単一フォルダに集められたものを見れるという不思議
それ最初に試したけど、フォルダ構造が1フォルダにまとめられてしまうのが残念でした
htmlは相対パスは書き換えられていないのに、htmlをローカルで見ると単一フォルダに集められたものを見れるという不思議
2021/12/19(日) 03:21:29.71ID:???
>>279
パクリ野郎めｗ
パクリ野郎めｗ
2021/12/19(日) 06:09:13.10ID:???
ブラウザでサイトをダウンロードするとか、curl/wget とか
アセットもローカルに保存する際に、
絶対パスを相対パスに変換して、ちゃんと動くようにしてくれるものもある
再帰的に何階層までさかのぼるか、も考えないといけない
普通は直リンクだけをダウンロードして、
そのリンク先から、さらにさかのぼらない
大量に再帰的にさかのぼると、攻撃に思われるので、やらない方がよい
アセットもローカルに保存する際に、
絶対パスを相対パスに変換して、ちゃんと動くようにしてくれるものもある
再帰的に何階層までさかのぼるか、も考えないといけない
普通は直リンクだけをダウンロードして、
そのリンク先から、さらにさかのぼらない
大量に再帰的にさかのぼると、攻撃に思われるので、やらない方がよい
2021/12/19(日) 06:21:21.08ID:???
誰もそんなことをやるとは言っていない
2021/12/19(日) 07:15:01.82ID:???
ありがとういけました。
単一のフォルダになってもほとんどがimg, css, jdなので
すぐに振り分けることができました
単一のフォルダになってもほとんどがimg, css, jdなので
すぐに振り分けることができました
2021/12/19(日) 15:33:59.72ID:???
重たい画像を読み込むまで軽量な画像を代替表示させることって
HTMLやCSSで出来なかったでしたっけ？
動画の代替画像と勘違いしているだけですかね？
HTMLやCSSで出来なかったでしたっけ？
動画の代替画像と勘違いしているだけですかね？
2021/12/19(日) 22:01:50.25ID:???
「html 画像 切り替え サイズ」で検索！
srcset, sizes か？
少し用途が違うか？
<img sizes="(min-width: 960px) 75vw, 100vw"
srcset="img-1440.png 1440w, img-720.png 720w, img-360.png 360w"
src="default-image.png">
srcset, sizes か？
少し用途が違うか？
<img sizes="(min-width: 960px) 75vw, 100vw"
srcset="img-1440.png 1440w, img-720.png 720w, img-360.png 360w"
src="default-image.png">
2021/12/19(日) 23:10:33.17ID:???
>>291
IEくらいしか機能しないと思うがlowsrcの事か？
IEくらいしか機能しないと思うがlowsrcの事か？
2021/12/20(月) 08:33:15.96ID:???
2021/12/20(月) 14:49:53.68ID:???
imgタグのloading属性の話じゃないの？
lazy指定で遅延読み込みするだけだけど
<img>: 画像埋め込み要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/img#attr-loading
代替画像とかIE対応って話になるとプログレッシブ画像かjavascriptかな？
lazy指定で遅延読み込みするだけだけど
<img>: 画像埋め込み要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/img#attr-loading
代替画像とかIE対応って話になるとプログレッシブ画像かjavascriptかな？
2021/12/20(月) 17:01:39.81ID:???
自分用メモ：
LQIP = Low Quality Image Placeholders
本チャンの画像が用意できるまで表示しておく軽量低品質画像のこと
LQIP = Low Quality Image Placeholders
本チャンの画像が用意できるまで表示しておく軽量低品質画像のこと
2021/12/20(月) 17:55:23.97ID:???
できた
<img loading="lazy"width="400"height="300"src="https://placekitten.com/4000/3000";alt=""style="background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=)0/100%100%">
画像が用意できるまで黒1ピクセルのgifを引き伸ばして表示
ロードしたら差し変わる
<img loading="lazy"width="400"height="300"src="https://placekitten.com/4000/3000";alt=""style="background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=)0/100%100%">
画像が用意できるまで黒1ピクセルのgifを引き伸ばして表示
ロードしたら差し変わる
2021/12/20(月) 18:16:33.07ID:???
孫は５歳で遺族 資料黒塗りばかり/熱海土石流 被災者が交流
ttps://www.jcp.or.jp/akahata/aik21/2021-12-19/2021121913_01_0.html
ttps://www.jcp.or.jp/akahata/aik21/2021-12-19/2021121913_01_0.html
299Name_Not_Found
2021/12/20(月) 18:56:27.87ID:w4bsrX1q >>297
それ背景画像引き伸ばすんじゃなくてbackgrund colorでよくね
それ背景画像引き伸ばすんじゃなくてbackgrund colorでよくね
2021/12/20(月) 19:37:38.02ID:???
貼り付けるたびに微妙に手間が掛かるのがなぁ
2021/12/20(月) 20:56:20.66ID:???
cssコードに記載して、にアウトラインを表示する方法ってありますか？
vscodeです
セクションをアウトラインに表示させたいんです
vscodeです
セクションをアウトラインに表示させたいんです
2021/12/20(月) 21:00:06.93ID:???
？
2021/12/20(月) 21:54:34.78ID:???
ここはフッターのコード
ここはヘッダーのコード
というような目印がほしいんですよね
どこにあるのかわからなくなるので
ここはヘッダーのコード
というような目印がほしいんですよね
どこにあるのかわからなくなるので
2021/12/20(月) 22:37:01.63ID:???
コメントのこと？
2021/12/20(月) 22:55:25.80ID:???
、にアウトライン
の意味がわからない
の意味がわからない
2021/12/21(火) 00:59:35.76ID:???
理解しようとするな、感じ取るんだ
2021/12/21(火) 03:22:46.10ID:???
要するにテキスト末尾の区切りに何かしら入れたいってことだろうな
2021/12/21(火) 06:20:58.49ID:???
ここからはヘッダ用のcss、ここからはフッタ用のcssといった目印をつけておきたいんですよ。
コードがどこいったかわからんくなる
コードがどこいったかわからんくなる
2021/12/21(火) 07:19:11.12ID:???
コメントアウトのことならググったらやり方出るよ
2021/12/21(火) 07:25:36.55ID:???
いえ、コメントアウトしてもvscodeのアウトラインには表示されません。
方法はあるでしょうか？
方法はあるでしょうか？
2021/12/21(火) 08:55:55.10ID:???
名前だけで判別のつくclass名にする、では足りないの？
2021/12/21(火) 09:19:03.30ID:???
>>301をもう一回読みなおせ
日本語で書き直せ
日本語で書き直せ
2021/12/21(火) 09:23:25.31ID:???
>>311
クラス名はアウトラインに表示されるんですが、
ズラーッと同じ階層に表示されちゃうんですよね
以下のマークダウンのように階層化出来たら分かりやすいなと
# header
## header_title
## header_description
# footer
## footer_copyright
## footer_description
## contact_form
説明不足ですみません
クラス名はアウトラインに表示されるんですが、
ズラーッと同じ階層に表示されちゃうんですよね
以下のマークダウンのように階層化出来たら分かりやすいなと
# header
## header_title
## header_description
# footer
## footer_copyright
## footer_description
## contact_form
説明不足ですみません
2021/12/21(火) 13:53:26.07ID:???
わかりやすい日本語で質問できない人が求めるわかりやすさとは
2021/12/21(火) 13:59:35.13ID:???
連投すみませんね。
レスポンシブを作っているのですが、ｐｃファーストでcssを記述しています。
その場合、スマホ用のメディアスクリーンにcssを記述しても、反映はされません。
!importantをつけることで反映されるようになりますが、スマホ用cssにはすべてimportantを付ける必要がありますか？
優先順位を変更する正しい方法があれば。
@media screen and (max-width: 550px) { /*スマホ用のデザイン。ウインドウ幅550px以下の場合に適用*/
#container{
border: 10px solid red !important;
}
}
/*pc用*/
#container{
border:1px solid silver;
}
レスポンシブを作っているのですが、ｐｃファーストでcssを記述しています。
その場合、スマホ用のメディアスクリーンにcssを記述しても、反映はされません。
!importantをつけることで反映されるようになりますが、スマホ用cssにはすべてimportantを付ける必要がありますか？
優先順位を変更する正しい方法があれば。
@media screen and (max-width: 550px) { /*スマホ用のデザイン。ウインドウ幅550px以下の場合に適用*/
#container{
border: 10px solid red !important;
}
}
/*pc用*/
#container{
border:1px solid silver;
}
2021/12/21(火) 14:09:17.89ID:???
2021/12/21(火) 14:12:42.98ID:???
2021/12/21(火) 14:15:40.27ID:???
>>315
その記述だと後半はpc用ではなくすべてに適用となる
sp用に書いたものが上書きされている
spメディアクエリを後半に書くかpcにもメディアクエリでspと排他にするか
「すべてに適用」「pcのみ」「spのみ」でちゃんと切り分けよう
その記述だと後半はpc用ではなくすべてに適用となる
sp用に書いたものが上書きされている
spメディアクエリを後半に書くかpcにもメディアクエリでspと排他にするか
「すべてに適用」「pcのみ」「spのみ」でちゃんと切り分けよう
2021/12/21(火) 15:02:13.35ID:???
2021/12/21(火) 15:46:22.58ID:???
>>316
そうします。
そうします。
2021/12/21(火) 18:21:50.94ID:???
>>315
!important使いたくないならpc用より後に書く
!important使いたくないならpc用より後に書く
2021/12/21(火) 18:39:31.55ID:???
タブレットは使用したことがないのですが、一般的にはタブレットのサイトにはサイドバーを表示しないものですか？
カラムを下に落とすかどうかです。
カラムを下に落とすかどうかです。
2021/12/21(火) 18:41:21.64ID:???
2021/12/21(火) 18:52:53.28ID:???
>>323
いやどっちでも下
いやどっちでも下
2021/12/21(火) 19:30:02.80ID:???
>>322
デザインにもよるしランドスケープモードってのもあるし
デザインにもよるしランドスケープモードってのもあるし
2021/12/22(水) 06:32:46.19ID:???
2021/12/22(水) 06:49:34.85ID:???
まぁ、そういうものだな
2021/12/22(水) 10:32:31.77ID:???
タブのレイアウトってのは、基本的にはスマホと同じ感じになると考えます。
そうであれば、ブレイクポイントは１つで、スマホ・タブとｐｃの２つに振り分ければいいかなと思います。
スマホ・タブ用のレイアウトはサイドバーを落とします。
この場合のブレイクポイントはどのくらいが目安ですか？
960pxという記事を見つけました。
が、小さめのｐｃでブラウザのブックマークバーを表示させた場合、サイドバーが落ちそうです。
960pxは少し大きすぎるんじゃないかと思うのですが、どうですかね。
そうであれば、ブレイクポイントは１つで、スマホ・タブとｐｃの２つに振り分ければいいかなと思います。
スマホ・タブ用のレイアウトはサイドバーを落とします。
この場合のブレイクポイントはどのくらいが目安ですか？
960pxという記事を見つけました。
が、小さめのｐｃでブラウザのブックマークバーを表示させた場合、サイドバーが落ちそうです。
960pxは少し大きすぎるんじゃないかと思うのですが、どうですかね。
2021/12/22(水) 10:33:37.14ID:???
ブックマークバーなんか出すな
2021/12/22(水) 15:30:00.40ID:???
どういうデザインなのかサッパリ分からんし、目安なんか有って無いようなもんだから、好きにしろとしか
> タブのレイアウトってのは、基本的にはスマホと同じ感じになると考えます。
> そうであれば、ブレイクポイントは１つで、スマホ・タブとｐｃの２つに振り分ければいいかなと思います。
個人的には、そんな柔軟性に欠ける条件で縛って作ったりしない
> タブのレイアウトってのは、基本的にはスマホと同じ感じになると考えます。
> そうであれば、ブレイクポイントは１つで、スマホ・タブとｐｃの２つに振り分ければいいかなと思います。
個人的には、そんな柔軟性に欠ける条件で縛って作ったりしない
2021/12/22(水) 17:02:30.91ID:???
2021/12/22(水) 17:55:31.54ID:???
まさか8の倍数マンか！？
2021/12/22(水) 18:00:19.57ID:???
後に5chを騒がす「ハチバイマン」が
W3C参与になることを俺たちはまだ知るよしも無かった
W3C参与になることを俺たちはまだ知るよしも無かった
2021/12/23(木) 01:46:54.35ID:???
headにcssを直接書く時って
2021/12/23(木) 01:47:44.90ID:???
すまん、途中で送信してしまった
<head>
<style type="text/css">
<!--
このコメントアウト必要だったっけ？省略しても良い？
<head>
<style type="text/css">
<!--
このコメントアウト必要だったっけ？省略しても良い？
2021/12/23(木) 01:48:25.96ID:???
html5の話ね、連投すまんです
2021/12/23(木) 02:04:53.03ID:???
いらない
2021/12/23(木) 02:21:04.87ID:???
type属性も省略可能
2021/12/23(木) 06:17:41.16ID:???
>>338
まじか、ありがとう
まじか、ありがとう
2021/12/23(木) 23:08:58.38ID:???
海外の12歳の少女が、NFTで1億8000万円を稼ぐ
12歳のナイラ・ヘイズ氏のNFT（※）コレクションが、数時間で160万ドル（約1億8000万円）
を稼ぎ出したと、米メディアの『Business Insider』が報じている。
ヘイズ氏は4歳で絵を描き始め、9歳のときにスマートフォンを使って彼女の代表作
「Long Neckie Ladies」を描いたという。このシリーズは3333点からなる、首の長い
多種多様な女性を描いたコレクションだ。出品後わずか数時間で売り切れとなり、
総額は約1億8000万円にのぼるという。
「アートは私が自分自身を表現し、言葉では不可能なやり方で人々を
驚かせるのためのもの」と述べている。
これまでにヘイズ氏は、NFTで1394ETH（約6億6000万円）を稼ぎ出してきた。
若きアーティストのさらなる活躍に期待しよう。
12歳のナイラ・ヘイズ氏のNFT（※）コレクションが、数時間で160万ドル（約1億8000万円）
を稼ぎ出したと、米メディアの『Business Insider』が報じている。
ヘイズ氏は4歳で絵を描き始め、9歳のときにスマートフォンを使って彼女の代表作
「Long Neckie Ladies」を描いたという。このシリーズは3333点からなる、首の長い
多種多様な女性を描いたコレクションだ。出品後わずか数時間で売り切れとなり、
総額は約1億8000万円にのぼるという。
「アートは私が自分自身を表現し、言葉では不可能なやり方で人々を
驚かせるのためのもの」と述べている。
これまでにヘイズ氏は、NFTで1394ETH（約6億6000万円）を稼ぎ出してきた。
若きアーティストのさらなる活躍に期待しよう。
2021/12/24(金) 08:28:59.64ID:???
ブライアン・イーノ氏、NFT販売に対し「価値あるものとは思えない」と持論語る
「詐欺師がカモを探し回っているよう」だそうです
https://japanese.engadget.com/brian-eno-does-not-like-nft-100027971.html
さらにイーノ氏は「NFTは、アーティストがグローバル資本主義から少しばかり恩恵を受けるための手段であり、金融化(financialization)のミニチュア版に過ぎないと思う。なんと素晴らしい。これのおかげでアーティストもまた、ちっぽけな資本家というクソったれ野郎(asshole)になれるんだよ」とエレガントな言葉でNFTを売る行為について説明しました。
実際にはイーノ氏の信頼する知人らもNFTを気に入っている模様で、イーノ氏本人もNFTに関する「質問には心を開いておくようにしている」としました。それでも最後には「いまは主に詐欺師(NFTクリエイター)がカモを探して歩いているような状況だ。そして目を輝かせたアーティストが大勢、喜んで後者に…まあ、私の皮肉はこの辺にしておこう。要するにいまはあまりそれについて前向きには感じていないと言うことだ」と述べています。
「詐欺師がカモを探し回っているよう」だそうです
https://japanese.engadget.com/brian-eno-does-not-like-nft-100027971.html
さらにイーノ氏は「NFTは、アーティストがグローバル資本主義から少しばかり恩恵を受けるための手段であり、金融化(financialization)のミニチュア版に過ぎないと思う。なんと素晴らしい。これのおかげでアーティストもまた、ちっぽけな資本家というクソったれ野郎(asshole)になれるんだよ」とエレガントな言葉でNFTを売る行為について説明しました。
実際にはイーノ氏の信頼する知人らもNFTを気に入っている模様で、イーノ氏本人もNFTに関する「質問には心を開いておくようにしている」としました。それでも最後には「いまは主に詐欺師(NFTクリエイター)がカモを探して歩いているような状況だ。そして目を輝かせたアーティストが大勢、喜んで後者に…まあ、私の皮肉はこの辺にしておこう。要するにいまはあまりそれについて前向きには感じていないと言うことだ」と述べています。
2021/12/24(金) 23:01:06.77ID:???
<input type="range" name="test" min="0.05" max="10" step="0.05" value="0.05" id="test" style="width:100px">
このスライダーをマウスで１段階動かすと0.2になってしまいます。
stepが0.1なので0.15にならないとおかしいけど
どうすれば0.15になりますか？
このスライダーをマウスで１段階動かすと0.2になってしまいます。
stepが0.1なので0.15にならないとおかしいけど
どうすれば0.15になりますか？
2021/12/24(金) 23:05:36.96ID:???
訂正0.15ではなく0.1にならないとおかしいですが
2021/12/24(金) 23:07:21.09ID:???
訂正stepが0.05なので0.1にならないとおかしいですが
2021/12/24(金) 23:21:49.09ID:???
<input type="range">は、何かの「大きさ」や「速さ」の調整など（たとえば音量やフォントサイズの調整）、ユーザーにざっくりとした数値を選んでもらうときに使いましょう。
間違えられると困るような厳密な数値を入力してもらいたいときはtype="number"の使用を検討するのが良いでしょう。
間違えられると困るような厳密な数値を入力してもらいたいときはtype="number"の使用を検討するのが良いでしょう。
2021/12/25(土) 00:49:42.07ID:???
200段階あるのにマウス操作前提で幅100pxは狭すぎじゃないでしょうか
2021/12/25(土) 03:23:31.28ID:???
マウスで狙って0.5pxポインタ動かすとか無理だわな
2021/12/26(日) 13:29:03.11ID:???
htmlファイルに画像やcssファイルを含ませる事ができるみたいですが、こういう形式は一般的ではないのでしょうか？
ページを保存しておきたいのです。
ページを保存しておきたいのです。
2021/12/26(日) 14:05:56.91ID:???
chromeじゃあるか知らないけれど
firefoxのアドオンにSingleFileというものがあって
それを使うと画像なども変換して1ファイルとして保存ができる
firefoxのアドオンにSingleFileというものがあって
それを使うと画像なども変換して1ファイルとして保存ができる
2021/12/26(日) 14:11:00.56ID:???
そうです。それ使ってるんスよ。
他の環境に持っていくと開けないのかななんて。
他の環境に持っていくと開けないのかななんて。
2021/12/26(日) 14:21:17.33ID:???
開けるわけない
2021/12/26(日) 15:34:22.27ID:???
作ったhtmlを試しにchromeで開けば表示できるよ
画像データはbase64でエンコードされたバイナリデータでHTMLの中に埋め込まれるので
HTMLファイルのみでいい
もちろんそのHTMLファイル自体は画像ファイルなどの分、ファイルサイズが大きくなってしまう
MDN データ URL でぐぐれば解説がのっている
画像データはbase64でエンコードされたバイナリデータでHTMLの中に埋め込まれるので
HTMLファイルのみでいい
もちろんそのHTMLファイル自体は画像ファイルなどの分、ファイルサイズが大きくなってしまう
MDN データ URL でぐぐれば解説がのっている
2021/12/26(日) 16:18:42.57ID:???
SingleFileZって機能拡張だと、生成したhtmlファイルはzipのハイブリッドになってて
それを解凍した中にあるhtmlファイルを開けば、どんな環境でも見られるはず
それを解凍した中にあるhtmlファイルを開けば、どんな環境でも見られるはず
2021/12/26(日) 17:40:35.98ID:???
どうもです。
ファイルが分けられている場合、正確に保存できなかったもんですから。。。
ファイルが分けられている場合、正確に保存できなかったもんですから。。。
2021/12/27(月) 11:25:27.74ID:???
htmlで下位に属するセレクタに対して、全て継承するような書き方は駄目なんですか？
#header{}
#header .title_logo{}
#header .title_description{}
headerタグの中にtitle_logoとtitle_descriptionがあります。
sassだって以下をコンパイルすれば上記のようになるわけですよね。
#header{
.title_logo{}
.title_description{}
}
#header{}
#header .title_logo{}
#header .title_description{}
headerタグの中にtitle_logoとtitle_descriptionがあります。
sassだって以下をコンパイルすれば上記のようになるわけですよね。
#header{
.title_logo{}
.title_description{}
}
2021/12/27(月) 12:03:16.46ID:???
駄目じゃないけどなんで駄目と思ったの
2021/12/27(月) 12:17:12.67ID:???
重くなるかなって、、、
2021/12/27(月) 12:30:03.59ID:???
数十バイトやぞ
どんだけ書いても適当な画像1枚分いくかいかないか
どんだけ書いても適当な画像1枚分いくかいかないか
2021/12/27(月) 12:39:09.09ID:???
vscodeのアウトラインを分かりやすくする目的でこう書くのは悪くないんでしょうか？
ただ、それだけのためですが。
ただ、それだけのためですが。
2021/12/27(月) 12:44:47.24ID:???
またおまえか
ならsass使えって言われたろ
ならsass使えって言われたろ
2021/12/27(月) 13:00:47.59ID:???
2021/12/27(月) 13:04:55.76ID:???
>>355
BEM(Block/Element/Modifier, MindBEMding)を使えば？
BlockとElementはアンダースコア2つで区切る
block__element
BlockとModifierはハイフン2つで区切る
block--modifier
ElementとModifierもハイフン2つで区切る
block__element--modifier
BEM(Block/Element/Modifier, MindBEMding)を使えば？
BlockとElementはアンダースコア2つで区切る
block__element
BlockとModifierはハイフン2つで区切る
block--modifier
ElementとModifierもハイフン2つで区切る
block__element--modifier
2021/12/27(月) 13:36:40.64ID:???
>>362
thanks for your comment!!
thanks for your comment!!
2021/12/27(月) 13:59:25.26ID:???
FLOCSSの思想が@importから@useへの移行でメンテがめんどくさくなってきた
BEMそのものは使えるから偉大だと思う
BEMそのものは使えるから偉大だと思う
2021/12/27(月) 14:24:57.00ID:???
>>362
<footer class="footer">
<div class="footer__inner">
<div class="footer__inner--title">
サイトタイトル
</div>
</div>
</footer>
.footer{}
.footer__inner{}
.footer__inner--title{}
こんな感じでおｋですか？
.footer__innerに関してなんですが、footer__footer-innnerみたいにfooterｇが重複する書き方は望ましくないんでしょうか？
.footer__footer-inner--footer-title
こうなっちゃいますもんね
<footer class="footer">
<div class="footer__inner">
<div class="footer__inner--title">
サイトタイトル
</div>
</div>
</footer>
.footer{}
.footer__inner{}
.footer__inner--title{}
こんな感じでおｋですか？
.footer__innerに関してなんですが、footer__footer-innnerみたいにfooterｇが重複する書き方は望ましくないんでしょうか？
.footer__footer-inner--footer-title
こうなっちゃいますもんね
2021/12/27(月) 15:02:54.64ID:???
titleはfooter__innerのモディファイアではないやろ
普通にBEMについて調べろ
普通にBEMについて調べろ
2021/12/27(月) 15:05:29.77ID:???
確かに、@use は、めちゃめちゃ難しい。
複雑すぎて、何を言ってるのか分からない
挫折する香具師が多そう
複雑すぎて、何を言ってるのか分からない
挫折する香具師が多そう
2021/12/27(月) 15:17:08.67ID:???
>>366
基本的に、フレームはブロックとエレメントで定義するって感じですかね
基本的に、フレームはブロックとエレメントで定義するって感じですかね
2021/12/27(月) 16:07:59.97ID:???
なぜ調べずに再質問するのだろう
2021/12/27(月) 17:43:52.47ID:???
ワードプレス未使用、アフィ以外の別サイトへのリンクで
aタグのtarget="_blank"の脆弱性について、多くのブログ等では
最近のブラウザはrel="noopener noreferrer"属性を持っているがつけておくのが無難
とのことで、まだ見つかっていない脆弱性は別にしてこれで先ずは安心でしょうか？
現時点でこれでも危険ということはありますか？
aタグのtarget="_blank"の脆弱性について、多くのブログ等では
最近のブラウザはrel="noopener noreferrer"属性を持っているがつけておくのが無難
とのことで、まだ見つかっていない脆弱性は別にしてこれで先ずは安心でしょうか？
現時点でこれでも危険ということはありますか？
2021/12/27(月) 18:15:53.81ID:???
脆弱性？
372Name_Not_Found
2021/12/27(月) 18:31:54.99ID:vQHHFZsc そういうの考えるの面倒くさいから別窓リンクは辞めたわ
スマホだと別窓あまり意味なくないか？
スマホだと別窓あまり意味なくないか？
2021/12/27(月) 20:43:40.72ID:???
bemでは必ず親を継承しないといけないんでしょうか？
例えばcontainerの中にはmainとsidebarを入れる構成はよくあると思います。
そうなると、container__main,container__sidebarという名前になってしまいます。
例えばcontainerの中にはmainとsidebarを入れる構成はよくあると思います。
そうなると、container__main,container__sidebarという名前になってしまいます。
2021/12/27(月) 21:03:26.03ID:???
好きにしろ
2021/12/27(月) 21:11:27.83ID:???
SASSで管理がしやすい名付け方法だから
自分一人で管理するなら自分がやりやすいように
好きに付けたらいいんじゃないかな？
自分一人で管理するなら自分がやりやすいように
好きに付けたらいいんじゃないかな？
2021/12/27(月) 21:27:47.28ID:???
そうですか。
いちおう、継承しときます、、、。
いちおう、継承しときます、、、。
2021/12/28(火) 20:57:58.59ID:???
378Name_Not_Found
2021/12/28(火) 23:14:02.72ID:jsoTICBS2021/12/29(水) 11:50:02.16ID:???
htmlなんですが、インデントしすぎると見づらくなるんですが、何階層までという決まりはあったりするんでしょうか？
2021/12/29(水) 11:59:35.30ID:???
ないよ
しなくてもいい
しなくてもいい
2021/12/29(水) 14:27:00.86ID:???
2021/12/29(水) 14:41:32.94ID:???
じゃあインデントしろやハゲ
2021/12/29(水) 15:14:45.69ID:???
あるで
2021/12/29(水) 15:22:33.64ID:???
>>382
わかったよ包茎
わかったよ包茎
2021/12/29(水) 17:35:19.99ID:???
div#abc, #abc では、どちらが良いの？
#abc で良いと思うけど、
なぜ、div#abc を使うのだろう？
#abc で良いと思うけど、
なぜ、div#abc を使うのだろう？
2021/12/29(水) 18:41:28.85ID:???
一応詳細度が違うが
そもそもidやclass以外にcss書くのダメコードだと思ってるからわからん
やる人はそのidがなんのタグかのメモのつもりとかじゃないの
そもそもidやclass以外にcss書くのダメコードだと思ってるからわからん
やる人はそのidがなんのタグかのメモのつもりとかじゃないの
387385
2021/12/29(水) 18:50:23.27ID:??? div#abc みたいに、div とか余計なものを付けると、
少しだけど遅くなったり、間違う可能性も生じる
/* div#abc */
と、メモは、コメントに書いておけば良いと思う
少しだけど遅くなったり、間違う可能性も生じる
/* div#abc */
と、メモは、コメントに書いておけば良いと思う
2021/12/29(水) 19:12:26.05ID:???
2021/12/29(水) 21:36:52.82ID:???
2021/12/30(木) 03:30:34.35ID:???
2021/12/30(木) 17:52:14.33ID:???
高解像度用の大きい画像を用意して軽くするために圧縮して…
って上手くいえないけどなんかすごく変な手順な気がする
って上手くいえないけどなんかすごく変な手順な気がする
2021/12/30(木) 18:07:00.94ID:???
解像度とサイズは別の概念だからな
サイズ最適化はしたごしらえみたいなもの
サイズ最適化はしたごしらえみたいなもの
2021/12/30(木) 20:54:46.37ID:???
SASSってわざわざcssに変換してアップロードするの？
便利そうだけど手間かかるよね
ブラウザはなぜSASSを解釈してくれないんだろうか
便利そうだけど手間かかるよね
ブラウザはなぜSASSを解釈してくれないんだろうか
2021/12/30(木) 21:01:35.59ID:???
>>393
クソレス罪で死刑
クソレス罪で死刑
2021/12/30(木) 21:02:55.44ID:???
>>394
え？え？俺何か悪いこと言った？
え？え？俺何か悪いこと言った？
2021/12/30(木) 21:26:20.30ID:???
VSCodeでSASS書いて、保存時に自動でCSSに変換するようにしとけば
プレビューにもすぐに反映されるから、そんな言うほど手間じゃない
プレビューにもすぐに反映されるから、そんな言うほど手間じゃない
2021/12/30(木) 23:03:40.67ID:???
そのまま上げてブラウザ側でjavascriptのライブラリ使って変換することもできるけど当然描画が遅れる等のデメリットの方が大きいので普通はやらない
今ならsass/lessのいいとこどりのstylus langもええで
今ならsass/lessのいいとこどりのstylus langもええで
2021/12/31(金) 01:12:07.30ID:???
>>396
VSCode使ってるけど、正直知らんかった
VSCode使ってるけど、正直知らんかった
2021/12/31(金) 01:31:38.28ID:???
>>398
あ、もちろん機能拡張は入れるよ？
あ、もちろん機能拡張は入れるよ？
2021/12/31(金) 19:56:50.69ID:???
VSCode の拡張機能・Live Sass Compiler を入れると、
確か、同じ作者のLive Server も入る
Live Serverは、PC 内にサーバーを立てて、そこからHTML を送るから、
ローカルファイルのアクセスにならないので、CORS を回避できる
詳細はプログラム板にある、VSCodeのスレで聞いて
確か、同じ作者のLive Server も入る
Live Serverは、PC 内にサーバーを立てて、そこからHTML を送るから、
ローカルファイルのアクセスにならないので、CORS を回避できる
詳細はプログラム板にある、VSCodeのスレで聞いて
2021/12/31(金) 22:20:27.42ID:???
読んでると手間そうだな
2021/12/31(金) 22:29:51.06ID:???
面倒なのは最初だけだよ
慣れると戻れない
慣れると戻れない
2021/12/31(金) 22:32:21.29ID:???
全然手間じゃないよインストールするだけだし
おれはDartJS Sass Compilerに変えた
おれはDartJS Sass Compilerに変えた
2021/12/31(金) 22:51:23.96ID:???
コンパイル環境作るめんどくささが5なら
sassにすることによるコーディング効率化は5兆くらい
sassにすることによるコーディング効率化は5兆くらい
2022/01/01(土) 00:17:15.19ID:???
sassするにはルビー入れる必要があるって見てやめたわ
2022/01/01(土) 00:56:44.77ID:???
vscodeの拡張でやるならrubyなんかいらんよ
2022/01/01(土) 03:48:49.07ID:???
>>405
エディタの拡張でもgulpでもpreprosでも好きにせえ
エディタの拡張でもgulpでもpreprosでも好きにせえ
2022/01/01(土) 17:34:02.36ID:???
フリーランスで10万以上稼いでいる人は上位10％くらいですか？
2022/01/01(土) 18:41:29.01ID:???
10万程度じゃ食っていけないよ学生さん？
2022/01/01(土) 19:13:42.95ID:???
Ruby SASS は、もうない
C++ へ移植された
C++ へ移植された
2022/01/01(土) 19:34:43.70ID:???
>>408
中学生の趣味ブログなら頑張ったらそれぐらいいけるかもね
中学生の趣味ブログなら頑張ったらそれぐらいいけるかもね
2022/01/01(土) 21:36:15.93ID:???
副業で、フリーランスで月10万以上稼いでいる人は上位10％くらいですか？
本業でも月10万以上稼いでいる人は15％って聞いたんで。
本業でも月10万以上稼いでいる人は15％って聞いたんで。
2022/01/01(土) 22:09:07.15ID:???
スレちがいの話ばかり
もっとえっちてーえむえるとしーえすえすの話をしてくり
もっとえっちてーえむえるとしーえすえすの話をしてくり
2022/01/01(土) 23:00:13.22ID:???
>>408>>412YOU達面白いから本当の事は何も書き込まないことにするわ
2022/01/01(土) 23:01:22.28ID:???
>>412
しね
しね
2022/01/03(月) 06:54:13.17ID:???
内容物の文字数の制限ッテできますでしょうか？
overflow hiddenで切り取るくらいですかね。
overflow hiddenで切り取るくらいですかね。
2022/01/03(月) 12:00:55.82ID:???
こんにちは。
Javascript と そのフレームワークを勉強したいと思います。
フレームワークは
・JQuery
・Vue
・React
の中のどれか一つだけを まずが勉強すれば良いと思うのですが、その理解で良いでしょうか。
（たとえば、JQuery と Vue の両方を同時並行で勉強しないと理解できない・・・ということはないでしょうか）
このへんが良くわからず質問してしまいました・・・
Javascript と そのフレームワークを勉強したいと思います。
フレームワークは
・JQuery
・Vue
・React
の中のどれか一つだけを まずが勉強すれば良いと思うのですが、その理解で良いでしょうか。
（たとえば、JQuery と Vue の両方を同時並行で勉強しないと理解できない・・・ということはないでしょうか）
このへんが良くわからず質問してしまいました・・・
2022/01/03(月) 12:26:54.17ID:???
jQueryは古典過ぎててPromiseみたいに重要な部分はJSの仕様に取り込まれた
VueとReactはどちらも人気だから好きに
海外では強いFacebookだからReactのほうが生き残る可能性は高いのかな？
VueとReactはどちらも人気だから好きに
海外では強いFacebookだからReactのほうが生き残る可能性は高いのかな？
2022/01/03(月) 12:39:33.34ID:???
2022/01/03(月) 12:47:22.37ID:???
>>417
フレームワークを勉強よりもまずその前の基礎が分かってないとな
フレームワークを勉強よりもまずその前の基礎が分かってないとな
2022/01/03(月) 12:55:10.59ID:???
2022/01/03(月) 15:51:29.45ID:???
<input type="text">で半角入力に強制的に切り替えるにはどうやればいいんですか？
2022/01/03(月) 19:44:03.71ID:???
カラムのサイズに関して
デバイスのサイズが色々なのでサイズ固定は良くないよと聞きます。
vwを使った指定がいいと聞きますが、具体的にどうやるんですか？
100vwいっぱい似表示されると、ワイド画面では見づらいサイトになります。
ですから、max-widthはpx指定が必要かなと思います。
また、サイドバーとメインカラムは%指定しているのですが、これらもvwで指定するのですかね
デバイスのサイズが色々なのでサイズ固定は良くないよと聞きます。
vwを使った指定がいいと聞きますが、具体的にどうやるんですか？
100vwいっぱい似表示されると、ワイド画面では見づらいサイトになります。
ですから、max-widthはpx指定が必要かなと思います。
また、サイドバーとメインカラムは%指定しているのですが、これらもvwで指定するのですかね
2022/01/03(月) 19:47:24.81ID:???
vw使うのはwidthじゃなくて
sp時のフォントとかじゃ？
sp時のフォントとかじゃ？
2022/01/03(月) 19:57:29.28ID:???
そうですね。ワイズに関してです。
フォントにはremを使おうかと。
rootにだけフォントサイズをpxで指定して、以下はremという感じですかね。
フォントにはremを使おうかと。
rootにだけフォントサイズをpxで指定して、以下はremという感じですかね。
2022/01/03(月) 20:38:55.87ID:???
そういやvw使ってデザインするなら
viewportをwidth=device-widthにしないで
width 500pxとか好きな数字にしてpxでデザインした方が楽なんじゃないかと思いながら
思考停止でwidth=device-widthを使い続けてるわ
viewportをwidth=device-widthにしないで
width 500pxとか好きな数字にしてpxでデザインした方が楽なんじゃないかと思いながら
思考停止でwidth=device-widthを使い続けてるわ
2022/01/04(火) 00:18:52.40ID:???
2022/01/04(火) 00:57:49.21ID:???
2022/01/04(火) 00:58:33.54ID:???
>>426
やってみればわかるけど根本的に表示が違う
やってみればわかるけど根本的に表示が違う
2022/01/04(火) 04:47:08.95ID:???
viewportをwidth=500pxにしたとすると
1vw=1%=5pxじゃないの？
1vw=1%=5pxじゃないの？
2022/01/04(火) 05:05:24.57ID:???
横から似たような質問だけど
PCファーストのレスポンシブで
img{width:800px}
メディアクエリで
img{width:100%}
とやってきたけど
メディアクエリに書かずに
img{width:800px; max-width:100%}と書くほうが今風なの？
行数減らせるならこれで良いと思うけど、これのデメリットって何かある？
PCファーストのレスポンシブで
img{width:800px}
メディアクエリで
img{width:100%}
とやってきたけど
メディアクエリに書かずに
img{width:800px; max-width:100%}と書くほうが今風なの？
行数減らせるならこれで良いと思うけど、これのデメリットって何かある？
2022/01/04(火) 05:47:24.78ID:???
imgにwidthを数値指定してる時点でオエッてなる
2022/01/04(火) 06:02:12.88ID:???
>>432
%派？
%派？
2022/01/04(火) 08:44:41.46ID:???
>>432
属性で指定するからいらねって事？
属性で指定するからいらねって事？
2022/01/04(火) 08:51:25.16ID:???
pcサイトならpx指定しても問題無い
2022/01/04(火) 13:11:21.36ID:???
>>428
自分でも何言ってるかよくわからないですね。
コンテナ幅をpx指定することは今どきはないと聞きました。
であれば、どうやって指定するのかなということです。
ワイド画面では横長になりますからmax-widthの指定は必要でしょう。
だったら、最初から1000px前後で固定でいいんじゃないかなと。
https://ideone.com/pWULZO
自分でも何言ってるかよくわからないですね。
コンテナ幅をpx指定することは今どきはないと聞きました。
であれば、どうやって指定するのかなということです。
ワイド画面では横長になりますからmax-widthの指定は必要でしょう。
だったら、最初から1000px前後で固定でいいんじゃないかなと。
https://ideone.com/pWULZO
2022/01/04(火) 13:18:44.93ID:???
>>417
まず、jQuery, CSS Selector から学ぶ
Vue.js, React は、VSCode, Node.js, npm/yarn, webpack/babel, package.json、
圧縮などの、asset pipeline・タスクランナーも必須で、
プロジェクトを作る、テンプレート・フレームワークだから、
軽く、jQueryの数十倍は難しい！
まず、jQuery, CSS Selector から学ぶ
Vue.js, React は、VSCode, Node.js, npm/yarn, webpack/babel, package.json、
圧縮などの、asset pipeline・タスクランナーも必須で、
プロジェクトを作る、テンプレート・フレームワークだから、
軽く、jQueryの数十倍は難しい！
2022/01/04(火) 13:23:24.02ID:???
vw は、Line みたいな低レベルなサイトが多い
画面の95% が真っ黒で、真ん中に画像が1つだけある。
そして、どんなに拡大しても、サイズが変わらないから、見えないまま
これが文字なら、小さくて読めないまま
絶対に拡大できない
画面の95% が真っ黒で、真ん中に画像が1つだけある。
そして、どんなに拡大しても、サイズが変わらないから、見えないまま
これが文字なら、小さくて読めないまま
絶対に拡大できない
2022/01/04(火) 13:37:45.94ID:???
2022/01/04(火) 13:47:38.65ID:???
2022/01/04(火) 17:08:31.76ID:???
2022/01/04(火) 17:14:51.32ID:???
知恵袋におります
2022/01/04(火) 17:26:11.30ID:???
ではYahoo知恵遅れのサービスを停止させろ
2022/01/04(火) 17:51:01.83ID:???
本当にいいのですか？
2022/01/04(火) 18:03:44.00ID:???
おk
446Name_Not_Found
2022/01/04(火) 19:48:04.77ID:UsERrHAH html、css、javascriptを学びたいと思っています。
今は独学で勉強中なのですが、参考書だけではわからない部分もあり
4月ころから始まる職業訓練に行こうかなとも迷っています。
独学でも会社で通用する技術を身に着けられるものなんでしょうか。
それともやはりスクールなり訓練なりを受けた方が良いのでしょうか。
諸先輩方のアドバイスを頂ければ幸いです。
今は独学で勉強中なのですが、参考書だけではわからない部分もあり
4月ころから始まる職業訓練に行こうかなとも迷っています。
独学でも会社で通用する技術を身に着けられるものなんでしょうか。
それともやはりスクールなり訓練なりを受けた方が良いのでしょうか。
諸先輩方のアドバイスを頂ければ幸いです。
2022/01/04(火) 19:52:34.45ID:???
当然独学で十分
なぜなら昔と違ってネットや動画でありすぎるから
それでダメなら向いていない
なぜなら昔と違ってネットや動画でありすぎるから
それでダメなら向いていない
448Name_Not_Found
2022/01/04(火) 20:15:51.90ID:UsERrHAH2022/01/04(火) 20:23:53.75ID:???
>>437
アドバイスありがとうございます。
VueやReactが必要なケースは限られていて、ほとんど（特に小規模なもの）の場合は jQuery で足りると理解しました。
ちょうど年末に図書館で借りた「jQuery 最高の教科書」という本が手元にあるので 目を通したいと思います。
アドバイスありがとうございます。
VueやReactが必要なケースは限られていて、ほとんど（特に小規模なもの）の場合は jQuery で足りると理解しました。
ちょうど年末に図書館で借りた「jQuery 最高の教科書」という本が手元にあるので 目を通したいと思います。
2022/01/04(火) 23:25:43.75ID:???
その理解では時代に取り残されるぞ
2022/01/05(水) 03:51:00.38ID:???
職業訓練だと一応仕事の斡旋もしてくれるから
いけるなら行ったほうがいい
あと独学だと向いてる向いてない気がつかない場合もあるから
実際働いてやっぱ向いてないで辞めるやつ
ほんと迷惑なんで
いけるなら行ったほうがいい
あと独学だと向いてる向いてない気がつかない場合もあるから
実際働いてやっぱ向いてないで辞めるやつ
ほんと迷惑なんで
2022/01/05(水) 05:31:37.65ID:???
(´･ω･`)･ω･`) ｷｬｰ
/ つ⊂ ＼ 怖いー
/ つ⊂ ＼ 怖いー
2022/01/05(水) 05:52:26.33ID:???
HTMLが全く使いこなせていないのですが、勉強方法として「自分が真似したいと思う他人のHPのソースコードをよく読み込む」というのは効果がありますか？
2022/01/05(水) 06:12:08.81ID:???
>>453
ある
ある
2022/01/05(水) 07:15:07.98ID:???
>>450
取り残されるのではない、しがみつくのだ
取り残されるのではない、しがみつくのだ
2022/01/05(水) 07:52:14.09ID:???
>>455
さすがです
さすがです
2022/01/05(水) 08:51:57.70ID:???
2022/01/05(水) 09:17:45.83ID:???
Jqueryって入れすぎるとサイト重くなるからCSSでできるならCSSで、JavaScriptでできるならJavaScriptでって分けなきゃ行けないんだろ？
極力JQueryは入れないほいがいいって
極力JQueryは入れないほいがいいって
2022/01/05(水) 09:36:35.47ID:???
2022/01/05(水) 19:25:34.83ID:???
根本がわかってないパッパラパー
461437
2022/01/05(水) 19:43:35.66ID:??? jQuery を使わず、素のJavaScript で作るとバグるだけ。
開発時間も掛かるし、低品質
うまい・安い・速いの逆。
まずい・高い・遅い
Bootstrap, Bulma, TailWind などもそう。
これらを使わず、素のCSS で作るとバグるだけ。
開発時間も掛かるし、低品質
開発時間を幾ら掛けても、低品質のままで保守できない。
絶対に高品質にならない
開発時間も掛かるし、低品質
うまい・安い・速いの逆。
まずい・高い・遅い
Bootstrap, Bulma, TailWind などもそう。
これらを使わず、素のCSS で作るとバグるだけ。
開発時間も掛かるし、低品質
開発時間を幾ら掛けても、低品質のままで保守できない。
絶対に高品質にならない
2022/01/05(水) 20:47:21.84ID:???
>>461
だっさ
だっさ
2022/01/05(水) 20:59:16.82ID:???
>>461
低品質と高品質の基準が不明
低品質と高品質の基準が不明
2022/01/05(水) 21:34:35.15ID:???
>>461
自ら無能ですって言ってるようなもんだなそれ
自ら無能ですって言ってるようなもんだなそれ
2022/01/06(木) 15:51:20.56ID:???
InstagramやTwitterのハッシュタグ検索の結果をサイトに埋め込みたいんだけど
やり方あるのかな？
やり方あるのかな？
466Name_Not_Found
2022/01/06(木) 19:52:26.17ID:RVZlpayP 質問していいでしょうか？
今、htmlを書いているのですが、ヘッダの下にあるはずのものが中に入り込むのですが
どうしたらいいでしょうか？
今、htmlを書いているのですが、ヘッダの下にあるはずのものが中に入り込むのですが
どうしたらいいでしょうか？
2022/01/06(木) 20:16:02.04ID:???
閉め忘れ
2022/01/06(木) 20:35:45.90ID:???
戸締まりとhtmlタグの閉め忘れに用心するのは
昭和から令和になっても変わらないよな
昭和から令和になっても変わらないよな
2022/01/06(木) 20:44:43.28ID:???
戸締りはIOTでカバーできるようになるね
2022/01/07(金) 02:19:40.83ID:???
要素名が連番になってて
<div id=“unit-001”>〜
<div id=“unit-002”>〜
<div id=“unit-003”>〜
unitって頭のついた要素名だけに
何かしたい時って疑似クラスでどうにかならない？
chiidはナシで
<div id=“unit-001”>〜
<div id=“unit-002”>〜
<div id=“unit-003”>〜
unitって頭のついた要素名だけに
何かしたい時って疑似クラスでどうにかならない？
chiidはナシで
2022/01/07(金) 02:27:39.47ID:???
[id^="unit-"]
2022/01/07(金) 16:38:30.55ID:???
全ての行を中央揃えにしたいのですが、一々HTMLでセンタリングするのが面倒です
CSSでまとめて中央揃えにするにはどうしたら良いですか？
CSSでまとめて中央揃えにするにはどうしたら良いですか？
2022/01/07(金) 16:59:44.15ID:???
text-align:center;
2022/01/07(金) 19:18:15.55ID:???
<div class>
2022/01/07(金) 19:22:46.84ID:???
<div class="toc">
<div class="title">もくじ</div>
<ul class="toc-ul">
</ul>
</div>
<div class="content">
<h2>header2</h2>
<p>本文本文本文</p>
<h2>header2</h2>
<p>本文本文本文</p>
</div>
javascriptでtocをつくてるです。
content内のヘッダーをqueryselectorでとって、idをつけてます。
その後liタグを作り、toc-ul内に入れとります。
liタグが無い場合、tocとtitleとtoc-ulを非表示にするという処理はCSSで出来ますでしょうか？
headerがない場合はtoc自体を挿入しないというやり方の方がスマートですかね？
<div class="title">もくじ</div>
<ul class="toc-ul">
</ul>
</div>
<div class="content">
<h2>header2</h2>
<p>本文本文本文</p>
<h2>header2</h2>
<p>本文本文本文</p>
</div>
javascriptでtocをつくてるです。
content内のヘッダーをqueryselectorでとって、idをつけてます。
その後liタグを作り、toc-ul内に入れとります。
liタグが無い場合、tocとtitleとtoc-ulを非表示にするという処理はCSSで出来ますでしょうか？
headerがない場合はtoc自体を挿入しないというやり方の方がスマートですかね？
2022/01/07(金) 19:47:11.43ID:???
非表示にする際は、.invisible とか、何かクラスでも付ければ
2022/01/07(金) 20:25:09.77ID:???
回答ありがとうございます。
子要素がない場合、親要素を非表示にするという処理部分はjsでしょうか？
子要素がない場合、親要素を非表示にするという処理部分はjsでしょうか？
2022/01/07(金) 20:31:25.47ID:???
できました
よし
よし
2022/01/07(金) 22:42:25.58ID:???
>>473
教えていただきありがとうございます
教えていただきありがとうございます
2022/01/07(金) 22:57:15.58ID:???
JavaScript で、visible/invisible のどちらかのクラスを付ければ？
.visible { display:block; }
.invisible { display:none; }
<div class="abc visible">見える div</div>
<div class="abc invisible">見えない div</div>
.visible { display:block; }
.invisible { display:none; }
<div class="abc visible">見える div</div>
<div class="abc invisible">見えない div</div>
2022/01/07(金) 23:29:02.00ID:???
jsスレいけって
2022/01/08(土) 00:07:08.71ID:???
display:blockで表示/非表示に使うと
ブロックレベル要素（改行される）、のなんとかならんの
名前からしてvisibility:hidden使いたいのにこれもまた変なオマケがついてくるし
ブロックレベル要素（改行される）、のなんとかならんの
名前からしてvisibility:hidden使いたいのにこれもまた変なオマケがついてくるし
2022/01/08(土) 03:41:52.63ID:???
484Name_Not_Found
2022/01/08(土) 08:13:16.70ID:dN5YKXKT https://patriot.futene.net/work/imsosad/index.html
大変図々しいのですがこのページのコードをどう書いたら良いか教えて下さい。
見出しの「I'm so sad」からバックする「戻る」までを太枠の中に収めたいです。
また、動画は「更に精進していきたいです」〜「戻る」の間に入れたいです。
コードに書いてある通り、太枠内の余白はwidth:1000px、padding: 10px 50pxくらいが良いかなと思っています。
初心者の為、コードを弄っている内に収拾がつかなくなってしまいました........
勝手申し上げますが、何卒宜しくお願い致します。
大変図々しいのですがこのページのコードをどう書いたら良いか教えて下さい。
見出しの「I'm so sad」からバックする「戻る」までを太枠の中に収めたいです。
また、動画は「更に精進していきたいです」〜「戻る」の間に入れたいです。
コードに書いてある通り、太枠内の余白はwidth:1000px、padding: 10px 50pxくらいが良いかなと思っています。
初心者の為、コードを弄っている内に収拾がつかなくなってしまいました........
勝手申し上げますが、何卒宜しくお願い致します。
485Name_Not_Found
2022/01/08(土) 08:18:08.07ID:dN5YKXKT スマホから見ると動画は「更に精進〜」から「戻る」の間に収まっていますが、PCから見ると収まっていません。
2022/01/08(土) 14:24:53.74ID:???
wpならcocoonなどを使うのが普通なんでしょうか？
これこれで操作を覚えるのが大変そうなんですが。
html css php出来れば自在にカスタマイズ出来るし、どちらがいいんですかね。
これこれで操作を覚えるのが大変そうなんですが。
html css php出来れば自在にカスタマイズ出来るし、どちらがいいんですかね。
2022/01/08(土) 14:45:39.17ID:???
普通ではない
2022/01/08(土) 15:55:06.22ID:???
学習コストという概念を学んだので最近は
2022/01/08(土) 16:07:28.36ID:???
>>484-485
10年以上前の古い書き方だとかclass名がおかしいとかレスポンシブ化は？とか、色々とツッコミどころ満載だけども
とりあえず、必要最低限だとこんな感じ？
https://jsfiddle.net/4mb6Lzq2/
新たに枠で括りたいところはdivで括って、元々あったpと同じスタイルにして、枠内のpを適当に幅調整して、文末に<br>を追加
動画部分は便宜上、少し端折ってるけど元のコードから変えなくてもいい
10年以上前の古い書き方だとかclass名がおかしいとかレスポンシブ化は？とか、色々とツッコミどころ満載だけども
とりあえず、必要最低限だとこんな感じ？
https://jsfiddle.net/4mb6Lzq2/
新たに枠で括りたいところはdivで括って、元々あったpと同じスタイルにして、枠内のpを適当に幅調整して、文末に<br>を追加
動画部分は便宜上、少し端折ってるけど元のコードから変えなくてもいい
2022/01/08(土) 16:29:28.23ID:???
こういうわきまえてる感じの質問者の人は好感度高いわ
きっとモノ作りが好きなんだろうな
小説書いたり曲作ったりいい趣味やんな
変に色気だしてwebもわかるんだぜ的なサイトより手作り感が好感持てるわ
きっとモノ作りが好きなんだろうな
小説書いたり曲作ったりいい趣味やんな
変に色気だしてwebもわかるんだぜ的なサイトより手作り感が好感持てるわ
2022/01/08(土) 17:47:41.64ID:???
そのサイトいいな
2000年当たりの個人サイトみたいで懐かしい
2000年当たりの個人サイトみたいで懐かしい
492Name_Not_Found
2022/01/08(土) 17:54:00.40ID:dN5YKXKT >>489
親切にファイルを共有して下さりありがとうございます！
今弄っている最中なのですが、自分が直したい部分を直せているので理想に近付いている気がします。
「I'm so sad」「戻る」の部分だけ中央揃えにしたいのですが、どうすれば良いでしょうか？
<p class="text-align:center;"></p>で括ってあるのですが何故か左揃えになっています
親切にファイルを共有して下さりありがとうございます！
今弄っている最中なのですが、自分が直したい部分を直せているので理想に近付いている気がします。
「I'm so sad」「戻る」の部分だけ中央揃えにしたいのですが、どうすれば良いでしょうか？
<p class="text-align:center;"></p>で括ってあるのですが何故か左揃えになっています
2022/01/08(土) 18:15:50.37ID:???
>>492
classは、デザインを指定したりするための分類名を割り当てるのに使うものであって
スタイルを指定するためのものじゃないので、CSSの方でpにtext-align:center;を
追加するか、HTMLの方でclassの記述をstyleに書き換えてみてください
https://jsfiddle.net/Lwcgtq54/
classは、デザインを指定したりするための分類名を割り当てるのに使うものであって
スタイルを指定するためのものじゃないので、CSSの方でpにtext-align:center;を
追加するか、HTMLの方でclassの記述をstyleに書き換えてみてください
https://jsfiddle.net/Lwcgtq54/
495Name_Not_Found
2022/01/08(土) 18:26:07.46ID:dN5YKXKT >>494
無事できました！本当にありがとうございます！
無事できました！本当にありがとうございます！
2022/01/08(土) 18:27:00.49ID:???
2022/01/08(土) 18:27:27.42ID:???
>>495
お、書いてる間に修正された、おめ
お、書いてる間に修正された、おめ
2022/01/08(土) 19:29:38.49ID:???
スクロールさせるとスクロールしないでアニメーションし始めるiPhoneみたいなサイトほんとイライラする
2022/01/08(土) 21:13:53.50ID:???
あぁいう系はデザイナーやプランナーのオナニー博覧会だからなぁ
2022/01/08(土) 22:39:37.66ID:???
2022/01/08(土) 22:45:46.62ID:???
たいてい、アニメーションするようなサイトは、
画像などのダウンロードサイズが大きいのを、気づかれないようにするため
画像などのダウンロードサイズが大きいのを、気づかれないようにするため
2022/01/08(土) 23:17:45.00ID:???
うねうねグリグリ無駄に動くサイトってその機能で多めに料金取れるとかお客さん喜ぶとかなのかな
背景で画面幅いっぱいに動画が強制再生されるページも嫌だ
背景で画面幅いっぱいに動画が強制再生されるページも嫌だ
2022/01/09(日) 13:02:29.40ID:???
<table style="width:300px;background:#00ffff">
<tr>
<td>aaa</td>
</tr>
</table>
<div style="position:fixed;left:200px">bbb</div>
PCで横スクロールするとbbbの位置が固定されますが
F12キー押してスマホモードにするとスクロールしてもbbbが固定されません
どうすれば固定されますか？
<tr>
<td>aaa</td>
</tr>
</table>
<div style="position:fixed;left:200px">bbb</div>
PCで横スクロールするとbbbの位置が固定されますが
F12キー押してスマホモードにするとスクロールしてもbbbが固定されません
どうすれば固定されますか？
2022/01/09(日) 17:52:49.40ID:???
>>503は300pxではなくて3000pxです
2022/01/09(日) 19:46:44.04ID:???
エミュレータで固定されないからといって
それが何だというのだ
それが何だというのだ
2022/01/09(日) 21:52:48.79ID:???
>>505
スマホ実機でも固定されないんだけど
スマホ実機でも固定されないんだけど
2022/01/09(日) 22:48:36.28ID:???
:root { overflow: hidden; }
body { overflow: auto; margin: 0; height: 100vh; height: -webkit-fill-available; }
とか
body { overflow: auto; margin: 0; height: 100vh; height: -webkit-fill-available; }
とか
2022/01/09(日) 23:53:07.22ID:???
最初からスマホで固定されないって書けばいいのに
509Name_Not_Found
2022/01/10(月) 11:02:46.80ID:AoSQOuPX age
2022/01/10(月) 21:28:02.67ID:???
ChromeのDevToolのElement Toolの検索でHtmlはShift+F(Windows)でやるのだけども、
Stylesの方はどうして検索するの？
Stylesの方はどうして検索するの？
2022/01/10(月) 21:57:10.96ID:???
F12→F1→ショートカット
512Name_Not_Found
2022/01/10(月) 23:19:14.08ID:nwBoX0wl >>511
ショートカット？
ショートカット？
2022/01/10(月) 23:59:48.55ID:???
>>512
Yes! Shortcut.
Yes! Shortcut.
2022/01/11(火) 00:03:25.39ID:???
YES KitKat
2022/01/11(火) 18:47:11.28ID:???
htmlやcssをカプセル化することはできますか？
それができれば他人が作ったコードとidやclassが重複しなくていいと思ったので
それができれば他人が作ったコードとidやclassが重複しなくていいと思ったので
2022/01/11(火) 18:57:18.11ID:???
>>515
Shaow DOM
Shaow DOM
2022/01/11(火) 19:49:19.10ID:???
cocoonとか使うとカスタマイズが余計めんどくなりますか？
2022/01/11(火) 19:53:18.54ID:???
2022/01/11(火) 20:15:12.88ID:???
>>517
まずはやってみようか坊主
まずはやってみようか坊主
2022/01/11(火) 22:06:34.09ID:???
>>517
最初cocoonだったけど、こんなんじゃ何も表現できないってなって独自テーマ作ったよ
最初cocoonだったけど、こんなんじゃ何も表現できないってなって独自テーマ作ったよ
2022/01/11(火) 23:02:39.13ID:???
wp始めたての時はcocoonすげえって思ったけど
3ヶ月経ったら自分でfunctionと共にテーマ作ってたわ
3ヶ月経ったら自分でfunctionと共にテーマ作ってたわ
2022/01/11(火) 23:21:10.33ID:???
>>515
SASS が、グローバルな名前空間を使う、@import を廃止にして、
スコープのある名前空間の@use に変える事にしたから、すごい影響がある
難し過ぎて、多くの人が脱落するのじゃないか？
SASS が、グローバルな名前空間を使う、@import を廃止にして、
スコープのある名前空間の@use に変える事にしたから、すごい影響がある
難し過ぎて、多くの人が脱落するのじゃないか？
2022/01/12(水) 00:14:54.95ID:???
脱落してくれたら飯の種が増えるがそうはならんだろうなあ
524Name_Not_Found
2022/01/12(水) 01:38:20.58ID:iPngkuLe >>516
つまりjavascript使わないとできないってことか
つまりjavascript使わないとできないってことか
2022/01/12(水) 05:58:41.83ID:???
cocoonとか余計めんどく感じてきますよね、、、
2022/01/12(水) 07:01:27.33ID:???
cssで変更しようと思ったらメニューで用意されているとイラっとくるcocoon
2022/01/12(水) 09:11:17.26ID:???
2022/01/12(水) 09:27:10.57ID:???
そうそう自作テーマの参考には十分
2022/01/12(水) 10:13:24.93ID:???
そうしときます。
2022/01/12(水) 14:00:07.15ID:???
cocon触ってきましたけど、結局、コクンカスタムしたいとなると、色々いじらないといけないですね。
2022/01/12(水) 15:20:21.86ID:???
というかスレ違いだから他所でやれ
2022/01/12(水) 16:52:27.75ID:???
>>446
もう見てないかもしれないけど、俺は職業訓練上がりでコーダーの派遣やってる。
>>447の言う通り訓練では調べれば出てくるような基本のことばかり学ぶから、確かに独学でも出来ないわけではないだろうけど、
調べて分からない部分もあるっていうんなら訓練行くのもいいんじゃない
俺も自分でイマイチ理解しきれなかったこととか、細かいデザインで悩んだこととか聞けたから、行ってよかったと思ってるよ
ただ職業訓練に来る人って給付金目当ての人も多くて、やる気ない人とか子供みたいな人も多くてビックリした、ストレス溜まるかも
最後までポートフォリオ完成まで持って行った奴は2割、やる気なし理解できてないポートフォリオ未完成4割、途中で脱落4割
受講は無料だし俺も給付金貰ってたからそこは我慢してやってた、金あるならスクールのほうがまだ質の高い学習できるかもね
仕事の外旋はコロナ過ってこともあって無いようなもんだった、でもポートフォリオのアドバイスとかは貰えたからまぁ就職の役には立ったと思う
訓練とかスクール上がりの奴は信用出来ないって人もいるし、独学よりは訓練スクール上がりのほうがっていう人もいる
就職難易度はポートフォリオとかも重要だと思うけど、やっぱ年齢やね…
もう見てないかもしれないけど、俺は職業訓練上がりでコーダーの派遣やってる。
>>447の言う通り訓練では調べれば出てくるような基本のことばかり学ぶから、確かに独学でも出来ないわけではないだろうけど、
調べて分からない部分もあるっていうんなら訓練行くのもいいんじゃない
俺も自分でイマイチ理解しきれなかったこととか、細かいデザインで悩んだこととか聞けたから、行ってよかったと思ってるよ
ただ職業訓練に来る人って給付金目当ての人も多くて、やる気ない人とか子供みたいな人も多くてビックリした、ストレス溜まるかも
最後までポートフォリオ完成まで持って行った奴は2割、やる気なし理解できてないポートフォリオ未完成4割、途中で脱落4割
受講は無料だし俺も給付金貰ってたからそこは我慢してやってた、金あるならスクールのほうがまだ質の高い学習できるかもね
仕事の外旋はコロナ過ってこともあって無いようなもんだった、でもポートフォリオのアドバイスとかは貰えたからまぁ就職の役には立ったと思う
訓練とかスクール上がりの奴は信用出来ないって人もいるし、独学よりは訓練スクール上がりのほうがっていう人もいる
就職難易度はポートフォリオとかも重要だと思うけど、やっぱ年齢やね…
2022/01/12(水) 19:39:25.24ID:???
サイトのバランスというのは、フォントサイズと余白で決まるのですか？
テキスト主体のサイトになります。
テキスト主体のサイトになります。
2022/01/12(水) 20:26:11.23ID:???
客観的な基準が示せない（つまり主観が入る）ような質問には答えようがないんだわ
2022/01/12(水) 20:57:59.98ID:???
はい。
開発者ツールでcss適用後のフォントサイズは調べられないのでしょうか？
vivaldiなのでchromeと同じです。
開発者ツールでcss適用後のフォントサイズは調べられないのでしょうか？
vivaldiなのでchromeと同じです。
2022/01/13(木) 00:52:31.90ID:???
computedのとこ
2022/01/13(木) 10:33:07.80ID:???
>>536
ありがとうござす
ありがとうござす
2022/01/13(木) 14:03:21.54ID:???
>>532
トップページ（レスポンシブ）のコーディングにどれくらいの時間かかりますか？
トップページ（レスポンシブ）のコーディングにどれくらいの時間かかりますか？
2022/01/13(木) 14:35:59.25ID:???
css変数ってあんま使わんですか？
2022/01/13(木) 16:26:10.16ID:???
>>538
規模によって変わる質問など無意味
規模によって変わる質問など無意味
2022/01/13(木) 17:38:33.58ID:???
2022/01/13(木) 17:58:27.48ID:???
jsからcssに数値渡したい時は使うようにしてるな
styleを書き換えずにcss変数を書き換える
元のcssは上書きされない
styleを書き換えずにcss変数を書き換える
元のcssは上書きされない
2022/01/13(木) 18:26:12.59ID:???
>>541
共通する部分には便利なので使っます
共通する部分には便利なので使っます
2022/01/13(木) 19:14:18.83ID:???
ブログカードのflexでのデザインについて
ブログカードを包む要素は.wrapperです
以下のようにブログカードを２列にしたいと思います
■■
■■
■■
wrapperのwidthは640pxにしています。
ブログカード同士の横の余白は32pxにしたいです。
640-32/2として、space-betweenで並べれば中央に余白が出来ます。
こういうことをサクッと出来る計算とかないでしょうか？
wrapperの幅が変わることを想定しています
ブログカードを包む要素は.wrapperです
以下のようにブログカードを２列にしたいと思います
■■
■■
■■
wrapperのwidthは640pxにしています。
ブログカード同士の横の余白は32pxにしたいです。
640-32/2として、space-betweenで並べれば中央に余白が出来ます。
こういうことをサクッと出来る計算とかないでしょうか？
wrapperの幅が変わることを想定しています
2022/01/13(木) 19:37:53.32ID:???
width: calc((100% - 32px) / 2);
だけど2列固定ならgridの方が簡単
wrapperに
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
するだけ
だけど2列固定ならgridの方が簡単
wrapperに
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
するだけ
2022/01/13(木) 19:48:01.81ID:???
2022/01/13(木) 20:06:41.27ID:???
2022/01/13(木) 20:45:41.77ID:???
すみません 私のミスでした
2022/01/14(金) 00:46:39.02ID:???
レスポンシブれてない
2022/01/14(金) 05:20:43.51ID:???
Gridのfrってなんの略？
ググったら
>外径を表す単位でフレンチと読みます
って医学関係の用語が引っかかる
ググったら
>外径を表す単位でフレンチと読みます
って医学関係の用語が引っかかる
2022/01/14(金) 08:54:13.88ID:???
>>550
フレーム
フレーム
2022/01/14(金) 15:53:12.49ID:???
>>539
くっそー、、いつの間に出来てたんだ。。5年前くらいになんで無いんだよって思ってたわ
IＥ未対応ならまあ無理だったが。その後はscssで対応してた
今後はこっちつかう。scssもjQueryと同じ運命ただるだろう。サンクス
くっそー、、いつの間に出来てたんだ。。5年前くらいになんで無いんだよって思ってたわ
IＥ未対応ならまあ無理だったが。その後はscssで対応してた
今後はこっちつかう。scssもjQueryと同じ運命ただるだろう。サンクス
2022/01/14(金) 16:45:35.85ID:???
2022/01/14(金) 20:59:20.88ID:???
ブログカードの高さというのはheightで固定するものでしょうか？
ありがちな方法を教えて下さい。
ブログカードの中に画像と、記事タイトルと、投稿日などを含めるかと思います。
画像
記事タイトル
投稿日
と言った並びになることが多いと思うのですが、ブログカードを固定するのか、これらの内容物の高さを固定しているのかよくわかりません。
参考にしているサイトを調べてみたんですが、ブログカードも内容物に対してもheightの指定が見当たらなかったです。
でも、カードの高さは揃っています。
https://arrown-blog.com
ここっす
ありがちな方法を教えて下さい。
ブログカードの中に画像と、記事タイトルと、投稿日などを含めるかと思います。
画像
記事タイトル
投稿日
と言った並びになることが多いと思うのですが、ブログカードを固定するのか、これらの内容物の高さを固定しているのかよくわかりません。
参考にしているサイトを調べてみたんですが、ブログカードも内容物に対してもheightの指定が見当たらなかったです。
でも、カードの高さは揃っています。
https://arrown-blog.com
ここっす
2022/01/14(金) 22:16:11.56ID:???
heightで固定しないね
2022/01/14(金) 22:31:08.97ID:???
flexで、並んでるやつは高さが揃うようになってるだけ
2022/01/14(金) 22:39:45.53ID:???
>>532
レスありがとうございます。
ご親切に詳しく教えて頂き感謝です。
実はご指摘頂いた有料スクールも選択肢に入れていて、
独学をもう少し進めて不明点がぬぐえないならスクールに通うか、訓練校に行こうか、
と考えている次第です。
いずれにせよ決断はもう少し様子を見てからになりそうです。
大変参考になりました。
ありがとうございました。
レスありがとうございます。
ご親切に詳しく教えて頂き感謝です。
実はご指摘頂いた有料スクールも選択肢に入れていて、
独学をもう少し進めて不明点がぬぐえないならスクールに通うか、訓練校に行こうか、
と考えている次第です。
いずれにせよ決断はもう少し様子を見てからになりそうです。
大変参考になりました。
ありがとうございました。
2022/01/14(金) 22:46:57.73ID:???
金かけて行くようなもんじゃない
やりたいことググればすぐに上達する
逆に何がしたいか目的がない奴は金かけても無駄金になるぞ
やりたいことググればすぐに上達する
逆に何がしたいか目的がない奴は金かけても無駄金になるぞ
2022/01/14(金) 23:46:58.89ID:???
YouTube で有名な、雑食系エンジニア・KENTA の有料サロンの、
Ruby on Rails 初心者用コースには、3千人が参加しているけど、
確か、HTML, CSS/SASS, JavaScript は、Progate・ドットインストールだったかな？
動画を参照して
KENTAは、200万円の学校をぼったくりと言って訴えられているw
マコなりの学校は80万円とか？
Ruby on Rails 初心者用コースには、3千人が参加しているけど、
確か、HTML, CSS/SASS, JavaScript は、Progate・ドットインストールだったかな？
動画を参照して
KENTAは、200万円の学校をぼったくりと言って訴えられているw
マコなりの学校は80万円とか？
2022/01/15(土) 00:34:33.76ID:???
>>557
スクールは金の無駄だからやめとけ
その金を作業環境やプログラム、デザイン系の専門書
またはアドビCCに費やした方がマシ
職業訓練校なりスクールなりどっちでもいいが
コーダー1本で仕事なんてできないから
どのみちプログラムやデザインの知識が必要になってくるし
まったく素人から始めるなら
そのための専門書が年間10万近くかかってくる
スクールは金の無駄だからやめとけ
その金を作業環境やプログラム、デザイン系の専門書
またはアドビCCに費やした方がマシ
職業訓練校なりスクールなりどっちでもいいが
コーダー1本で仕事なんてできないから
どのみちプログラムやデザインの知識が必要になってくるし
まったく素人から始めるなら
そのための専門書が年間10万近くかかってくる
2022/01/15(土) 00:55:43.68ID:???
焦ると学校の餌食になる
お笑い、声優、youTuber、プログラムなどスクールが市場にできるということはそういうことだ
ネギ背負った夢見る鴨が鍋に自分から入るのが養成スクール
お笑い、声優、youTuber、プログラムなどスクールが市場にできるということはそういうことだ
ネギ背負った夢見る鴨が鍋に自分から入るのが養成スクール
2022/01/15(土) 05:32:03.93ID:???
2008年ぐらいのphpを見てたら
html内のstyle/cssの前に
/*<![CDATA[*/
とかあるけど、これは何？ブラウザへのおまじない？
html内のstyle/cssの前に
/*<![CDATA[*/
とかあるけど、これは何？ブラウザへのおまじない？
2022/01/15(土) 06:37:15.30ID:???
2022/01/15(土) 07:18:43.31ID:???
2022/01/15(土) 09:47:42.41ID:???
同じヒエラルキーの要素がいくつか横並びするなら
高さは揃ってる方が見映えいいんじゃね
ブログに限らず
高さは揃ってる方が見映えいいんじゃね
ブログに限らず
2022/01/15(土) 10:39:27.71ID:???
実験してみますです
2022/01/15(土) 10:42:58.89ID:???
最初は人に教わる環境は必要だと思うぞ
1人だと頓挫するから鞭売ってもらう必要がある
教科書やネットに載ってない重要な事はたくさんある
それと参考書やﾈｯﾄが人に現場で使わない無駄な情報が多すぎる
1人だと頓挫するから鞭売ってもらう必要がある
教科書やネットに載ってない重要な事はたくさんある
それと参考書やﾈｯﾄが人に現場で使わない無駄な情報が多すぎる
2022/01/15(土) 10:43:54.93ID:???
かといって高額なぼったくり塾にはつかまるなよ
2022/01/15(土) 10:46:15.35ID:???
可変しやすい記事タイトル部分部分だけ切ることにします
文字数制限ならoverflowhiddenなり
文字数制限ならoverflowhiddenなり
2022/01/15(土) 10:51:00.77ID:???
CSSが次から次と新しいの出してくるけど
リリース情報とかどこでチェックしてる？
リリース情報とかどこでチェックしてる？
2022/01/15(土) 10:51:55.23ID:???
ころすけなり
2022/01/15(土) 11:15:08.11ID:???
画像の大きさにブログカードを合わせるのか、ブログカードの大きさに画像をあわせるのかどちらなんでしょうか？
2022/01/15(土) 11:21:20.63ID:???
デサインに合わせる
2022/01/15(土) 11:27:26.35ID:???
>>557
ちなみに年齢にいくつぐらいなんだろう？
年齢が高いのなら未経験は給与は下がるだろうから折り合いつけ無いといけないよ
年齢が若く就職根ざしてるなら訓練校も悪くなかったよ
学校によるんだろうけど学校に企業説明に来てくれる企業もあって
家で悶々とさせているよりは就職を考えるときのハードルも下がった
ただし他の人も行ってるけど学ぶ姿勢がゆるい人も多いから
それに影響されずに積極的に授業外でも課題やったり質問していく姿勢持ってたら悪くないと思う
何より悩んだ時に人に聞ける環境は貴重だと感じた
ちなみに年齢にいくつぐらいなんだろう？
年齢が高いのなら未経験は給与は下がるだろうから折り合いつけ無いといけないよ
年齢が若く就職根ざしてるなら訓練校も悪くなかったよ
学校によるんだろうけど学校に企業説明に来てくれる企業もあって
家で悶々とさせているよりは就職を考えるときのハードルも下がった
ただし他の人も行ってるけど学ぶ姿勢がゆるい人も多いから
それに影響されずに積極的に授業外でも課題やったり質問していく姿勢持ってたら悪くないと思う
何より悩んだ時に人に聞ける環境は貴重だと感じた
2022/01/15(土) 11:28:53.07ID:???
>>572
デザイン次第
デザイン次第
2022/01/15(土) 12:03:29.99ID:???
2022/01/15(土) 12:39:36.80ID:???
アスペ比とかキモイ略つかうな
2022/01/15(土) 13:06:48.19ID:???
>>576
画像の縦横比を揃えるか、object-fitか
画像の縦横比を揃えるか、object-fitか
2022/01/15(土) 13:45:39.42ID:???
2022/01/15(土) 14:23:05.96ID:???
アイキャッチがない場合の表示方法ってどうしてますか？
ブログサービス問わず使える方法といえば、背景画像の設定くらいしか思いつかないのですが
ブログサービス問わず使える方法といえば、背景画像の設定くらいしか思いつかないのですが
2022/01/15(土) 14:43:05.40ID:???
まあ画像じゃなくてもいいですね
アイキャッチないです、という表示を出来れば
positionなど使ってみます
アイキャッチないです、という表示を出来れば
positionなど使ってみます
2022/01/15(土) 17:55:48.15ID:???
2022/01/15(土) 20:30:05.09ID:???
ブログカードをデザインする場合、左の赤ボックスと右の黒ボックスはどのくらいの比率にしますか？
赤は固定、黒はflex-grow:1;などで目一杯伸ばしてみたんですが、これだと小さいデバイスで見た場合に、黒だけ縮み、画像の大きさはそのままです。
画像は縦横比を4:3にするときれいに見えるということで、heightとwidthを240:180程に固定していたのですが、上記の問題があります。
flexで1:3位の割合で割り振るのが無難でしょうか？
これだと黄金比云々は捨てることになりますが。
https://i.imgur.com/wuTRT54.jpg
https://ideone.com/r9tL47
赤は固定、黒はflex-grow:1;などで目一杯伸ばしてみたんですが、これだと小さいデバイスで見た場合に、黒だけ縮み、画像の大きさはそのままです。
画像は縦横比を4:3にするときれいに見えるということで、heightとwidthを240:180程に固定していたのですが、上記の問題があります。
flexで1:3位の割合で割り振るのが無難でしょうか？
これだと黄金比云々は捨てることになりますが。
https://i.imgur.com/wuTRT54.jpg
https://ideone.com/r9tL47
2022/01/15(土) 20:36:17.09ID:???
デザインの質問やんけ
スレ違い
スレ違い
2022/01/15(土) 20:36:46.74ID:???
黄金比に縛られると凡庸なデザインばかりになるぞ
あくまで目安だ
あくまで目安だ
2022/01/15(土) 20:47:29.28ID:???
>>584
もうお前がどっか行けばいい
もうお前がどっか行けばいい
2022/01/15(土) 20:48:30.49ID:???
>>586
お前もついて行け
お前もついて行け
2022/01/15(土) 20:58:49.58ID:???
自分がどういうデザインにしたいかで決めればいいのに
画像もレスポンシブにしなくていいの？
画像もレスポンシブにしなくていいの？
2022/01/15(土) 22:06:34.13ID:???
黄金比無視してやります
2022/01/15(土) 23:02:33.85ID:???
教えてちゃんには酷やがその辺のサイト見たらわかることや
2022/01/15(土) 23:28:47.27ID:???
>>590お前スレタイも読めないの？安価もつけられないビビりキッズ君には酷なことやがw
2022/01/15(土) 23:54:33.89ID:???
自分だったら
画像のwidthは％単位、heightはautoにするかな
画像のwidthは％単位、heightはautoにするかな
2022/01/16(日) 00:06:06.88ID:???
>>590
標準語を使おう
標準語を使おう
2022/01/16(日) 10:06:28.43ID:???
2022/01/16(日) 10:11:26.29ID:???
2022/01/16(日) 10:30:06.80ID:???
2022/01/16(日) 10:34:26.10ID:???
>>596
比率なら崩れないとは思うんですが
比率なら崩れないとは思うんですが
2022/01/16(日) 10:42:28.77ID:???
2022/01/16(日) 10:46:41.82ID:???
>>597
横長（PC）用のデザインに縦長（スマホ）用のデザインを同じ比率でそのまんま突っ込んだらどうなるか想像してみたらいい。
仮に黄金比が美しいと仮定したとしても読みつらいよ。
webはアート作品ではない。 見て美しいね。で終わるなら糞だ。
メディアであり情報提供してアクションさせてなんぼだ
横長（PC）用のデザインに縦長（スマホ）用のデザインを同じ比率でそのまんま突っ込んだらどうなるか想像してみたらいい。
仮に黄金比が美しいと仮定したとしても読みつらいよ。
webはアート作品ではない。 見て美しいね。で終わるなら糞だ。
メディアであり情報提供してアクションさせてなんぼだ
2022/01/16(日) 10:49:50.25ID:???
2022/01/16(日) 11:59:37.87ID:???
2022/01/16(日) 12:39:06.61ID:???
作りたいデザインに合わせて決める
2022/01/16(日) 12:43:07.88ID:???
8バイマン、黄金比マンになったのか？
2022/01/16(日) 12:58:26.77ID:???
バカの一つ覚えみたいに何でも黄金比が正解と思ったら大間違いだからな
球体を見ろ。あんなに美しいのに黄金比なんかじゃない。
女を見ろ。花火見ろ、自分のPCモニター見ろ。
全く黄金比じゃない。
周囲のあらゆる条件が揃ってそれぞれ出番となるのだ
球体を見ろ。あんなに美しいのに黄金比なんかじゃない。
女を見ろ。花火見ろ、自分のPCモニター見ろ。
全く黄金比じゃない。
周囲のあらゆる条件が揃ってそれぞれ出番となるのだ
2022/01/16(日) 13:24:41.25ID:???
>>601
max-heightやmax-width使わんの？
max-heightやmax-width使わんの？
2022/01/16(日) 13:52:29.88ID:???
2022/01/16(日) 13:53:36.84ID:???
object fit使うから画像にしときます
2022/01/16(日) 15:33:39.12ID:???
数十秒で答えが出るような事は、精査してから書き込みなさいよ
LINEじゃないんだから
LINEじゃないんだから
2022/01/16(日) 15:52:42.19ID:???
2022/01/16(日) 15:57:39.02ID:???
2022/01/16(日) 16:25:24.07ID:???
>>609
そういう優しさ強要の煽りレスって、質問者と同一人物と見なされて
結果、誰にも相手にされなくなるんだけど、そういうのを狙ってるの？
それって質問者にとって全く優しくないんだけど、自覚はある？
そういう優しさ強要の煽りレスって、質問者と同一人物と見なされて
結果、誰にも相手にされなくなるんだけど、そういうのを狙ってるの？
それって質問者にとって全く優しくないんだけど、自覚はある？
2022/01/16(日) 16:54:30.54ID:???
2022/01/16(日) 17:02:33.79ID:???
>>609
黄金比マンの本音はこれか 氏ねよ
黄金比マンの本音はこれか 氏ねよ
2022/01/16(日) 17:02:58.75ID:???
>>611
いやいや質問者の自演だからw
いやいや質問者の自演だからw
2022/01/16(日) 17:06:46.35ID:???
2022/01/16(日) 17:07:36.43ID:???
このスレはスレタイも読めねえキチガイが常駐して荒らしてるだけだな
2022/01/16(日) 17:08:49.38ID:???
質問者が無駄なレスを注意されてるのを
キレて煽っちゃダメだろう
キレて煽っちゃダメだろう
2022/01/16(日) 17:12:45.07ID:???
>>614
いや、頭ごなしに同一人物認定するのもどうかと思ってさｗ
いや、頭ごなしに同一人物認定するのもどうかと思ってさｗ
2022/01/16(日) 17:18:09.71ID:???
実際に同一人物かどうかは知らんが、こうなってくると
せっかく作ったブログカードのサンプルも貼る気失せるな
せっかく作ったブログカードのサンプルも貼る気失せるな
2022/01/16(日) 17:23:33.17ID:???
2022/01/16(日) 18:42:11.12ID:???
画像というのは縮小限界のようなものがあるんでしょうか？
chrome(vivaldi)のモバイルエミュで画面を縮小してくと、一定以下のところで縮小がとまります。
ブログカードは、今試行錯誤中です。
chrome(vivaldi)のモバイルエミュで画面を縮小してくと、一定以下のところで縮小がとまります。
ブログカードは、今試行錯誤中です。
2022/01/16(日) 19:14:43.36ID:???
>>609だが俺は質問者じゃないけどな
「どんな質問にも優しく答えるスレ」って書いてるのに一文字も従わず偉そうにしてる阿呆の不細工な顔よ
偉ぶる前にそのデブのお腹どうにかしろよみっともねえな
俺は今日2レスしかしてない
他ののレスは知らん
「どんな質問にも優しく答えるスレ」って書いてるのに一文字も従わず偉そうにしてる阿呆の不細工な顔よ
偉ぶる前にそのデブのお腹どうにかしろよみっともねえな
俺は今日2レスしかしてない
他ののレスは知らん
2022/01/16(日) 19:15:27.95ID:???
2022/01/16(日) 19:17:29.44ID:???
625609
2022/01/16(日) 19:23:42.49ID:??? >>621
LINEやってるか？
ここで質問した方がいいぞ
このスレはキチガイ1人が荒らしてるっぽい
5ちゃんねる運営がクソ過ぎてLINEのURL貼れねえわ
LINEのオープンチャットから行けばいい
オープンチャット「プログラミング初心者の集い」
LINEやってるか？
ここで質問した方がいいぞ
このスレはキチガイ1人が荒らしてるっぽい
5ちゃんねる運営がクソ過ぎてLINEのURL貼れねえわ
LINEのオープンチャットから行けばいい
オープンチャット「プログラミング初心者の集い」
2022/01/16(日) 19:27:07.90ID:???
こうしてどんどん5ちゃんから人がいなくなる
まあ知らんけど
まあ知らんけど
2022/01/16(日) 19:27:21.16ID:???
ルール厨が1番ルールを無視して、すぐ上の質問にも答えず
偉そうに説教垂れて荒らしてるっていうｗ
偉そうに説教垂れて荒らしてるっていうｗ
2022/01/16(日) 19:43:32.57ID:???
こんな日本語も読めねえからな
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
2022/01/16(日) 19:48:40.75ID:???
2022/01/16(日) 19:51:51.88ID:???
そもそもいったい何のためのルールなんだ？っていうね
何をもって「優しい」のか「暴言」なのかは主観によるのに
他人に俺様ルールを強要するような奴は5chなんて向いてない
何をもって「優しい」のか「暴言」なのかは主観によるのに
他人に俺様ルールを強要するような奴は5chなんて向いてない
2022/01/16(日) 19:52:53.49ID:???
object-fit使うと枠の下に余白ができるんですが、これはなんでしょうか？
アスペクト比と関係ありそうですが、調査中です。
computeではpaddingはありません。
https://i.imgur.com/jvOwgpV.jpg
https://ideone.com/W62DMT
アスペクト比と関係ありそうですが、調査中です。
computeではpaddingはありません。
https://i.imgur.com/jvOwgpV.jpg
https://ideone.com/W62DMT
2022/01/16(日) 19:53:10.90ID:???
2022/01/16(日) 19:56:15.90ID:???
LINEのオープンチャットやってるから、LINEみたいな質問してる
ってことか。理解した。
ってことか。理解した。
2022/01/16(日) 19:57:23.30ID:???
>>631
その部分のソース出せ
その部分のソース出せ
2022/01/16(日) 19:57:57.27ID:???
あ、ごめん。出てた
2022/01/16(日) 20:04:25.66ID:???
2022/01/16(日) 20:12:48.83ID:???
2022/01/16(日) 20:18:35.13ID:???
使えねえなあ！
2022/01/16(日) 20:19:14.66ID:???
結局、ルール厨は害悪でしかない
2022/01/16(日) 20:32:11.43ID:???
vertical-align: bottom;でもイケる
img下部の余白問題は過去ログにもある定番のあるあるネタだな
>>631
とりま、これでも嫁
【HTML・CSS】img要素の下に余白ができる原因と解決法
ttps://web-plus.jp/image-20211027/
img下部の余白問題は過去ログにもある定番のあるあるネタだな
>>631
とりま、これでも嫁
【HTML・CSS】img要素の下に余白ができる原因と解決法
ttps://web-plus.jp/image-20211027/
2022/01/16(日) 20:43:20.43ID:???
>>625
lineはやってませんね、、、。というかスマホを持っていません。
lineはやってませんね、、、。というかスマホを持っていません。
2022/01/16(日) 21:01:34.40ID:???
2022/01/16(日) 21:07:15.16ID:???
>>642
imgはインライン要素
imgはインライン要素
2022/01/16(日) 23:08:20.43ID:???
>>636
ケツ出せや
ケツ出せや
2022/01/16(日) 23:20:02.88ID:???
img下部の隙間気になって寝にくい日があったのが懐かしい
5分で寝たわ
5分で寝たわ
2022/01/16(日) 23:21:09.38ID:???
imgを入れるコンテナにはfont-size:0とline-height:0を入れてるわ
2022/01/16(日) 23:22:44.09ID:???
>>646
へ？なんでfont-size:0？
へ？なんでfont-size:0？
2022/01/16(日) 23:24:06.28ID:???
2022/01/17(月) 02:13:40.78ID:???
タグの部屋404エラーか
2022/01/17(月) 08:09:52.81ID:???
質問です。
メディアクエリみたいな書き方するもので
特定のプロパティを使えるかどうかで分岐できるようにするやつって
どう書くんでしたっけ？
メディアクエリみたいな書き方するもので
特定のプロパティを使えるかどうかで分岐できるようにするやつって
どう書くんでしたっけ？
2022/01/17(月) 08:22:39.21ID:???
ベンダープレフィックスじゃなくて？
2022/01/17(月) 09:03:18.91ID:???
@supportだっけ？
653650
2022/01/17(月) 09:58:56.25ID:??? @supportsでしたありがとうございます！
忘れんようにスニペットに突っ込んどこう、、
忘れんようにスニペットに突っ込んどこう、、
2022/01/17(月) 10:14:53.33ID:???
>>653
ごめん、sが抜けてたね
参考に置いとく
@supports - CSS: カスケーディングスタイルシート | MDN
ttps://developer.mozilla.org/ja/docs/Web/CSS/@supports
CSS @supportsの知っていると便利な使い方のまとめ | コリス
ttps://coliss.com/articles/build-websites/operation/css/css-supports-how-to-works.html
ごめん、sが抜けてたね
参考に置いとく
@supports - CSS: カスケーディングスタイルシート | MDN
ttps://developer.mozilla.org/ja/docs/Web/CSS/@supports
CSS @supportsの知っていると便利な使い方のまとめ | コリス
ttps://coliss.com/articles/build-websites/operation/css/css-supports-how-to-works.html
2022/01/17(月) 10:29:15.32ID:???
paddingに関してです
文字が１行の場合、文字サイズに対してどのくらいのpaddingを取るときれいに見えるんでしょうか？
法則でもあれば教えて下さい。
16pxだった場合、半分の8pxを上下に割り振ってます。
文字が１行の場合、文字サイズに対してどのくらいのpaddingを取るときれいに見えるんでしょうか？
法則でもあれば教えて下さい。
16pxだった場合、半分の8pxを上下に割り振ってます。
2022/01/17(月) 10:33:56.37ID:???
ないです
2022/01/17(月) 10:40:29.08ID:???
レスポンシブのサイトを作る場合、絶対値はmainやsideと言った大枠のみで、他のpaddingやらmarginはすべてremというやり方もありでしょうか？
面倒なので、楽したい、、、
らくしてきれいに見せたいです
面倒なので、楽したい、、、
らくしてきれいに見せたいです
2022/01/17(月) 10:42:32.12ID:???
お好きにどうぞ
2022/01/17(月) 10:51:01.13ID:???
法則や決まったやり方など無い
とりあえず、このシリーズでも読んでみろ
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.9 | コリス
ttps://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-nine.html
とりあえず、このシリーズでも読んでみろ
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.9 | コリス
ttps://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-nine.html
2022/01/17(月) 11:10:55.76ID:???
>>659
padもmagもfontも全部remだとかで指定すると楽になるでしょうか？
padもmagもfontも全部remだとかで指定すると楽になるでしょうか？
2022/01/17(月) 11:13:31.73ID:???
話聞かなすぎワロタ
2022/01/17(月) 11:38:06.81ID:???
楽したいからって使うようなもんじゃない
2022/01/17(月) 11:40:38.27ID:???
>>662
remならルートを変えるだけで住みませんかね？
remならルートを変えるだけで住みませんかね？
2022/01/17(月) 11:46:50.02ID:???
それが楽だって思うなら、それでいいじゃん
2022/01/17(月) 11:50:23.96ID:???
あと、px指定だとブラウザのスケーリングが効かないというのですが、普通に効きます。
正しい情報ですかね？
正しい情報ですかね？
2022/01/17(月) 12:00:54.06ID:???
どこ情報か書いてくれ
お前が誤読してるのか誤情報なのかわからん
今までの感じ90%お前の誤読
お前が誤読してるのか誤情報なのかわからん
今までの感じ90%お前の誤読
2022/01/17(月) 12:17:13.59ID:???
viewportの話でも混ざってんじゃね？
知らんけど
知らんけど
2022/01/17(月) 12:18:26.78ID:???
pxでスケーリングできないのはIE6あたりまでそんな糞古い話は気にしなくていい
2022/01/17(月) 14:07:43.44ID:???
2022/01/17(月) 14:21:06.07ID:???
vwで指定するとスケーリング使えなくなりますね
これはやめときます、、、
これはやめときます、、、
2022/01/17(月) 14:34:55.80ID:???
画像の横幅に基づいて縦幅を決めるなんてこと出来ますかね？
ブログカードの画像の縦幅どうしようかなと。
画像は記事内最初に出てくるものを拾っています。
ですから、毎回同じ大きさ、アスヒではないです。
そこでobject-fitを使ってトリミングしています。
横幅が相対値、縦幅が絶対値だと歪な感じになるので。
https://ideone.com/hNhOPZ
セオリーがあれば
ブログカードの画像の縦幅どうしようかなと。
画像は記事内最初に出てくるものを拾っています。
ですから、毎回同じ大きさ、アスヒではないです。
そこでobject-fitを使ってトリミングしています。
横幅が相対値、縦幅が絶対値だと歪な感じになるので。
https://ideone.com/hNhOPZ
セオリーがあれば
2022/01/17(月) 14:56:16.46ID:???
imgではなくbackgroundでおいて
positionで浮かせればアスヒ気にしなくてもいけるよ
小さい画像ようにボーダーで枠を用意しておけば誤魔化せる
positionで浮かせればアスヒ気にしなくてもいけるよ
小さい画像ようにボーダーで枠を用意しておけば誤魔化せる
2022/01/17(月) 15:33:03.83ID:???
2022/01/17(月) 16:03:29.18ID:???
2022/01/17(月) 16:30:41.85ID:???
>>671
コードは↓のいずれかにbodyの中身だけ書いてhtmlとcssは分けて書いてくれる？
https://jsfiddle.net/
https://codepen.io/pen/
あと、画像は
https://picsum.photos/
https://dummyimage.com/
でも使ってダミー入れて
コードは↓のいずれかにbodyの中身だけ書いてhtmlとcssは分けて書いてくれる？
https://jsfiddle.net/
https://codepen.io/pen/
あと、画像は
https://picsum.photos/
https://dummyimage.com/
でも使ってダミー入れて
2022/01/17(月) 18:27:37.08ID:???
>>675
https://jsfiddle.net/bgegg/au0v8q9m/11/
作りましたが、object-fit効かないですね、ここだと。
>>674
いえ、画像の横幅ではなくて、画像を包む要素の横幅に基づいて、高さを決めたいのです。
上の例で言うと.image_wrapperですね。
image_wrapperの横幅はflex:1;ですので固定値ではないです。
https://jsfiddle.net/bgegg/au0v8q9m/11/
作りましたが、object-fit効かないですね、ここだと。
>>674
いえ、画像の横幅ではなくて、画像を包む要素の横幅に基づいて、高さを決めたいのです。
上の例で言うと.image_wrapperですね。
image_wrapperの横幅はflex:1;ですので固定値ではないです。
2022/01/17(月) 18:40:31.10ID:???
効かないも何もセレクタ間違ってるじゃない
2022/01/17(月) 18:56:03.52ID:???
2022/01/17(月) 19:32:36.01ID:???
>>676
可変する幅に基づいて高さを決めるなら高さも可変になるけど
どうやって幅に対する高さを決めたいの？
アスペクト比？固定値の加算？減算？viweport単位使う？
ちなみにセオリーなんて無いよ？
可変する幅に基づいて高さを決めるなら高さも可変になるけど
どうやって幅に対する高さを決めたいの？
アスペクト比？固定値の加算？減算？viweport単位使う？
ちなみにセオリーなんて無いよ？
2022/01/17(月) 20:05:22.96ID:???
https://jsfiddle.net/bgegg/au0v8q9m/11/
修正しました
>>679
>>可変する幅に基づいて高さを決めるなら高さも可変になるけど
レスポンシブってそういうもんじゃないんですか？
デバイスのサイズが変わったら、表示されている画像の大きさも変わるのでは。
>>どうやって幅に対する高さを決めたいの？
アスヒのキープですね。
vwってブラウザのスケーリングに対応していないみたいなので、使ってないです。
修正しました
>>679
>>可変する幅に基づいて高さを決めるなら高さも可変になるけど
レスポンシブってそういうもんじゃないんですか？
デバイスのサイズが変わったら、表示されている画像の大きさも変わるのでは。
>>どうやって幅に対する高さを決めたいの？
アスヒのキープですね。
vwってブラウザのスケーリングに対応していないみたいなので、使ってないです。
2022/01/17(月) 20:10:55.46ID:???
一個一個の用語の意味が絶妙に間違ってて突っ込んでたらきりがないやつ
2022/01/17(月) 20:52:03.65ID:???
>>680
> レスポンシブってそういうもんじゃないんですか？
盛大に勘違いしてそうな初心者を相手にしてるから、いちいち確認してるだけ
アスペクト比を固定したい＆IE無視していいならaspect-ratioプロパティ使うか
IE対応させたいならpadding-topで比率指定する定番の方法があるが
アスペクト比はお好みでどうぞ
> レスポンシブってそういうもんじゃないんですか？
盛大に勘違いしてそうな初心者を相手にしてるから、いちいち確認してるだけ
アスペクト比を固定したい＆IE無視していいならaspect-ratioプロパティ使うか
IE対応させたいならpadding-topで比率指定する定番の方法があるが
アスペクト比はお好みでどうぞ
2022/01/18(火) 01:31:44.81ID:???
これからの時代はもうIEは無視して構わんと思う
2022/01/18(火) 04:20:58.93ID:???
むしろios無視してそうでwktk
2022/01/18(火) 06:17:49.31ID:???
>>680
アスヒってなんやねん、キモい隠キャやなぁ
アスヒってなんやねん、キモい隠キャやなぁ
2022/01/18(火) 19:08:04.83ID:???
>>682
aspect-ratio使うことにします。
aspect-ratio使うことにします。
2022/01/18(火) 19:17:46.42ID:???
スケーリング後の画像サイズを調べることは可能でしょうか？
computeでは駄目でした
画像のソースにカーソルを持っていくとrenderd sizeというのが出てきますが、スケーリング後もサイズは変わりません
vivaldiになります
computeでは駄目でした
画像のソースにカーソルを持っていくとrenderd sizeというのが出てきますが、スケーリング後もサイズは変わりません
vivaldiになります
2022/01/18(火) 19:43:40.22ID:???
可能もなにもComputedの青いとことRendered sizeが
まさに拡大縮小した後の画像のサイズなんだが
あとvivaldiだけじゃなく、せめてChrome、Edge、Firefoxでも
動作確認しような
デベロッパーツールは日本語化もできるぞ
まさに拡大縮小した後の画像のサイズなんだが
あとvivaldiだけじゃなく、せめてChrome、Edge、Firefoxでも
動作確認しような
デベロッパーツールは日本語化もできるぞ
2022/01/18(火) 19:47:08.37ID:???
固定幅使ってもレスポンシブデザインと言えますか？
縮むようですけど、ちゃんと。
縮むようですけど、ちゃんと。
2022/01/18(火) 19:52:00.45ID:???
レスポンシブデザインの定義って何だと思う？
2022/01/18(火) 20:28:21.18ID:???
スマホ対応ですね。
pxの固定幅でもモバイルエミュレータでは縮んでますね。
pxの固定幅でもモバイルエミュレータでは縮んでますね。
2022/01/18(火) 20:39:20.88ID:???
なんか変なの居着いているのは昔のアイツか新参者なのか
2022/01/18(火) 20:41:23.16ID:???
ieだとobjectfit使えないですが、だとしたらその都度トリミングしなけりゃいけないのですか。
ちなみに何らかのスクリプトをアップロード出来るサーバはないです。
ちなみに何らかのスクリプトをアップロード出来るサーバはないです。
2022/01/18(火) 20:42:30.21ID:???
それ縮んでるとは言わないから
2022/01/18(火) 20:44:38.76ID:???
虫眼鏡で拡大したからって対象物が大きくなるわけではない
2022/01/18(火) 20:48:36.93ID:???
もう固定幅を使っちゃいけない時代なんですか？
メディアクエリくらいには使います。
ブログカードの画像の縦横はどうやって指定していますか？
メディアクエリくらいには使います。
ブログカードの画像の縦横はどうやって指定していますか？
2022/01/18(火) 20:54:02.10ID:???
ハチバイマンにうっかり助言してしまうと嫌だからコテハンつけてほしい
2022/01/18(火) 21:36:41.23ID:???
>>695
いちおう、見た目上はデカくなるんですが。
いちおう、見た目上はデカくなるんですが。
2022/01/18(火) 22:19:24.84ID:???
虫眼鏡の倍率が分かるなら計算すればよかろう
2022/01/18(火) 23:06:35.13ID:???
>>698
コテハンつけてくれる？お前の私物掲示板じゃないから
コテハンつけてくれる？お前の私物掲示板じゃないから
2022/01/19(水) 02:03:52.44ID:???
>>700
そういうお前も答える時にはコテハンつけろよ？私物掲示板じゃないから
そういうお前も答える時にはコテハンつけろよ？私物掲示板じゃないから
2022/01/19(水) 02:31:41.16ID:???
>>701
ほんとお前はわかりやすいなｗ
ほんとお前はわかりやすいなｗ
2022/01/19(水) 03:10:37.72ID:???
ろくに詳しい状況も示さず、ぼんやりした条件しか出さない上に
書き込んでるキーワードでろくに検索もせず、回答も待たず返答もせず
立て続けに質問を連投して、殆ど会話も成立しないんじゃ
誰もまともに回答しなくなるわな
書き込んでるキーワードでろくに検索もせず、回答も待たず返答もせず
立て続けに質問を連投して、殆ど会話も成立しないんじゃ
誰もまともに回答しなくなるわな
2022/01/19(水) 04:25:44.98ID:???
池沼相手にエサやるならまだしも
自分が否定されると別人格持ち出して噛み付くタチの悪さ
自分が否定されると別人格持ち出して噛み付くタチの悪さ
2022/01/19(水) 05:51:41.99ID:???
固定幅じゃないサイトではvwが重要になるんでしょうか？
ブログカードのアイキャッチの幅で悩んでいます。
縦はaspect-ratioにすることにしました
ieはどうでもいいです
ブログカードのアイキャッチの幅で悩んでいます。
縦はaspect-ratioにすることにしました
ieはどうでもいいです
2022/01/19(水) 06:53:26.89ID:???
>>700
お前の私物じゃないとか言う奴って、自分の私物だと思ってる感あるんだよな
お前の私物じゃないとか言う奴って、自分の私物だと思ってる感あるんだよな
2022/01/19(水) 07:09:56.89ID:???
>>705-706
おはよう、きょうもしつもんばかりするのかい？
おはよう、きょうもしつもんばかりするのかい？
2022/01/19(水) 08:58:14.24ID:???
質問スレなんだから答える気のない奴らは出てけよ
2022/01/19(水) 09:15:35.96ID:???
そして誰もいなくなった
2022/01/19(水) 09:16:30.10ID:???
>>708
お前もな
お前もな
2022/01/19(水) 09:43:34.22ID:???
>>704
中立の第三者を装って煽るルール厨のエスパー荒らし君かな？
中立の第三者を装って煽るルール厨のエスパー荒らし君かな？
2022/01/19(水) 09:50:47.53ID:???
はいはい
2022/01/19(水) 09:50:51.12ID:???
2022/01/19(水) 11:28:18.12ID:???
2022/01/19(水) 11:36:48.10ID:???
もしかすると、iphoneなどのデバイスではpx指定の処理が違うんでしょうか
500pxを指定しているボックスでも、300pxの画面幅にしたとき、画面からはみ出ることがないように縮小されるようです
500pxを指定しているボックスでも、300pxの画面幅にしたとき、画面からはみ出ることがないように縮小されるようです
2022/01/19(水) 11:38:52.22ID:???
あっ、メタタグ忘れてた
2022/01/19(水) 11:42:01.19ID:???
2022/01/19(水) 16:12:35.03ID:???
ブログカード君は中二病みたいだなｗ
2022/01/19(水) 16:37:46.99ID:???
こいつwordpressで質問してるやつか、今頃気づいたわ
2022/01/19(水) 18:35:41.12ID:???
ulとliタグを使う
横並びにする
箇条書きの丸記号は表示しない
ulの幅は全liの幅に合わせる
ulを画面の中央に表示する
liの同士の間隔はpaddingではなくmarginで設定する
これらを全部満たすにはどう書けばいいんですか？
横並びにする
箇条書きの丸記号は表示しない
ulの幅は全liの幅に合わせる
ulを画面の中央に表示する
liの同士の間隔はpaddingではなくmarginで設定する
これらを全部満たすにはどう書けばいいんですか？
2022/01/19(水) 18:42:00.74ID:???
調べることも放棄してて草
2022/01/19(水) 19:11:04.32ID:???
こうなると、もはや質問ではなく依頼
2022/01/19(水) 19:48:23.31ID:???
たし蟹
2022/01/19(水) 20:39:10.38ID:???
CSSゴリゴリ書いたらできるよがんばれ
2022/01/20(木) 00:09:43.20ID:???
何を横並びにしたいのか
2022/01/20(木) 05:44:14.54ID:???
2ヶ月前に勉強始めたばかりの初心者だけど忘れかけだから復習ついでに書き殴ってみた。
まずdisplay: flexなコンテナに複数のulを入れて横並びにすんのかな？
丸記号消すのはliだかulのlist-styleをnoneだったと思う
ulの幅？はflex:1で全部等しくなりそう
ulを画面の中央ってmargin:0 autoでなるらしいけど、横並びにして中央に表示する場合はコンテナのmarginでやるべきなのかな？
listの間隔はmargin-bottom:1rem位でいけそう
まずdisplay: flexなコンテナに複数のulを入れて横並びにすんのかな？
丸記号消すのはliだかulのlist-styleをnoneだったと思う
ulの幅？はflex:1で全部等しくなりそう
ulを画面の中央ってmargin:0 autoでなるらしいけど、横並びにして中央に表示する場合はコンテナのmarginでやるべきなのかな？
listの間隔はmargin-bottom:1rem位でいけそう
728Name_Not_Found
2022/01/20(木) 08:43:41.74ID:HoXyEydc >>720
お前さんアホっすね（笑
お前さんアホっすね（笑
2022/01/20(木) 10:03:24.50ID:???
>>720
flexを使え！
flexを使え！
2022/01/20(木) 11:00:59.43ID:???
2022/01/20(木) 11:04:02.42ID:???
>>727
解決したなら書かなくていいよ
解決したなら書かなくていいよ
2022/01/20(木) 11:59:26.55ID:???
常に自分が主役で世の中自分中心に回ってると思ってる可能性
733Name_Not_Found
2022/01/21(金) 09:23:40.38ID:FcwbGvQT Googleのマイマップを<iflame>で埋め込んで表示させた時、左のリスト一覧を最初から表示させておく方法はありますか？
左上のアイコンをクリックすると左から出てくるやつです。
左上のアイコンをクリックすると左から出てくるやつです。
2022/01/21(金) 10:42:42.26ID:???
>>733
スレ違い
スレ違い
2022/01/21(金) 13:03:35.14ID:???
iflame……
2022/01/21(金) 13:08:00.62ID:???
ゴメンなさい。スペルミスってる上にスレ違いでしたか。優しい人がいるかと思ったけど去りますね。
2022/01/21(金) 13:30:20.10ID:???
2022/01/21(金) 14:54:24.62ID:???
× 優しく教えるスレ
⚪︎ クソ住人スレ
⚪︎ クソ住人スレ
2022/01/21(金) 15:06:04.61ID:???
>>738
プギャー
プギャー
2022/01/21(金) 15:16:23.60ID:???
>>738
もしもし君は変な○と変なスペースは使わないように
もしもし君は変な○と変なスペースは使わないように
2022/01/21(金) 15:50:49.33ID:???
よろしくお願い致します
<link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic&;subset=latin,chinese' rel='stylesheet' />
このソースコードはどういった内容を表している記述なのか教えて頂けないでしょうか
特に「latin,chinese」の部分が気になります
フォントの名前が含まれている事やスタイルシートなど断片的には理解できるのですが…
サイトは英語なのになぜラテン語と中国語が突然出て来るのかが不思議でして
<link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic&;subset=latin,chinese' rel='stylesheet' />
このソースコードはどういった内容を表している記述なのか教えて頂けないでしょうか
特に「latin,chinese」の部分が気になります
フォントの名前が含まれている事やスタイルシートなど断片的には理解できるのですが…
サイトは英語なのになぜラテン語と中国語が突然出て来るのかが不思議でして
2022/01/21(金) 16:09:08.30ID:???
https://jsfiddle.net/bgegg/3Lxyj5v4/
レスポンシブ作成中です。
全体幅は960pxで、mainカラムはflex 640、サイドカラムはflex 320としています
これは8の倍数です。
ここで問題があるんですが、gapも可変かつ、8の倍数とするにはどんな指定方法にしたらいいでしょうか？
だいたい、960px幅の場合、32px程度になればいいかなと考えています
レスポンシブ作成中です。
全体幅は960pxで、mainカラムはflex 640、サイドカラムはflex 320としています
これは8の倍数です。
ここで問題があるんですが、gapも可変かつ、8の倍数とするにはどんな指定方法にしたらいいでしょうか？
だいたい、960px幅の場合、32px程度になればいいかなと考えています
2022/01/21(金) 16:16:32.74ID:???
8バイマン降臨
2022/01/21(金) 18:02:03.55ID:???
>>741
Googleが提供するNoto SansっていうWebフォントを使うためのリンク
詳しくはこの辺りを読んでみ
Browse Fonts - Google Fonts
https://fonts.google.com/
Get Started with the Google Fonts API ?|? Google Developers
https://developers.google.com/fonts/docs/getting_started
Googleが提供するNoto SansっていうWebフォントを使うためのリンク
詳しくはこの辺りを読んでみ
Browse Fonts - Google Fonts
https://fonts.google.com/
Get Started with the Google Fonts API ?|? Google Developers
https://developers.google.com/fonts/docs/getting_started
2022/01/21(金) 18:25:22.76ID:???
flex-growを8の倍数にして、結局flex-growが2と1と一緒なの草
2022/01/21(金) 19:00:30.73ID:???
2022/01/21(金) 19:12:20.26ID:???
flex-growを何だと思ってんだろ･･･？
2022/01/21(金) 19:38:38.50ID:???
8倍マンは荒らし
2022/01/22(土) 00:05:15.83ID:???
今は写真用意するときに何種類用意するのが多数派ですか
デスクトップ用、2x、3x、モバイル用、webp、avif？こんがらがってきた ヽ(^o^)丿
モバイル用はもう全部高解像度ディスプレイでくくってしまってもいいのかな
デスクトップ用、2x、3x、モバイル用、webp、avif？こんがらがってきた ヽ(^o^)丿
モバイル用はもう全部高解像度ディスプレイでくくってしまってもいいのかな
2022/01/22(土) 00:13:15.60ID:???
2倍で旧来フォーマットとwebpのみ
webpなら軽いからいちいち等倍画像とか作らない
webpなら軽いからいちいち等倍画像とか作らない
2022/01/22(土) 00:24:03.76ID:???
cs6だからwebp出力できない・・・
2022/01/22(土) 00:30:35.34ID:???
2022/01/22(土) 10:15:47.23ID:???
flex-growは子要素の伸びる比率
flex-grow - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/flex-grow
flex-grow - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/flex-grow
2022/01/22(土) 10:34:46.25ID:???
8倍マンはどうやってレスポンシブ化しようと思ってんだろ？
画面幅動かすとgap幅だけ数px動くのじわるｗ
画面幅動かすとgap幅だけ数px動くのじわるｗ
2022/01/22(土) 10:44:34.25ID:???
>>744
ありがとうございます。ご教示頂いたリンク先を読んで、何をしようとしているかは理解できました
実際そのページ内にラテン語も中国語もないのにサイトの作者がなぜラテン語と中国語の
サブセットを要求したのかは分からないままですが、調べようがない事かもしれないですね
ありがとうございます。ご教示頂いたリンク先を読んで、何をしようとしているかは理解できました
実際そのページ内にラテン語も中国語もないのにサイトの作者がなぜラテン語と中国語の
サブセットを要求したのかは分からないままですが、調べようがない事かもしれないですね
2022/01/22(土) 11:06:28.21ID:???
>>755
ラテン語の方は元々含まれてて指定する必要は無いみたいだけど、中国語の方は何だろ？
ヘッダーが各ページ共通だとすれば、他のページで中国語が使われてるとか？
例えば中国人のコメントが書き込まれる事があるから、わざわざ対応させてたりね
まぁ、その辺は想像するしかないから、使い方が分かれば気にしなくていいかも
ラテン語の方は元々含まれてて指定する必要は無いみたいだけど、中国語の方は何だろ？
ヘッダーが各ページ共通だとすれば、他のページで中国語が使われてるとか？
例えば中国人のコメントが書き込まれる事があるから、わざわざ対応させてたりね
まぁ、その辺は想像するしかないから、使い方が分かれば気にしなくていいかも
2022/01/22(土) 11:26:36.78ID:???
>>755
サブセットをジェネレーターか何かで選んでて間違ってチェックしてそのままとかじゃないの
サブセットをジェネレーターか何かで選んでて間違ってチェックしてそのままとかじゃないの
2022/01/22(土) 11:31:01.24ID:???
2022/01/22(土) 11:36:37.74ID:???
2022/01/22(土) 20:51:31.19ID:???
webpってまだSafari、iOSが対応してないんでしょ？
なんでそんなの使うの？
なんでそんなの使うの？
2022/01/22(土) 21:07:27.99ID:???
>>760
え？マジデ？
え？マジデ？
2022/01/22(土) 21:19:28.01ID:???
>>760
ググれ
ググれ
2022/01/22(土) 21:23:01.66ID:???
>>760
ページスピードインサイトで得点源だから
ページスピードインサイトで得点源だから
2022/01/22(土) 21:35:55.11ID:???
WebP - Wikipedia
https://ja.wikipedia.org/wiki/WebP
対応環境
OS
Android - 非可逆圧縮は 4.0 以降、可逆圧縮は 4.3 以降[11]
Microsoft Windows 10 Creators Update以降
macOS - Big Sur 以降
iOS - 14 以降
ウェブブラウザ
Google Chrome
Mozilla Firefox 65以降
Microsoft Edge
Opera
Safari 14以降
https://ja.wikipedia.org/wiki/WebP
対応環境
OS
Android - 非可逆圧縮は 4.0 以降、可逆圧縮は 4.3 以降[11]
Microsoft Windows 10 Creators Update以降
macOS - Big Sur 以降
iOS - 14 以降
ウェブブラウザ
Google Chrome
Mozilla Firefox 65以降
Microsoft Edge
Opera
Safari 14以降
2022/01/23(日) 02:13:41.96ID:???
天下のPhotoshopも対応したしこれからはｳｪｯﾋﾟｰの時代やぞ
2022/01/23(日) 03:16:01.08ID:???
IEが生きてる限り無理なのよ…
そして高確率で偉いおっさんほどIE使ってるという
そして高確率で偉いおっさんほどIE使ってるという
2022/01/23(日) 05:19:28.98ID:???
IEはあと5か月で削除されるんでしょ？
2022/01/23(日) 06:10:31.94ID:???
コーダー的にはIEやらSafariはさっさと死滅してけれとおもう
2022/01/23(日) 07:07:56.08ID:???
appleは往生際が悪いよな
2022/01/24(月) 06:14:07.55ID:???
webpはpictureでくくるのか
下位互換でimgもくくるのか面倒くさいな
下位互換でimgもくくるのか面倒くさいな
2022/01/24(月) 08:51:52.30ID:???
くそったれでくくる
2022/01/24(月) 10:50:29.96ID:???
スマホに横スクロールバーという概念はないのでしょうか？
@media screen and (max-width: 768px) {
body
{
min-width: 320px;
}
.main{
background-color: yellow;
}
}
このように最小横幅を指定しているのですが、画面を縮小していくとbodyが320px以下になってしまいます。
320pxに達した時点で、横スクロールバーが出現するという挙動似できますか？
@media screen and (max-width: 768px) {
body
{
min-width: 320px;
}
.main{
background-color: yellow;
}
}
このように最小横幅を指定しているのですが、画面を縮小していくとbodyが320px以下になってしまいます。
320pxに達した時点で、横スクロールバーが出現するという挙動似できますか？
2022/01/24(月) 10:53:41.32ID:???
画面を縮小？
2022/01/24(月) 10:58:31.37ID:???
>>773
chromeのモバイルエミュレータを使用しております
chromeのモバイルエミュレータを使用しております
2022/01/24(月) 11:02:52.16ID:???
bodyにmin-widthを設定するのをやめよう
ちゃんとコンテナを作ろう
ちゃんとコンテナを作ろう
2022/01/24(月) 11:36:15.05ID:???
2022/01/24(月) 12:26:48.47ID:???
そもそも横幅320px以下のスマホを考慮する必要あるのか？っていう
2022/01/24(月) 13:43:49.43ID:???
横で失礼
320px以下は意識しなくていいと思ってたけどGalaxy Foldどうしてる？
320px以下は意識しなくていいと思ってたけどGalaxy Foldどうしてる？
2022/01/24(月) 13:56:43.82ID:???
320pxは無視するということは、それ以下はレイアウトがぐちゃぐちゃだろうが、どうでもいいということですよね。
上の例でmainに320px指定しましたが、特に320に達したからスクロールバーが出るということはないですね。
全体が縮小されたような感じになります
<meta name="viewport" content="width=device-width,initial-scale=1">
ここの指定に問題があったりしますか？
上の例でmainに320px指定しましたが、特に320に達したからスクロールバーが出るということはないですね。
全体が縮小されたような感じになります
<meta name="viewport" content="width=device-width,initial-scale=1">
ここの指定に問題があったりしますか？
2022/01/24(月) 13:58:06.60ID:???
1％以下の存在は無視してる
2022/01/24(月) 13:58:31.75ID:???
あとvivaldiで動作確認ってやめたほうがいいんでしょうか？
chrome系ですけど。
chrome系ですけど。
2022/01/24(月) 14:10:42.36ID:???
>>779
あります
あります
2022/01/24(月) 14:17:01.98ID:???
webpって画像閲覧ソフトが対応してないんな
マイクロソフトpictureManagerがメインだからいちいちブラウザで表示されるとうっとおしい
マイクロソフトpictureManagerがメインだからいちいちブラウザで表示されるとうっとおしい
2022/01/24(月) 14:17:23.92ID:???
2022/01/24(月) 14:17:59.63ID:???
スタップ細胞って結局あるんですか？
2022/01/24(月) 15:39:37.56ID:???
>>786
スレが違いましてよ
スレが違いましてよ
788Name_Not_Found
2022/01/24(月) 21:06:00.20ID:/XC14Tkb パワーストーンで有名な
Hariqua(ハリックァ)
by滝日伴則@ioix(アイオイクス)
クチコミ自作自演でGoogle炎上中
Hariqua(ハリックァ)
by滝日伴則@ioix(アイオイクス)
クチコミ自作自演でGoogle炎上中
2022/01/25(火) 09:02:36.69ID:???
>>768
Safariは邪魔だな、コロナより先に死滅してほしいわ
Safariは邪魔だな、コロナより先に死滅してほしいわ
2022/01/25(火) 12:33:17.91ID:???
SafariならまずiPhoneからだな
2022/01/25(火) 21:31:14.95ID:???
align-item centerで中央寄せした子要素の２つめだけ、上付け似できますか？
子要素にmarginを使うという手法しかないのでしょうか？
子要素にmarginを使うという手法しかないのでしょうか？
2022/01/25(火) 22:31:35.02ID:???
2022/01/26(水) 01:51:49.53ID:???
1年ぐらい悩んでいるが、1カラムのデザインで
section.hoge(width設定無し) > div.container(pcはpx, spは100％) > h2やp
みたいなので
div.containerにpadddingを指定するか、h2,pなどにpaddingを設定するかどっちが良い？
ぶれて混合してしまう・・
section.hoge(width設定無し) > div.container(pcはpx, spは100％) > h2やp
みたいなので
div.containerにpadddingを指定するか、h2,pなどにpaddingを設定するかどっちが良い？
ぶれて混合してしまう・・
2022/01/26(水) 02:30:48.33ID:???
デザインによるとしか
その要素そのものの余白しかつけないよ
その要素そのものの余白しかつけないよ
2022/01/26(水) 03:11:21.22ID:???
>>794
コンテナの内側paddingは設定しない派？
コンテナの内側paddingは設定しない派？
2022/01/26(水) 04:14:38.12ID:???
コンテナの余白はコンテナのpadding
h2の余白はh2のpaddingというそのままの意味だよ
デザインを見てその通りにコーディングするだけ
h2の余白はh2のpaddingというそのままの意味だよ
デザインを見てその通りにコーディングするだけ
2022/01/26(水) 04:15:39.98ID:???
一応前提としてrootにbox-sizing:border-boxかけるからpaddingは全て内側ね
2022/01/26(水) 04:30:34.85ID:???
2022/01/26(水) 08:55:47.59ID:???
入れ子の子のmargin上下が親を突き抜ける、未だに勉強不足で、、食らう
paddingなら安心？
paddingなら安心？
2022/01/26(水) 23:02:59.92ID:???
>>793
参考に、Bootstrap の公式ページでも見れば？
参考に、Bootstrap の公式ページでも見れば？
2022/01/27(木) 00:51:10.15ID:???
#img{
top:ウインドウの一番下より50px分上
}
画像をウインドウの一番下より50ピクセル分上に表示したい場合はどうやるんですか？
top:ウインドウの一番下より50px分上
}
画像をウインドウの一番下より50ピクセル分上に表示したい場合はどうやるんですか？
2022/01/27(木) 01:40:06.80ID:???
calc(100vh - 50px);
2022/01/27(木) 02:02:13.06ID:???
bottom: 50px;
2022/01/27(木) 10:12:39.32ID:???
position: fixed;
bottom: 50px;
ポジションもあった方が良いかも？
bottom: 50px;
ポジションもあった方が良いかも？
2022/01/27(木) 10:22:44.59ID:???
そんならpositionはstickyの方ががが
2022/01/27(木) 12:34:16.86ID:???
このスレかjsスレかどっちに書くか迷ったけど
<img src="aaa.png" id="test" style="display:none">って直接タグにstyleを埋め込んで書くと
test_element.style.display="";で表示できるけど
<img src="aaa" id="test">
<style>
#test{
display:none;
}
</style>
って書くとtest_element.style.display=""で表示できない
これはどうしてですか？
<img src="aaa.png" id="test" style="display:none">って直接タグにstyleを埋め込んで書くと
test_element.style.display="";で表示できるけど
<img src="aaa" id="test">
<style>
#test{
display:none;
}
</style>
って書くとtest_element.style.display=""で表示できない
これはどうしてですか？
2022/01/27(木) 12:35:38.94ID:???
訂正：３行目はaaaではなくaaa.pngです
2022/01/27(木) 12:36:00.89ID:???
そういう仕様だから
2022/01/27(木) 12:37:50.63ID:???
javascriptで操作した場合のソースを見ると分かりやすいよ
CSSの記述の差し替えじゃないから
display:blockとかinline-blockとか値を指定しないと反映されないよ
CSSの記述の差し替えじゃないから
display:blockとかinline-blockとか値を指定しないと反映されないよ
2022/01/27(木) 15:29:24.86ID:???
レスポンシブにおいてbodyタグは特別な意味があるんでしょうか？
画面を縮めていくと、bodyに内包されている要素がbodyタグを突き破ったりします。
画面を縮めていくと、bodyに内包されている要素がbodyタグを突き破ったりします。
2022/01/27(木) 15:41:52.79ID:???
突き破ることとbodyをつきぬけることになんの関係があると思ったのか書いてくれ
2022/01/27(木) 16:31:41.03ID:???
意味はあるはずだ
2022/01/27(木) 17:17:08.24ID:???
こういう思いつきで脊髄反射で書いたような質問は8倍マンの予感
2022/01/27(木) 18:39:58.24ID:???
分からない事は質問する前に調べよう
<body>: 文書の本文要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/body
HTML のセクションとアウトラインの使用 | MDN
https://developer.mozilla.org/ja/docs/orphaned/Web/Guide/HTML/Using_HTML_sections_and_outlines
<body>: 文書の本文要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/body
HTML のセクションとアウトラインの使用 | MDN
https://developer.mozilla.org/ja/docs/orphaned/Web/Guide/HTML/Using_HTML_sections_and_outlines
2022/01/27(木) 19:42:20.15ID:???
2022/01/27(木) 20:52:38.53ID:???
8倍マンはレスポンシブどうこう以前にまずHTMLの基礎を勉強した方が良い
2022/01/27(木) 21:00:23.93ID:???
https://jsfiddle.net/bgegg/w8qy47d6/1/
flexなんですが、レスポンシブで縦並びに切り替えたときに、真ん中のgapが機能しなくなります。
幅がなくなります。
これはなぜでしょうか？
flexなんですが、レスポンシブで縦並びに切り替えたときに、真ん中のgapが機能しなくなります。
幅がなくなります。
これはなぜでしょうか？
2022/01/27(木) 21:06:25.36ID:???
高さの場合、画面高さの指定がないと駄目みたいですね。なぜか
2022/01/27(木) 21:07:13.12ID:???
2022/01/27(木) 22:11:07.16ID:???
8倍マンはHTMLだけじゃなくCSSの基礎も必要だな
heightの初期値もよく分かっていないらしい
分からないことは先ずタグやプロパティの意味から調べる癖を付けた方がいい
heightの初期値もよく分かっていないらしい
分からないことは先ずタグやプロパティの意味から調べる癖を付けた方がいい
2022/01/27(木) 22:17:04.68ID:???
×高さの場合
○高さ方向の場合
×画面高さ
○高さ
○高さ方向の場合
×画面高さ
○高さ
2022/01/28(金) 06:12:29.85ID:???
解決策はあるのですか？
2022/01/28(金) 06:21:25.38ID:???
>>822
あるのですか？じゃなくてお前が見つけるんだよ
あるのですか？じゃなくてお前が見つけるんだよ
2022/01/28(金) 07:05:18.27ID:???
スレタイ
2022/01/28(金) 08:49:26.97ID:???
>>822
あるのですよ
あるのですよ
2022/01/28(金) 10:16:56.63ID:???
うむ
2022/01/28(金) 10:17:33.39ID:???
>>824
解決策はあるのですか？
解決策はあるのですか？
2022/01/28(金) 10:29:03.63ID:???
それぞれのタグにどういう要素が入るのかも分からないし
理想となるデザインの完成イメージを示さないと答えようがないよ
今のところ君の頭の中にしかない
理想となるデザインの完成イメージを示さないと答えようがないよ
今のところ君の頭の中にしかない
2022/01/28(金) 10:32:00.18ID:???
参照先チラ見したけど、gapってクラス名なのね
同じ名前のプロパティあるから紛らわしい
で、広げても一応幅あるみたいだけど
あと、flexのショートハンド、flex-basisと混同してない？
同じ名前のプロパティあるから紛らわしい
で、広げても一応幅あるみたいだけど
あと、flexのショートハンド、flex-basisと混同してない？
2022/01/28(金) 11:46:00.07ID:???
以前の流れを見ると、flexプロパティがどういうショートハンドなのかは分かってる気もするけど
flex-growについてはMDN貼って貰ってるのに、未だによく分かってないらしい
flex-growについてはMDN貼って貰ってるのに、未だによく分かってないらしい
2022/01/30(日) 08:36:39.46ID:???
優しくないやつは黙ってろ
そういうスレ
そういうスレ
2022/01/30(日) 10:19:52.25ID:???
>>831
解決策はあるのですか？
解決策はあるのですか？
2022/01/30(日) 17:14:59.28ID:???
>>832
それはあなたが見つけるのです
それはあなたが見つけるのです
2022/01/30(日) 17:22:14.81ID:???
>>833
解決策はあるのですか？
解決策はあるのですか？
2022/01/30(日) 17:22:15.70ID:???
>>833
解決策はあるのですか？
解決策はあるのですか？
2022/01/30(日) 17:52:15.45ID:???
見つけることが解決策なのです
2022/01/30(日) 19:11:51.31ID:???
スレタイ読めない気狂いのスレ
2022/01/30(日) 19:23:10.01ID:???
>>837
解決策はあるのですか？
解決策はあるのですか？
2022/01/30(日) 20:13:38.18ID:???
確かにルール厨はスレタイ読めてない
2022/01/30(日) 21:10:41.37ID:???
自分で考えずにまとまらない話をしてくるのは
Z世代の特徴らしいぞ
https://news.yahoo.co.jp/articles/19593b327eac6069d8683883f988a7e6d5d5face?page=2
Z世代の特徴らしいぞ
https://news.yahoo.co.jp/articles/19593b327eac6069d8683883f988a7e6d5d5face?page=2
2022/01/30(日) 21:15:28.43ID:???
>>840
むしろ偉いおっさんほどこんな印象だわ
むしろ偉いおっさんほどこんな印象だわ
2022/01/30(日) 22:33:15.89ID:???
2022/01/30(日) 22:48:53.79ID:???
ここのスレタイ読めないカスは、とにかく誰かに偉そうにしたいだけのクソカスよ
優しくできないくせにスレ乗っ取り
過疎化も気にせず誰かの上に立ってりゃそれでいい
自分が気持ちよけりゃそれでいい
カスだろ？
優しくできないくせにスレ乗っ取り
過疎化も気にせず誰かの上に立ってりゃそれでいい
自分が気持ちよけりゃそれでいい
カスだろ？
2022/01/30(日) 22:53:06.98ID:???
>>843
解決策はあるのですか？
解決策はあるのですか？
2022/01/30(日) 22:55:11.45ID:???
>>843
返答してくれなくてイライラなキッズがわかりやすくて草
返答してくれなくてイライラなキッズがわかりやすくて草
2022/01/30(日) 23:53:15.18ID:???
>>843
見事な自己紹介です
見事な自己紹介です
2022/01/31(月) 22:28:47.52ID:???
position:fixed;
right:50px;
bottom:50px;
でボタンを画面に固定配置したんだけど
スマホだと横幅が長いページだと横にスクロールしないとボタンが出てきません。
スマホでスクロールしなくても画面に固定配置できる方法はありますか？
right:50px;
bottom:50px;
でボタンを画面に固定配置したんだけど
スマホだと横幅が長いページだと横にスクロールしないとボタンが出てきません。
スマホでスクロールしなくても画面に固定配置できる方法はありますか？
2022/01/31(月) 23:15:50.14ID:???
デバイス幅に収まる横幅にする
2022/02/01(火) 00:42:00.68ID:???
calcの出番だパッパッパ
2022/02/01(火) 12:13:22.93ID:???
HTML5って全くわからないまま終わったみたいなんだけど
今はHTML5より前のHTMLわかれば通じる感じ？
HTML5独自の記法が頭に入らなかったんだよ
今はHTML5より前のHTMLわかれば通じる感じ？
HTML5独自の記法が頭に入らなかったんだよ
2022/02/01(火) 13:14:53.70ID:???
HTML Standardに名称が変わったけど細かい仕様が変わっただけで
差し当たってHTML5と大して変わらない気がするよ
具体的にどの付近で悩んでるの？
差し当たってHTML5と大して変わらない気がするよ
具体的にどの付近で悩んでるの？
2022/02/01(火) 13:26:17.74ID:???
>>850
名前が変わっただけでHTML5からさらに追加されたり廃止されたりしていくだけだぞ
名前が変わっただけでHTML5からさらに追加されたり廃止されたりしていくだけだぞ
2022/02/01(火) 13:34:39.28ID:???
何がわからんか整理しようとしてしらべたけど
http://www.htmq.com/html5/002.shtml
これでいいのかな
今までよくわからなかったのはヘッダ部分
の宣言とが省略されてよくわからなくなってたなあ・・・
メイン文のところは
<> </>表記で囲めば従来通りのHTMLと同じでええんやろなあ
http://www.htmq.com/html5/002.shtml
これでいいのかな
今までよくわからなかったのはヘッダ部分
の宣言とが省略されてよくわからなくなってたなあ・・・
メイン文のところは
<> </>表記で囲めば従来通りのHTMLと同じでええんやろなあ
2022/02/01(火) 14:00:25.49ID:???
ヘッダはvscodeとかならかんたんに出せるから気にせんでええで
2022/02/01(火) 14:18:10.02ID:???
smallとかiとか意味変わってるから気をつけろ
2022/02/01(火) 14:24:38.56ID:???
>>853
ヘッダはおまじないだと思って覚えよう
エディタで保管できるから難しく考えなくていいよ
基本は<> </>表記であってる
あとはタグの増減やタグに付随された意味に注意する事
スタイルの記述はなるべくタグに直接書かずにCSSに書く事
フレームを使わない事だと思う
ヘッダはおまじないだと思って覚えよう
エディタで保管できるから難しく考えなくていいよ
基本は<> </>表記であってる
あとはタグの増減やタグに付随された意味に注意する事
スタイルの記述はなるべくタグに直接書かずにCSSに書く事
フレームを使わない事だと思う
2022/02/01(火) 15:09:04.99ID:???
2022/02/01(火) 16:00:11.29ID:???
>>857
なんでや
なんでや
2022/02/01(火) 17:12:43.56ID:???
>>857
わかったで〜
わかったで〜
2022/02/01(火) 17:58:05.52ID:???
>>857
ホルホル〜
ホルホル〜
2022/02/01(火) 20:50:42.41ID:???
2022/02/01(火) 21:05:05.99ID:???
leftにしようぜ
2022/02/01(火) 21:10:37.91ID:???
某所で見かけたけど
ひょっとしてPCレイアウトのままでスマホも表示しようとしてる？
それならスマホ用に段組み組み直すのが先だ
ひょっとしてPCレイアウトのままでスマホも表示しようとしてる？
それならスマホ用に段組み組み直すのが先だ
2022/02/03(木) 18:06:58.20ID:???
今AサイトとBサイトの2サイトを運用しています。
AとBはそもそもサーバ(会社)は違います。
A) aaa.example.com
B) bbb.example.com
とします。サーバ違いでサブドメインが異なる。
会員制サイトでBサイトにプログラムがありBサイトで動きます。
アカウント作成はAサイトで行いたい。
Aサイトにて<form action="https://bbb.example.com"; method="post">として、
流すのは問題有りますか？起きますか？
AとBはそもそもサーバ(会社)は違います。
A) aaa.example.com
B) bbb.example.com
とします。サーバ違いでサブドメインが異なる。
会員制サイトでBサイトにプログラムがありBサイトで動きます。
アカウント作成はAサイトで行いたい。
Aサイトにて<form action="https://bbb.example.com"; method="post">として、
流すのは問題有りますか？起きますか？
865864
2022/02/03(木) 18:10:30.42ID:??? Aサイトは自分が運用。Bサイトは知人が運用。
試しに自分(Aサイト)で登録フォーム作ってBに飛ばしてみたら、
アカウント作成プロセスが通りました。
試しに自分(Aサイト)で登録フォーム作ってBに飛ばしてみたら、
アカウント作成プロセスが通りました。
2022/02/03(木) 19:03:01.37ID:???
おめでとう
867864
2022/02/03(木) 19:14:14.81ID:??? フォームを他サイト・外部URLに飛ばすのは問題のある行為なのでしょうか？
2022/02/03(木) 21:18:59.54ID:???
Aの登録はユーザーもできるの？
それともユーザーは触れず自分だけで管理？
それともユーザーは触れず自分だけで管理？
2022/02/03(木) 21:19:13.90ID:???
大丈夫だ、問題ない。
2022/02/04(金) 15:04:42.50ID:???
twitterの連携みたいなもんだろ？
問題ない
問題ない
872Name_Not_Found
2022/02/05(土) 12:24:42.79ID:dNX00X0l 電磁波犯罪被害者の症状
体が異常に熱い
ノドが異常に乾く
異常に疲れる
眠い→場所を移動するか頭の位置や方向をずらすと眠気が一気に引く（目に照射感がないか確認）
スマホを所持していないときは被害が軽減する
体が異常に熱い
ノドが異常に乾く
異常に疲れる
眠い→場所を移動するか頭の位置や方向をずらすと眠気が一気に引く（目に照射感がないか確認）
スマホを所持していないときは被害が軽減する
2022/02/06(日) 13:28:17.12ID:???
>>864
Ruby on Rails では、CSRF(Cross Site Request Forgeries)対策として、
get 以外のフォーム送信には、認証トークンを入れているから、
異なるサーバーへ送られたら、認証トークンをチェックできない
同じサーバへ送信してもらわないと、ダメなのでは？
Ruby on Rails では、CSRF(Cross Site Request Forgeries)対策として、
get 以外のフォーム送信には、認証トークンを入れているから、
異なるサーバーへ送られたら、認証トークンをチェックできない
同じサーバへ送信してもらわないと、ダメなのでは？
2022/02/06(日) 13:35:53.07ID:???
無能だな
2022/02/08(火) 17:09:31.47ID:???
こんにちは。
Bootstrap って色の指定を Primay Seconary Sucess Danger とかで指定すると思うんですけど、もっと中間色を使うことはでいないんでしょうか。
Bootstrap って色の指定を Primay Seconary Sucess Danger とかで指定すると思うんですけど、もっと中間色を使うことはでいないんでしょうか。
2022/02/08(火) 17:14:07.52ID:???
2022/02/08(火) 17:36:40.31ID:???
>>876
ありがとうございます！
ありがとうございます！
2022/02/09(水) 09:45:53.20ID:???
<style>
#box{
width:800px;height:300px;background:#ff00ff;
position:relative;overflow:hidden;
}
#text_set{
position:absolute;margin:0px;padding:0px;
list-style:none;display:flex;
left:-100px;
}
#text_set li{
margin-right:50px;background:green;font-size:30pt;
color:aqua;font-weight:bold;white-space:nowrap;
}
</style>
<div id="box">
<ul id="text_set">
<li>みかんみかん</li><li>りんごりんご</li><li>ぶどうぶどう</li>
</ul>
</div>
このよう場合boxの高さが中身のテキストの高さと自動で同じになるようにするにはどうすればいいんですか？
boxのheight:autoにすると中身表示されないしoverflow-xにしても表示されませんでした。はみ出し禁止なのでoverflow:hiddenは削除できません。
#box{
width:800px;height:300px;background:#ff00ff;
position:relative;overflow:hidden;
}
#text_set{
position:absolute;margin:0px;padding:0px;
list-style:none;display:flex;
left:-100px;
}
#text_set li{
margin-right:50px;background:green;font-size:30pt;
color:aqua;font-weight:bold;white-space:nowrap;
}
</style>
<div id="box">
<ul id="text_set">
<li>みかんみかん</li><li>りんごりんご</li><li>ぶどうぶどう</li>
</ul>
</div>
このよう場合boxの高さが中身のテキストの高さと自動で同じになるようにするにはどうすればいいんですか？
boxのheight:autoにすると中身表示されないしoverflow-xにしても表示されませんでした。はみ出し禁止なのでoverflow:hiddenは削除できません。
2022/02/09(水) 10:30:16.54ID:???
abusoluteはそういう子
880873
2022/02/09(水) 11:51:55.78ID:???2022/02/09(水) 14:05:57.43ID:???
JSで高さを取る
2022/02/11(金) 21:36:16.55ID:???
今、htmlとcssを教えているんだけど、
<h3>■あれこれ<h3>
ではなく
<h3>あれこれ<h3> beforeにcontent:"■"
を記述する理由を「あれこれ」をマークアップするから■はあくまで人間用の装飾とは言ってるんだが
見た目が一緒だからいいじゃん的な感じに言われる
実際自分もそうだったけど、なにかわかりやすい言い回しないんだろうか
<h3>■あれこれ<h3>
ではなく
<h3>あれこれ<h3> beforeにcontent:"■"
を記述する理由を「あれこれ」をマークアップするから■はあくまで人間用の装飾とは言ってるんだが
見た目が一緒だからいいじゃん的な感じに言われる
実際自分もそうだったけど、なにかわかりやすい言い回しないんだろうか
2022/02/11(金) 21:51:07.76ID:???
あとでまとめて直しやすい
検索に拾われる時用
検索に拾われる時用
2022/02/11(金) 21:51:53.30ID:???
人間様向け
ロボット様向け
ロボット様向け
2022/02/11(金) 22:07:37.97ID:???
>>882
記号であってテキストの一部ではない
本の題名などで考えるなら、タイトルに■を含んでいるのではない限り外すべきだ とか
まあ
検索エンジン向けにはテキストで入力してしまってもやりようはあるし
contentも空にして四角い図形をスタイリングするのではなく
■を入力してしまったら結局テキストの一部として扱われたりするんだが
わざわざ擬似要素を使うならcontentは空にするわ俺なら
記号であってテキストの一部ではない
本の題名などで考えるなら、タイトルに■を含んでいるのではない限り外すべきだ とか
まあ
検索エンジン向けにはテキストで入力してしまってもやりようはあるし
contentも空にして四角い図形をスタイリングするのではなく
■を入力してしまったら結局テキストの一部として扱われたりするんだが
わざわざ擬似要素を使うならcontentは空にするわ俺なら
2022/02/11(金) 22:11:37.43ID:???
width！
height！
background！
height！
background！
2022/02/11(金) 22:12:55.92ID:???
いくつかある場合h3見出しの前に一括で設定できるじゃだめ？
2022/02/11(金) 22:42:13.77ID:???
>>887
そういう話はしてないだろ
そういう話はしてないだろ
2022/02/11(金) 22:50:38.92ID:???
2022/02/11(金) 22:57:51.04ID:???
>>889
そういう見方もあるのか
そういう見方もあるのか
2022/02/12(土) 16:56:39.05ID:???
こういうのが複数あったら、おかしい
<h2>■あ<h2>
<h3>■い<h3>
<h2>■あ<h2>
<h3>■い<h3>
2022/02/12(土) 23:53:23.79ID:???
俺は気にしないな
んなの入れたところで大した違いはない
んなの入れたところで大した違いはない
2022/02/13(日) 00:01:18.89ID:???
見た目だけなら気にしなくてもいいけど
SEOを気にするなら気にした方がいいって話ちゃうのん？
SEOを気にするなら気にした方がいいって話ちゃうのん？
2022/02/13(日) 01:17:04.95ID:???
beforeにテキスト入れたとき検索エンジンがどう扱うかは明確には分からんしSEO効果があるかどうかは不明では
SEO意識するならbeforeにテキストは入れずCSSでデザインした方がよさそう
SEO意識するならbeforeにテキストは入れずCSSでデザインした方がよさそう
2022/02/13(日) 03:12:50.55ID:???
スクリーンリーダーにはcontentにテキスト入れちゃうと読んじゃうやつあるしな
2022/02/16(水) 06:44:35.85ID:???
初めて投稿させていただきます。
一点どうしても自分では解決できない
問題があり質問させていただきます。
リンクをクリックするとエクスプローラで
指定したフォルダを開く処理を考え
ています。
<a href=file:///\\192.168.***.***\共有\目的のフォルダ target="_blank">保存先</a>
とし、Google Chromeで実行した所
ブラウザー上でフォルダを開いてし
まいます。
Google Chromeで目的のフォルダを
エクスプローラで開きたいのです。
知見豊かな皆様にご教示いただきたく
投稿させていただきました。
よろしくお願いいたします。
23歳OL
一点どうしても自分では解決できない
問題があり質問させていただきます。
リンクをクリックするとエクスプローラで
指定したフォルダを開く処理を考え
ています。
<a href=file:///\\192.168.***.***\共有\目的のフォルダ target="_blank">保存先</a>
とし、Google Chromeで実行した所
ブラウザー上でフォルダを開いてし
まいます。
Google Chromeで目的のフォルダを
エクスプローラで開きたいのです。
知見豊かな皆様にご教示いただきたく
投稿させていただきました。
よろしくお願いいたします。
23歳OL
2022/02/16(水) 07:17:32.45ID:???
おじさんキター
2022/02/16(水) 12:17:36.17ID:???
ローカルにサーバ立てれば
2022/02/16(水) 19:26:20.01ID:???
JS使おうね
2022/02/16(水) 21:24:54.51ID:???
アクセスしたらエクスプローラーが勝手に開くサイトとか怖いｗ
まあ管理用機能とかなんだろうけど
まあ管理用機能とかなんだろうけど
2022/02/16(水) 22:32:58.20ID:???
input type="file"
じゃダメなん？
じゃダメなん？
2022/02/16(水) 22:38:03.31ID:???
upじゃなくてdownか
すまそ
すまそ
2022/02/16(水) 22:56:34.62ID:???
エクスプローラーを開くための拡張かローカルサーバー作らないと無理じゃね？
2022/02/17(木) 11:35:16.67ID:???
ヤフーのIE11 サポート終了の進め方
https://techblog.yahoo.co.jp/entry/2022021630265506/
https://techblog.yahoo.co.jp/entry/2022021630265506/
2022/02/17(木) 11:58:21.37ID:???
Photoshop 23.2（2022年2月リリース）でWebP保存の新規能を実装
2022/02/17(木) 15:50:01.49ID:???
icoも対応して欲しい
907名無しさん
2022/02/17(木) 23:13:06.91ID:y7u+buKO HTMLで普通の文章の打ち方を教えてください
2022/02/18(金) 01:02:19.05ID:???
普通とは？普通ではないとは？
もう少し詳しく説明を
もう少し詳しく説明を
909Name_Not_Found
2022/02/18(金) 18:05:42.15ID:bMzriPwp jQueryの.load()を使って外部ページ(AA)を取り込んでます。
<div id="abc"></div>に挿入するとして、
取り込んだ中のページのスタイルに手を加えたいです。
#abc sectionみたいにかければ楽なんですが無理なんですよね。
方法は無いでしょうか？
<div id="abc"></div>に挿入するとして、
取り込んだ中のページのスタイルに手を加えたいです。
#abc sectionみたいにかければ楽なんですが無理なんですよね。
方法は無いでしょうか？
2022/02/18(金) 19:36:57.80ID:???
divにstyle書いておけば
911909
2022/02/18(金) 20:13:51.46ID:???2022/02/19(土) 02:16:10.69ID:???
>>911
index.html
-
<div id="abc">
</div>
<div class="buffer">
</div>
target.html
-
<body>
<div class="wrapper">
<header>
<p>this is target</p>
</header>
</div>
</body>
index.ts
-
$(function () {
$(".buffer").load("./target.html", function (complete_data) {
const header = $(this).find("header");
$("#abc").append($(header[0].outerHTML));
$("#abc").find("header").css("background-color", "blue");
})
})
みたいな感じ?
index.html
-
<div id="abc">
</div>
<div class="buffer">
</div>
target.html
-
<body>
<div class="wrapper">
<header>
<p>this is target</p>
</header>
</div>
</body>
index.ts
-
$(function () {
$(".buffer").load("./target.html", function (complete_data) {
const header = $(this).find("header");
$("#abc").append($(header[0].outerHTML));
$("#abc").find("header").css("background-color", "blue");
})
})
みたいな感じ?
2022/02/19(土) 13:59:18.52ID:???
jQuery の質問は、こちらへ
+ JavaScript & jQuery 質問用スレッド vol.7
https://mevius.5ch.net/test/read.cgi/hp/1478002550/l50
+ JavaScript & jQuery 質問用スレッド vol.7
https://mevius.5ch.net/test/read.cgi/hp/1478002550/l50
2022/02/20(日) 16:00:06.18ID:???
div祭りはやっぱりだめなんだろうか…？
2022/02/20(日) 16:13:34.53ID:???
用途や運用によると思う
2022/02/21(月) 11:00:29.65ID:???
Firefoxだと文字がクッキリして
Chromeだとアンチエイリアシングというより拡大してぼやけてるみたいな状態です。
知人の知人にサイトを作ってもらったのですが、
知人伝いなのでなかなか連絡来ず。
cssファイルを辿っているのですが、
transform: rotateで微妙に角度付けてるわけでもないようです。
フォントサイズを小さくしてもぼやけ感が出ます。
EdgeでもぼやけるのでChromium系で全部ぼやけると思います。
文字をぼやかせる要素って何ですか？
Chromeだとアンチエイリアシングというより拡大してぼやけてるみたいな状態です。
知人の知人にサイトを作ってもらったのですが、
知人伝いなのでなかなか連絡来ず。
cssファイルを辿っているのですが、
transform: rotateで微妙に角度付けてるわけでもないようです。
フォントサイズを小さくしてもぼやけ感が出ます。
EdgeでもぼやけるのでChromium系で全部ぼやけると思います。
文字をぼやかせる要素って何ですか？
917916
2022/02/21(月) 11:25:50.53ID:??? Windowsのアプリケーションのプロパティ＞互換性＞高DPI時の
の設定を弄っても何も変わらないので、これじゃなさそうです。
の設定を弄っても何も変わらないので、これじゃなさそうです。
2022/02/21(月) 11:33:43.48ID:???
もちろんテキスト要素よね？
transformで画像のエッジはボケるのは仕様、というか改善がむずかしい
transformで画像のエッジはボケるのは仕様、というか改善がむずかしい
919916
2022/02/21(月) 11:43:49.93ID:??? 原因みつけました！
2段div組されてて内側のdivでの指定に問題がありました。
<div class="outline">
<div class="inline">
test
</div>
</div>
.inlineに「border-radius」の値が%指定してありました。
%以外(px, em, vw)だとぼやけないみたいです。
こんなことあるんですね。
>>918
レスありがとうございます。
画像は気になりません。
2段div組されてて内側のdivでの指定に問題がありました。
<div class="outline">
<div class="inline">
test
</div>
</div>
.inlineに「border-radius」の値が%指定してありました。
%以外(px, em, vw)だとぼやけないみたいです。
こんなことあるんですね。
>>918
レスありがとうございます。
画像は気になりません。
2022/02/23(水) 09:20:37.10ID:???
サイトのアイコンを作っているのですが、高さ20px程度のpngだとぼやけます。
WEBフォントを使う手もありますが、これだとただの文字です。
svgはあまり使われません。
ボヤけをどうにかできないでしょうか？
WEBフォントを使う手もありますが、これだとただの文字です。
svgはあまり使われません。
ボヤけをどうにかできないでしょうか？
2022/02/23(水) 09:51:28.23ID:???
使われませんじゃなくて使え
2022/02/23(水) 10:14:16.00ID:???
例えばwordpressなどでは推奨されていないんですよ。
2022/02/23(水) 10:48:27.51ID:???
こんにちは。
CSSフレームワークを勉強しようと思うのですが、Bootstrap 以外で考えると Tailwind でしょうか。
今後 できるだけ無駄な経験にならないものを選択したいと考えています。
CSSフレームワークを勉強しようと思うのですが、Bootstrap 以外で考えると Tailwind でしょうか。
今後 できるだけ無駄な経験にならないものを選択したいと考えています。
2022/02/23(水) 11:25:37.49ID:???
>>922
テンプレートに書かずメディアからアップしようとしてるんじゃないだろうな？
テンプレートに書かずメディアからアップしようとしてるんじゃないだろうな？
2022/02/23(水) 11:46:17.10ID:???
2022/02/23(水) 11:49:43.17ID:???
>>925
云々ってなんだよ
云々ってなんだよ
2022/02/23(水) 11:50:25.79ID:???
svgなんかphpに直接書け
2022/02/23(水) 12:09:14.59ID:???
もしかしてpngの作成方法の問題じゃね？
2022/02/23(水) 12:42:08.57ID:???
高さ20pxしかない画像をスマホなどでぼやけるとかぬかしてるとか
2022/02/23(水) 13:00:49.22ID:???
SVGで書き出されてるFontアイコンなどと比べると
ぼやけて見えると言っている可能性も
ぼやけて見えると言っている可能性も
2022/02/23(水) 13:16:12.09ID:???
>>923
目的によるとしか
目的によるとしか
2022/02/23(水) 14:13:10.18ID:???
paddingとline-heightどちらを使うべきでしょうか？
出来るだけline-heightで済ませれば、文字を基準としたem値を設定出来るので、paddingの記述を減らせますよな
出来るだけline-heightで済ませれば、文字を基準としたem値を設定出来るので、paddingの記述を減らせますよな
2022/02/23(水) 14:32:25.34ID:???
2022/02/23(水) 14:37:49.74ID:???
>>923
Ruby on Rails では、初心者は皆、Bootstrap。
それ以外は、Bulma, Tailwind
皆が、Bootstrapを使う理由は、外部モジュールのHTML の各部品が、
Bootstrap用のCSS も配布しているから
例えば、kaminari というpagenation を使う場合、
Bootstrap用のCSS も配布しているから
Ruby on Rails では、初心者は皆、Bootstrap。
それ以外は、Bulma, Tailwind
皆が、Bootstrapを使う理由は、外部モジュールのHTML の各部品が、
Bootstrap用のCSS も配布しているから
例えば、kaminari というpagenation を使う場合、
Bootstrap用のCSS も配布しているから
2022/02/23(水) 14:59:44.56ID:???
>>920
40pxで作る
40pxで作る
2022/02/23(水) 15:10:49.97ID:???
>>933
決まっていますが、画像が小さいと粗が目立ちますね、、、
決まっていますが、画像が小さいと粗が目立ちますね、、、
2022/02/23(水) 15:27:31.38ID:???
>>925
正規版の有名どころのツールで作ったsvgなら脆弱性とか気にする必要ないでしょ
あとは本体編集するかプラグイン入れてsvg有効にするだけじゃん
プラグインなら脆弱性チェックしてくてるのもあったと思うよ
正規版の有名どころのツールで作ったsvgなら脆弱性とか気にする必要ないでしょ
あとは本体編集するかプラグイン入れてsvg有効にするだけじゃん
プラグインなら脆弱性チェックしてくてるのもあったと思うよ
2022/02/23(水) 20:30:53.93ID:???
https://imgbox.com/Z9EbP8aj
エントリーカードをdisplay:flexで並べているんですが、コンテンツ量によってカードの高さが変わりますよね。
1番と2番目であれば高さは同一ですが、3と4番目は高さが違っています。
この４つを統一した高さにしたいのですが、これは固定値を入れるしかないんでしょうか？
>>937
了解っす
エントリーカードをdisplay:flexで並べているんですが、コンテンツ量によってカードの高さが変わりますよね。
1番と2番目であれば高さは同一ですが、3と4番目は高さが違っています。
この４つを統一した高さにしたいのですが、これは固定値を入れるしかないんでしょうか？
>>937
了解っす
2022/02/23(水) 21:39:12.83ID:???
ラッパーをstretch
アイテムもflexにしてheight:100%
アイテムもflexにしてheight:100%
2022/02/24(木) 07:43:21.58ID:???
2022/02/24(木) 10:36:20.22ID:???
>>939
1列目と2列目では高さが違いますよね。
隣り合うエントリーカードの高さには合わせることができますが、1列目と2列めの高さを同じにするのは無理ではないでしょうか？
https://jsfiddle.net/bgegg/ocpnd20e/9/
1列目と2列目では高さが違いますよね。
隣り合うエントリーカードの高さには合わせることができますが、1列目と2列めの高さを同じにするのは無理ではないでしょうか？
https://jsfiddle.net/bgegg/ocpnd20e/9/
2022/02/24(木) 10:52:26.16ID:???
grid使おう
2022/02/24(木) 11:34:32.55ID:???
絶対同じではなくある程度幅を取って同じに、でよいなら
min-heightをem設定するというのも
min-heightをem設定するというのも
2022/02/24(木) 11:46:25.11ID:???
>>921
命令口調をやめろ
命令口調をやめろ
2022/02/24(木) 12:41:54.32ID:???
2022/02/24(木) 13:11:03.44ID:???
947Name_Not_Found
2022/02/24(木) 13:44:24.13ID:jMuu6DOo アコーディオンなどの実装してていろいろ調べてたんだが
label + inputを使う事例がほとんどなんで
中にはセマンティックの観点から好ましくないとかまで書かれてるんだが
label使わないinputだけでもだめなんだろうか
勉強中で調べた範囲でこうもかけるよねってのができあがったんだが
label + inputを使う事例がほとんどなんで
中にはセマンティックの観点から好ましくないとかまで書かれてるんだが
label使わないinputだけでもだめなんだろうか
勉強中で調べた範囲でこうもかけるよねってのができあがったんだが
2022/02/24(木) 13:57:32.71ID:???
2022/02/24(木) 15:26:49.81ID:???
>>947
detailsタグとsummaryタグを使うようにはなってきてると感じる
detailsタグとsummaryタグを使うようにはなってきてると感じる
2022/02/24(木) 15:53:45.93ID:???
detailsとsummary使うとchrome97のページ内検索でアコーディオン勝手に開いてくれるようになったらしいね
2022/02/24(木) 15:56:18.41ID:???
htmlの基本機能で実装しておくとブラウザ側で対応が進んでいってくれるのはメリットだよね
スムーススクロールの挙動もいい感じ
スムーススクロールの挙動もいい感じ
2022/02/24(木) 16:19:17.27ID:???
2022/02/24(木) 16:21:04.70ID:???
標準ぽいのあるのか
まあいいか悪いかわらないけどinputの
beforeやafterにlabelを背負わせるだけね
まあいいか悪いかわらないけどinputの
beforeやafterにlabelを背負わせるだけね
2022/02/24(木) 17:18:01.77ID:???
個人的には標準機能として普及するまでは
軽量スクリプトに処理させたい気分
どうもネットですぐに見つかるアコーディオンは
気持ち悪い
軽量スクリプトに処理させたい気分
どうもネットですぐに見つかるアコーディオンは
気持ち悪い
2022/02/24(木) 17:20:37.59ID:???
Bootstrap のAccordion は？
Collapse JavaScript プラグインと組み合わせて、
垂直に折りたたむアコーディオンを構築します
Collapse JavaScript プラグインと組み合わせて、
垂直に折りたたむアコーディオンを構築します
2022/02/24(木) 17:22:18.46ID:???
クリックやタップを増やすのが嫌いなのでアコーディオン自体苦手
メガメニューでギリ許容
メガメニューでギリ許容
2022/02/24(木) 17:34:00.08ID:???
面倒くさいからjavascriptは使わずhoverで開くだけにしてるわ
2022/02/24(木) 17:41:59.68ID:???
hoverはスマホがなあ
タッチ基準に考えるので
PCはクリック限定になる
タッチ基準に考えるので
PCはクリック限定になる
2022/02/24(木) 17:44:11.75ID:???
意外とこういう需要ありそうな仕組みが
定まってないのね
勉強しててびっくりだわ
コーダーなのでゴリゴリ書けばいいだけなんだが
CSSだけで〜が多いので合わせてたが
うーんって感じで愚痴ってしまった
定まってないのね
勉強しててびっくりだわ
コーダーなのでゴリゴリ書けばいいだけなんだが
CSSだけで〜が多いので合わせてたが
うーんって感じで愚痴ってしまった
2022/02/24(木) 17:47:26.94ID:???
>>955
bootstrapの話はしてないから、ちょっと黙ってて
bootstrapの話はしてないから、ちょっと黙ってて
2022/02/24(木) 19:10:06.49ID:???
font awesomeのヘッダに記述するCSSなんですが、どこにあるんでしょうか？
6.0用のcssなんですが、発見できませんでした。
6.0用のcssなんですが、発見できませんでした。
2022/02/24(木) 22:24:06.71ID:???
「font awesome cdn」でggr
2022/02/24(木) 23:59:00.87ID:???
background-image:url("https://www.sample.com/blank.gif";);
のような特定の画像スタイルの要素のみ非表示にしたいのですが、
div[background-image=url("https://www.sample.com/blank.gif";);] {
display:none;
}
ではうまくいきませんでした…
どのように書けばいいのでしょうか？？お願いします。
のような特定の画像スタイルの要素のみ非表示にしたいのですが、
div[background-image=url("https://www.sample.com/blank.gif";);] {
display:none;
}
ではうまくいきませんでした…
どのように書けばいいのでしょうか？？お願いします。
2022/02/25(金) 01:09:46.14ID:???
background-imageはCSSのプロパティであって、HTMLタグの属性じゃない
属性セレクタ使うならdivにstyle属性を追加してbackground-imageを指定しておくか
手っ取り早くclass追加するか、それが無理なら後はjavascriptとか？
属性セレクタ使うならdivにstyle属性を追加してbackground-imageを指定しておくか
手っ取り早くclass追加するか、それが無理なら後はjavascriptとか？
2022/02/25(金) 08:26:27.16ID:???
>>964
htmlは変更できないのでjavascriptでやるしかないっすかねぇ
htmlは変更できないのでjavascriptでやるしかないっすかねぇ
2022/02/25(金) 08:33:08.93ID:???
background-imageはあとで重ねがけすれば
そっちが優先されるよね
標準ではサンプルのURLを割り当てるようにしておいて
見た目画像が消えるようにダミーを重ね合わせる
CSS書いてそっちをオンオフしてみたら?
そっちが優先されるよね
標準ではサンプルのURLを割り当てるようにしておいて
見た目画像が消えるようにダミーを重ね合わせる
CSS書いてそっちをオンオフしてみたら?
2022/02/25(金) 08:40:41.25ID:???
.hoge1 {
background-image:url("https://www.sample.com/blank.gif";);
}
.hoge2 {
background-image:none;
}
background-image:url("https://www.sample.com/blank.gif";);
}
.hoge2 {
background-image:none;
}
2022/02/25(金) 09:00:30.61ID:???
hoge2をコントロールすれば画像はないようになる
https://jsfiddle.net/zvdpc5uy/
https://jsfiddle.net/zvdpc5uy/
969Name_Not_Found
2022/02/25(金) 09:22:09.49ID:8/EW0LOr2022/02/25(金) 12:17:18.43ID:???
2022/02/25(金) 12:49:59.60ID:???
2022/02/25(金) 12:55:35.11ID:???
>>966
ダミーが挿入される場合はclassを付与するのじゃあかんの？
ダミーが挿入される場合はclassを付与するのじゃあかんの？
2022/02/25(金) 13:07:54.13ID:???
やり方はなんでもイイよｗ
自分がやりたい事がターゲットにかかるように
指定するだけだし
どうも意図がわからんな
自分がやりたい事がターゲットにかかるように
指定するだけだし
どうも意図がわからんな
2022/02/25(金) 13:13:27.73ID:???
>>968がクラスを2個設定したパターンだよ
最終的な結果はhoge2のnoneが有効になってる
あと結果のところをブラウザの
デベロッパーツール(Chromeの呼び名)
などで見てみりゃいい
いじりたいノードを選んでスタイルの
項目見ると重ね掛けした場合は
あとで重ねた方が有効という表示になるから
最終的な結果はhoge2のnoneが有効になってる
あと結果のところをブラウザの
デベロッパーツール(Chromeの呼び名)
などで見てみりゃいい
いじりたいノードを選んでスタイルの
項目見ると重ね掛けした場合は
あとで重ねた方が有効という表示になるから
2022/02/25(金) 13:24:40.79ID:???
2022/02/25(金) 13:30:46.24ID:???
2022/02/25(金) 13:32:30.42ID:???
stylishとかで閲覧サイトの特定画像とか広告をCSSだけで消したいとか？
特定のCSSプロパティ値で探せるセレクタなんて無いから1つずつ探し出すしか
簡単なのはbackground-imageが指定されてるセレクタをそのままコピペしてきて
background-image: none;で上書きして消すとかね
特定のCSSプロパティ値で探せるセレクタなんて無いから1つずつ探し出すしか
簡単なのはbackground-imageが指定されてるセレクタをそのままコピペしてきて
background-image: none;で上書きして消すとかね
2022/02/25(金) 13:45:37.57ID:???
javascriptで
CSSを動的にいれるか
idかclass名で目的のノードの
styleを自力で書き換えるか
CSSを動的にいれるか
idかclass名で目的のノードの
styleを自力で書き換えるか
2022/02/25(金) 14:03:31.71ID:???
重ね掛けのスタイルをjsでheadにぶっこむ場合
https://jsfiddle.net/2oaj7t4m/11/
https://jsfiddle.net/2oaj7t4m/11/
2022/02/25(金) 15:46:12.77ID:???
>>962
はい
はい
2022/02/25(金) 15:52:04.46ID:???
>>980
次スレよろ
次スレよろ
2022/02/25(金) 15:52:48.87ID:???
>>977
そうですね、閲覧サイトの特定画像をcssだけで消せないかなと。
＞特定のCSSプロパティ値で探せるセレクタなんて無い
これが答えのようなので、jsでがんばります。
ありがとうございました。
そうですね、閲覧サイトの特定画像をcssだけで消せないかなと。
＞特定のCSSプロパティ値で探せるセレクタなんて無い
これが答えのようなので、jsでがんばります。
ありがとうございました。
2022/02/25(金) 16:43:03.81ID:???
2022/02/25(金) 20:34:00.63ID:???
>>1にテンプレ貼ってないのでやり直し
2022/02/26(土) 03:36:23.70ID:???
2022年の今、960グリッドシステムは幅が足りない？
ほとんどがスマホアクセスだから、960の12分割なんて今時ではない？
ほとんどがスマホアクセスだから、960の12分割なんて今時ではない？
2022/02/26(土) 08:17:59.42ID:???
好きにすればいい
2022/02/26(土) 08:29:23.66ID:???
そんなこと言うなよブラザー
2022/02/26(土) 08:55:11.22ID:???
ほとんどがスマホアクセスだから
とPCレイアウトのグリッドシステムの繋がりがわからぬ
PCは適当でいいってことならもうカリビアンコムとかみたいにPCサイトはスマホ表示を引き伸ばせばいいよ
とPCレイアウトのグリッドシステムの繋がりがわからぬ
PCは適当でいいってことならもうカリビアンコムとかみたいにPCサイトはスマホ表示を引き伸ばせばいいよ
2022/02/26(土) 09:53:01.32ID:???
そういえば新規で2カラムはやらなくなったなぁ
2022/02/27(日) 12:57:55.68ID:???
バックエンド(django)から取得したデータ（csv）を、djangoのテンプレートに埋め込んで？htmlのテーブルとしてブラウザに表示しています。
データの内容に従って、テーブルの行単位で個別の色をつける必要があり、django側で Tailwind のclass属性をhtmlに追加して出力することで期待通りの表示ができました。
ここまではいいのですが、表示データのソートをするため、DatatablesというJavascriptライブラリを使ったのところ、Tailwindの色の表示がおかしくなってしまいます。
Javascriptライブラリを使うことでCSSの情報が書き変わってしまったためだと思うのですが、こういうのはよくあることなのでしょうか。
解決方法をさがして悩んでいるところです。
データの内容に従って、テーブルの行単位で個別の色をつける必要があり、django側で Tailwind のclass属性をhtmlに追加して出力することで期待通りの表示ができました。
ここまではいいのですが、表示データのソートをするため、DatatablesというJavascriptライブラリを使ったのところ、Tailwindの色の表示がおかしくなってしまいます。
Javascriptライブラリを使うことでCSSの情報が書き変わってしまったためだと思うのですが、こういうのはよくあることなのでしょうか。
解決方法をさがして悩んでいるところです。
2022/02/27(日) 13:02:36.82ID:???
jsスレへ
2022/02/27(日) 13:15:57.39ID:???
CSSの掛け方が悪いんじゃないの？
2022/02/27(日) 13:18:05.91ID:???
ビューにCSSをかけて強調したいのか
ビューに表示されてるデータに
CSSをかけて強調したいのか
この差のように感じる
ビューに表示されてるデータに
CSSをかけて強調したいのか
この差のように感じる
2022/02/27(日) 21:56:19.95ID:???
例えば、Ruby on Rails では、
サーバー側で、pagenation にKaminari を使うと、Bootstrap 用のCSS も配布している。
クライアント側で、タグを付ける、jQuery UI のTag-it を使うと、CSS も配布している
だから常に、これらの内容がおかしくならないように、確認する必要がある
他人のモジュールを使うのは簡単だけど、整合性を保つには、
そのモジュールの内容を調べる必要がある
このスレよりも、JS スレか、WEB プログラミング板へ移動した方がよい
サーバー側で、pagenation にKaminari を使うと、Bootstrap 用のCSS も配布している。
クライアント側で、タグを付ける、jQuery UI のTag-it を使うと、CSS も配布している
だから常に、これらの内容がおかしくならないように、確認する必要がある
他人のモジュールを使うのは簡単だけど、整合性を保つには、
そのモジュールの内容を調べる必要がある
このスレよりも、JS スレか、WEB プログラミング板へ移動した方がよい
2022/02/28(月) 04:20:42.73ID:???
>>994
いつものゴミアフィの名前入れろよカス
いつものゴミアフィの名前入れろよカス
2022/02/28(月) 23:10:05.76ID:???
そういや次スレは>>983のにするの？
2022/03/01(火) 08:24:28.66ID:???
うん
2022/03/01(火) 09:02:09.98ID:???
ではまた会おう
2022/03/03(木) 18:20:53.66ID:???
カスケードレイヤー「@layer」でCSSの実装がどう変わるのか、仕組みと基礎知識、さまざまな使用例を徹底解説
https://coliss.com/articles/build-websites/operation/css/cascade-layers.html
https://coliss.com/articles/build-websites/operation/css/cascade-layers.html
1000Name_Not_Found
2022/03/03(木) 19:55:58.69ID:??? コリス乙
10011001
Over 1000Thread このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 114日 5時間 45分 32秒
新しいスレッドを立ててください。
life time: 114日 5時間 45分 32秒
10021002
Over 1000Thread 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
レス数が1000を超えています。これ以上書き込みはできません。
ニュース
- 【手榴弾と拳銃と】ロケットランチャーは「本物」 北九州の草むらで発見、警察が確認… [BFU★]
- 【スクープ】中居正広が女性との間に重大トラブル、巨額の解決金を支払う 重病から復帰後の会食で深刻な問題が発生 ★34 [Ailuropoda melanoleuca★]
- 《頭部がたくさん並んでいるよ》女性美容外科院長“ご献体”前でのピース写真が物議 主催者は「投稿に違和感はない」と反論 ★2 [Ailuropoda melanoleuca★]
- 【芸能】元フジテレビ・渡邊渚アナ 『週刊プレイボーイ』でグラビアを披露！ セクシーな先行カットも公開 [冬月記者★]
- ホンダ日産 経営統合へ 新会社トップはホンダ指名の取締役から ★4 [蚤の市★]
- 【野球】“安すぎる”と疑問の声 北広島市が土地の一部をファイターズ側に売却決定 [尺アジ★]
- 【画像】家族が亡くなったら真っ先にやる事 銀行で全額引き出す [349242917]
- 【速報】2024クリスマスイブ…(ｽｩｰ)…ｷﾀ━━━━(ﾟ∀ﾟ)━━━━!! [989870298]
- 【速報】中国人、へずまりゅうの調査によって奈良の鹿に当たり前のように暴行を加える実態が明るみになってしまう... [308389511]
- これで本SMAPで清廉潔白なのは木村拓哉だけになったな
- 日産社長「日産とホンダ、どちらが上、どちらが下ではなく、ともに未来をひらく仲間に」 [177316839]
- 【衝撃】「え、これ日本人が発明したの？」って驚いたもの挙げてけｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ [515718387]