X



HTML/CSS のどんな質問にも優しく答えるスレ 41
レス数が1000を超えています。これ以上書き込みはできません。
0001Name_Not_Found2019/09/10(火) 23:43:42.14ID:o3KaLSni
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

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

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

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

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html
0002Name_Not_Found2019/09/11(水) 01:32:14.58ID:???
大正デモクラシーですわ〜
0003Name_Not_Found2019/09/11(水) 01:57:14.89ID:EYE3a5qG
スレ立て乙
0007Name_Not_Found2019/09/11(水) 07:01:48.25ID:???
これから質問してくる人には「何が?」と返します(怒)
0009Name_Not_Found2019/09/11(水) 19:24:02.65ID:???
質問

パンくずリストって何ですか?
0010Name_Not_Found2019/09/11(水) 19:52:28.81ID:???
お前はゴミクズだなを
まろやかに言った言葉、パンくず
そいつらのリスト
0012Name_Not_Found2019/09/12(木) 16:15:05.37ID:???
liタグに対してdisplay:block ;を指定するのはどんな時ですか?
0013Name_Not_Found2019/09/12(木) 17:26:18.77ID:???
リストデータをblockで表示したい時
0014Name_Not_Found2019/09/12(木) 18:30:09.40ID:???
縦並びでmarginとpaddingを指定したい時
0015Name_Not_Found2019/09/12(木) 19:50:23.02ID:???
僕が僕らしくある為に
0017Name_Not_Found2019/09/12(木) 20:24:03.27ID:???
>>15
お前はいつもfloatじゃないか
0018Name_Not_Found2019/09/12(木) 21:53:49.06ID:???
ハンバーガーメニューって何ですか?
0019Name_Not_Found2019/09/12(木) 22:18:37.67ID:???
>>18
レギュラー、朝マック、夜マックでそれぞれ違う。
それと、季節限定のメニューってのもあって
今なら黄金の月見バーガーってのがバリューセットで690円である
0021Name_Not_Found2019/09/12(木) 23:19:21.33ID:???
このサイトみたいにスマホ表示の際に、ハンバーガーメニューの中に検索ボックスとカテゴリリストとSNSのアイコンを表示させたいのですが、どうすればよいですか?

初心者でよくわかりません。


https://www.webcreatorbox.com
0022Name_Not_Found2019/09/12(木) 23:50:55.44ID:???
>>21
まねしたらいいんじゃない?
0023Name_Not_Found2019/09/13(金) 00:20:15.19ID:???
liの中に検索ボックスって入れていいんだっけ?
0024Name_Not_Found2019/09/13(金) 00:33:03.71ID:???
>>21
WordPressのテーマを自作する
0025Name_Not_Found2019/09/13(金) 00:36:42.04ID:???
Macでオススメのテキストエディタを教えてください
なるべくWindowsのTerapadに近い操作性と外観のソフトだと嬉しいです
0027Name_Not_Found2019/09/13(金) 02:18:22.29ID:???
>>22
いまの自分にそこまでのパワーはないので、無難なレイアウトに変更しました。

これから更に勉強してレベルアップしますね
0028Name_Not_Found2019/09/13(金) 02:34:57.56ID:???
>>18
ケツ毛バーガー事件というのが昔ありました
0029Name_Not_Found2019/09/13(金) 10:44:08.17ID:???
さっきちょうどマナちゃんからメルマガきてて
使用中のiPhone6sが瀕死の状態って書いてた。

海外でも活躍してすごい儲かってるかとおもってたがそうでもないのかな?
0031Name_Not_Found2019/09/13(金) 12:15:20.62ID:???
>>29
1000台あるうちの一台が瀕死なんだろ
999台は無事だよ
0032Name_Not_Found2019/09/13(金) 12:29:15.39ID:???
>>31
彼女はある意味同業者の成功例であり
夢と希望だからそうあって欲しい・・・
0033Name_Not_Found2019/09/14(土) 16:44:06.50ID:???
ここまでまともな質疑なし
0034Name_Not_Found2019/09/14(土) 18:22:30.68ID:???
>>19は完璧な回答だと思ったけどな
0035Name_Not_Found2019/09/14(土) 18:46:13.86ID:???
自作曲をHPでダウンロード出来るようにしたいです。

そのファイルを「aaa.wav」とします(WAV音源なのは合ってます)
で、そのファイルを公開したいページと同じ階層に置いて
<a href="aaa.wav" download="あああ">というような感じで打ったのですが「ダウンロード失敗」と出ました。

FFFTPを使っていますが、音源をアップロードする必要はないですよね?
0036Name_Not_Found2019/09/14(土) 19:25:32.17ID:???
アップロードしないとだめです
0037Name_Not_Found2019/09/14(土) 19:29:30.23ID:???
>>35
自分がローカル環境で試した感じだと普通にダウンロードのダイアログ出てきてダウンロードフォルダに落ちて来たけど
・audio.html
・test.wav
の2ファイルを同じ階層に置いて、
<a href="./test.wav" download>download test.wav<a>
を書いてブラウザのリンク上で右クリックして「リンク先のコンテンツを保存」から普通にダウンロードされた
0039Name_Not_Found2019/09/14(土) 20:13:00.93ID:???
>>36
何度アップロードしようとしても中止になってしまうのですが、mp3に書き直した方が良いのでしょうか?
また後で試してみます
0040Name_Not_Found2019/09/14(土) 20:19:25.06ID:???
サイトスペースの空き容量が足りないとか?
0041Name_Not_Found2019/09/14(土) 20:21:38.13ID:???
id無いと誰が誰だかわかんないな
0042Name_Not_Found2019/09/14(土) 20:22:22.49ID:???
>>38
何が?って思ったらaタグか
手打ちだからミスりました
すまんね
0043Name_Not_Found2019/09/14(土) 20:49:16.55ID:???
学校でHTML習ったので復習で
index.htmlっていう名前のファイル作って
IEで開いてみたら普通にみれちゃったんですけど
これ全世界に公開されてるってことですか?

ただPC中で htmlファイル作るだけでインターネット発信されるってことですか?
index.html っていう名前だけが特別なんですか?
0044Name_Not_Found2019/09/14(土) 20:54:24.88ID:???
WEBサーバっていう単語をご存じでない?
サーバも無いPC内にhtmlファイル作っただけで全世界からアクセスされたら大変なことになるっていう想像は付かない?
0045Name_Not_Found2019/09/14(土) 21:00:30.85ID:???
>>43
全世界どころか、全宇宙に公開されてしまってないよ
0046Name_Not_Found2019/09/14(土) 21:08:09.98ID:???
>>43
htmlファイルはどんな名前だろうがブラウザで開けるよ
ブラウザで見れる = 世界中で見れる
ではないからその辺ちゃんと理解しようね
0047Name_Not_Found2019/09/14(土) 21:08:39.50ID:???
>>43
.htmlファイルをブラウザで開けるのは、
.txtファイルをメモ帳で開けたり、
.docxファイルをWordで開けたりするのと同じで、
ファイルに格納されているデータをソフトが解釈して
モニター画面に表示しているだけ
0048Name_Not_Found2019/09/14(土) 21:12:44.44ID:???
HTMLの書き方の前に理解すべきことがあるな
どんな学校だよ
0050Name_Not_Found2019/09/14(土) 21:37:38.40ID:???
>>44-48
じゃあ後悔されてないんですね
大丈夫なんですね
あせりました

何がちがうのかわからないんですけど
httpっていうのをつけてみれるのが全世界で
file:ってついてるのはじぶんのPCからしかみれないってことですか?

httpっていうのがつかないようにするにはどうすればいいんでしょうか
ファイル名をhttpっていう拡張子で保存しなければ大丈夫ってことですか?
0051Name_Not_Found2019/09/14(土) 21:44:52.42ID:???
学校行ってるんじゃないのかよ
ど素人やん
0052Name_Not_Found2019/09/14(土) 21:53:27.61ID:???
専門学校とか専門コースとかじゃなく、
一般クラスで、数学か何かの延長じゃないかな
0053Name_Not_Found2019/09/14(土) 21:54:15.13ID:???
なんか支離滅裂やな
0054Name_Not_Found2019/09/14(土) 22:01:00.52ID:???
>>50
httpっていうのは拡張子じゃなくてプロトコル
「インターネット上で文書をやりとりするための決まり」みたいなもん
クライアント(ブラウザ) <---httpプロトコル--->Webサーバ

自分のPC内のhtmlファイルを自分のPC内のブラウザで開くのにはサーバーは必要ないわけだから当然httpも付かない
0055Name_Not_Found2019/09/14(土) 22:02:45.93ID:???
httpとhtmlの区別も付いてないのか
0056Name_Not_Found2019/09/14(土) 22:03:27.48ID:???
>>50
とりあえず、ホームページの作り方・公開の仕方を解説しているサイトで勉強しておくれ
0057Name_Not_Found2019/09/14(土) 22:08:56.52ID:???
HyperText
複数の文書が紐づいたり関連付いている文書を超えた文書

html
HyperText Markup Language
ハイパーテキストを作成するためのマークアップ言語の1種

http
HyperText Transfer Protocol
ハイパーテキストを通信する上での決まり
0060Name_Not_Found2019/09/14(土) 22:24:12.74ID:???
懐かしいなww
0061Name_Not_Found2019/09/14(土) 22:50:57.83ID:???
>>35ですが、どうやら僕の使ってるサーバーでは10MB以上のファイルをアップロード出来ないみたいです
そもそもFFFTPではhtmlファイル等も含め、合計で30MB以上は無理みたいですね
なので100MB以上あったwavファイルをmp3変換して6MBくらいにしたら行けました!
試しにダウンロードしたら出来ました、ありがとうございました
0062Name_Not_Found2019/09/14(土) 23:50:04.84ID:???
サイトよんで勉強してみたけど

サーバーソフトウェアっていうのを起動してないとファイルが存在するだけでは外からアクセスできないんですね
たとえばapacheっていうソフトをPCにいれると
特定のフォルダ内にファイルをおいただけでそのファイルがそとからみられるようになるらしい
でも配信したいならじぶんのPCでやるより
そういうソフトがはじめから入ってる無料のサービス使った方がいいよみたいなことかいてありました

結論から言うと余計なソフトいれたりしなければ
PCに内でHTMLかいてダブルクリックしてブラウザ開いただけでは何もおきないってことですよね
おさわがせしてすみませんでした
回答頂いた方ありがとうございました

まだHTML習いたてで
H1 H2 ってかくと文字が大きくなる
Pってかくと文字が折り返されるみたいなことしか習ってないので
いろつけたり絵はったりできるようになったら自分のサイト公開してみたいと思います
0064Name_Not_Found2019/09/15(日) 03:20:30.24ID:???
>>49
たかし!たかしじゃないか!
0065Name_Not_Found2019/09/15(日) 06:12:58.85ID:???
>>62
あとポートフォワードね
もし、自分のPCにサーバー入れても、そのサーバーへ通信を転送する設定ができないと公開されない。
基本的にはファイアウォールで勝手に転送されないようになっている。
0066Name_Not_Found2019/09/15(日) 07:54:54.96ID:???
>>50
後悔してないのかというと嘘になるかもしれません。
彼のご両親ともこのような結果になってしまった事を
心のどこかで今でも悔いています。
0067Name_Not_Found2019/09/15(日) 09:43:31.66ID:???
firefoxのdevelopertoolsってxpathで検索できないの?
0068Name_Not_Found2019/09/15(日) 10:50:35.02ID:???
>>67
コンソールタブかペインで$x('xpath')実行してターゲットアイコンで移動すれば?
0069Name_Not_Found2019/09/15(日) 13:44:01.72ID:???
>>64
たけし・・たけしです!


ダンカンコノヤロー
0070Name_Not_Found2019/09/15(日) 14:01:11.96ID:???
cssで無限に背景がうねうね波打つやつってどうやるんですか?
0071Name_Not_Found2019/09/15(日) 14:22:43.23ID:???
なんでcssだと思ったの?
0074Name_Not_Found2019/09/15(日) 17:44:34.50ID:???
>>72
70じゃないけど
SVGつかわないでCSSだけでもできるんだな
勉強になったわ
0075Name_Not_Found2019/09/15(日) 19:11:42.69ID:hzTL4UW4
画像の左クリックだけを無効にするCSSの記述方法を教えてください
右クリック、画像の保存は有効なままでお願いします
サイトの利便性を考えて、左クリックするたびに拡大されないようにしたいです
0076Name_Not_Found2019/09/15(日) 19:27:33.63ID:???
>>73
ありがとうすげーよ君。
あの1行でここまで察したとは・・・
0080Name_Not_Found2019/09/15(日) 20:15:09.28ID:???
>>77
これっかこいいJavaScriptか
0081Name_Not_Found2019/09/15(日) 21:04:54.04ID:???
csvasで永遠と書かれてたぞ
0082Name_Not_Found2019/09/15(日) 21:08:22.99ID:???
>>77を同時に2つ開くと
うちの古いcorei7のpcクーラーが激しく回りだしてウルサイw
0085Name_Not_Found2019/09/16(月) 08:39:20.15ID:???
bootstrapでフォトギャラリーを作成しています
class="img-thumbnail"で画像を並べているのですが
chromeやEdgeでは正常に表示されるのに
IE11だけ一部の画像に×マークが出て表示されません

原因のわかる方いらっしゃいますか?
0086852019/09/16(月) 10:05:34.28ID:???
すみません、再起動したら治りました…。
おま環だったようなので質問取り下げます。
0087Name_Not_Found2019/09/16(月) 10:09:14.12ID:???
>>85
ソース見ないとわからないよ

その4行だけで無理やり推察するなら
・webフォントで記号を表示して不具合の可能性
・sslに対応してない書き方混在
・セキュリティ関連
・容量関連
0089852019/09/16(月) 10:23:46.45ID:???
>>87-88
申し訳ありません…。


-(*)-
0091Name_Not_Found2019/09/16(月) 13:30:58.83ID:???
許してやる

つ*
0092Name_Not_Found2019/09/16(月) 15:50:07.88ID:???
.x {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 1px;
}
.x:hover {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 3px;
}

セルの中央にテキストを表示して、マウスオーバーしたときにボーダーの太さを変えて表示したいんですが、
上のような記述だけだとボーダーの太さを変えた分だけテキストの表示位置がずれてしまいます。
位置が変わらないようにする方法ってあるでしょうか。
0093Name_Not_Found2019/09/16(月) 16:18:11.59ID:???
テキストにclassかidつけて親にdisplay:flexとjustify-content : centerあたりでできない?
0094Name_Not_Found2019/09/16(月) 16:55:28.40ID:???
自己解決。border-widthの分paddingを調整していけました。

.x {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 1px;
padding-top: 0px;
padding-bottom: 2px;
}
.x:hover {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 3px;
padding-top: 0px;
padding-bottom: 0px;
}
0095Name_Not_Found2019/09/16(月) 20:44:27.36ID:???
千葉の停電を治すためのコードを教えてください。
0096Name_Not_Found2019/09/16(月) 21:04:57.33ID:bkq/EM8Z
>>95
<doctype!>
<p>chibadman come here please!</p>
0097Name_Not_Found2019/09/16(月) 21:15:56.40ID:???
うちの実家千葉市だけど一度も停電してないってよ
0098Name_Not_Found2019/09/16(月) 21:52:49.02ID:bkq/EM8Z
下記のcssが反映されません。どこにミスがありますか?



@charset "UTF-8";

/* すべてのwebページに適用される*/
html {
font-family: sans-serif;
}
html * {
box-sizing: border-box;
]
body {
background-color: #eeece9;
}
h2 {
color: #3f5170;
font-size: 22px;
border-bottom: 3px dotted #3f5170;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 5px
padding-right: 5px
padding-bottom: 5px;
padding-left: 5px;
}
0100Name_Not_Found2019/09/16(月) 22:09:45.93ID:???
間違い探しワロタ
0101Name_Not_Found2019/09/16(月) 22:12:37.69ID:bkq/EM8Z
>>99
できました
ありがとうございます
0103Name_Not_Found2019/09/16(月) 22:16:51.96ID:???
本物のエディタを使ったことがないんだな、可哀想に。明日もう一度来てください。僕が本当の
0104Name_Not_Found2019/09/16(月) 22:34:51.94ID:bkq/EM8Z
>>102
自己解決してたんだよ
ここに張り付けて一目瞭然やった
でも自己解決って書かずに作業してたら教えてくれてる人が居たからお礼言っておいた
わいド素人やねん(恥
0106Name_Not_Found2019/09/16(月) 23:26:30.18ID:???
{入力したら自動で閉じてくれるエディタ使った方がいいとおもうの
0107Name_Not_Found2019/09/16(月) 23:28:13.01ID:???
動かない時に何度もソース見ても気が付かなくて
次の日みると気がつくあるある
0108Name_Not_Found2019/09/17(火) 01:08:32.08ID:???
>>97
おそらく私が>>96のコードを入力したおかげでしょう。私に、感謝すべきです。
0110Name_Not_Found2019/09/17(火) 01:18:56.51ID:???
おまえらアナル好きだな
0111Name_Not_Found2019/09/17(火) 02:40:18.41ID:???
出入口だからな
0112Name_Not_Found2019/09/17(火) 09:46:27.26ID:???
タグは開けたら閉じる事。
回答もらったらお礼してクローズする事。
ケツは出したら入れてもらう事。
0113Name_Not_Found2019/09/17(火) 09:58:41.62ID:???
inputタグだから。
0114Name_Not_Found2019/09/17(火) 11:01:04.05ID:???
終了タグを先に書けば良いんだよ
カッコなら閉じカッコから
0115Name_Not_Found2019/09/17(火) 11:10:58.01ID:???
つまり入れてもらってからケツ出すって事か
0117Name_Not_Found2019/09/17(火) 15:28:09.87ID:???
あ?も自己解決したんだよ
0118Name_Not_Found2019/09/17(火) 19:51:39.61ID:???
ベンダープレフィックスってもういい加減なくしていいですか?
勧告からもう5年くらいたってるのになんなんこれ
0119Name_Not_Found2019/09/17(火) 21:36:57.49ID:???
いまどきベンダープレフィックスつけてるやつは、DreamweaverやらAutoPrefixerとかの設定を
ろくに更新しないで惰性で使い続けてるだけだから、なくしてもかまわんよ
0120Name_Not_Found2019/09/17(火) 21:45:21.65ID:/8CaO4EI
>>118
そのへんはPCにやらせればいいのよ
0121Name_Not_Found2019/09/17(火) 21:57:32.83ID:???
XHTMLは論理的だったのになんでHTML5でまた終了タグの省略を許したのかねぇ。
0122Name_Not_Found2019/09/17(火) 22:12:31.83ID:???
省略じゃねぇ。余計なもの付けるのが許容されてるだけ。
0123Name_Not_Found2019/09/17(火) 22:42:16.37ID:???
余計なものって具体的には何のことを言ってる?
0124Name_Not_Found2019/09/18(水) 00:18:18.54ID:???
<style>
table.aaa td{
padding:10px;
}
</style>


<table border="1" class="aaa">
<tr>
<td>aaa</td>
<td>

<table border="1">
<tr>
<td>www</td>
</tr>
</table>

</td>
</tr>
</table>

このようにするとセルの中にあるテーブルのセルのpaddingまで10pxになってしまいます
外側のテーブルのセルのみでセルの中にあるテーブルには影響を及ぼさないようにするにはどうすればいいんですか?
外側のテーブルのセルに1つ1つclassを設定してやるしかないんですか?
0126Name_Not_Found2019/09/18(水) 01:02:26.02ID:???
石器時代のマークアップか
0127Name_Not_Found2019/09/18(水) 02:02:15.30ID:???
tableってでも行の高さを自動的に揃えてくれる優れものだと思うの
0128Name_Not_Found2019/09/18(水) 02:04:38.22ID:???
質問者は質問する段階からケツを差し出す準備しておけよ?
0130Name_Not_Found2019/09/18(水) 02:35:37.40ID:???
>>129
tbodyはbodyとかと一緒で省略可能なだけ
書かなくても補完される
0131Name_Not_Found2019/09/18(水) 06:38:27.89ID:???
CSS絶対頃すマン?
0132Name_Not_Found2019/09/18(水) 09:12:16.44ID:DeIa5jyk
CSSですが中央寄せになりません。理由わかる方いらっしゃいませんか?

@charset "UTF-8";

/* すべてのwebページに適用される*/
html {
font-family: sans-serif;
}
html * {
box-sizing: border-box;
}
body {
margin: 0 0 0 0;
background-color: #eeece9;
}
.wrapper {
margin: 0 auto 0 auto;
max-width: 960px;
}
0133Name_Not_Found2019/09/18(水) 09:15:40.03ID:???
>>132
それでちゃんと寄るよ
ウィンドウ幅が960を超えてれば
0134Name_Not_Found2019/09/18(水) 10:51:43.27ID:DeIa5jyk
>>133
なぜか寄りません><
とりあえず飛ばして次行ってます
返事ありがとうございます
0135Name_Not_Found2019/09/18(水) 11:13:19.55ID:???
ザ・ワールド!…時は動き出すッ
0136Name_Not_Found2019/09/18(水) 11:33:30.51ID:???
>>134
CSS書きかえた後ちゃんとスーパーリロードでブラウザ更新してる?
0137Name_Not_Found2019/09/18(水) 11:57:49.18ID:???
>>134
たぶんHTMLが間違ってる
クラス名間違えてるか、CSSファイル自体が読まれてない

そういう超ド単純なことが上手くいかんときは
関係ないものを全部切り捨てるんよ、HTMLもCSSも

<div class="wrapper">と
.wrapper {
margin: 0 auto 0 auto;
max-width: 960px;
}

だけにしてみりゃ
調べなきゃいかんところは数えるほどしかない
0139Name_Not_Found2019/09/18(水) 17:40:40.60ID:DeIa5jyk
>>136
ブラウザ更新はしています

>>137
わかりました
やってみます
0140Name_Not_Found2019/09/18(水) 17:50:46.11ID:???
令和生まれのキッズです。
スマホとPCで表示される文字サイズかえる方法をおしえてください。
0141Name_Not_Found2019/09/18(水) 18:30:14.01ID:???
>>140
お前みたいの生まれてこなければ良いのに
生れて早々に死ね
0142Name_Not_Found2019/09/18(水) 18:59:31.60ID:???
>>140
なんにもしなくても全然違うサイズで表示されるじゃろ
0143Name_Not_Found2019/09/18(水) 19:29:24.12ID:???
>>141
くだらないレスをする暇があるなら本気で回答しろ
時間の無駄だ!(激昂)
0144Name_Not_Found2019/09/18(水) 19:34:40.35ID:???
出たよ激昂仮面
0145Name_Not_Found2019/09/18(水) 19:49:52.92ID:???
この質問がくだらねぇよw
0146Name_Not_Found2019/09/19(木) 00:35:01.66ID:???
ガチムチのトラック野郎です。
スマホとPCで表示される文字サイズかえる方法をおしえてください。
0147Name_Not_Found2019/09/19(木) 01:45:21.70ID:???
メディアクエリー
0148Name_Not_Found2019/09/19(木) 11:30:51.10ID:???
>>146
なんにもしなくても全然違うサイズで表示されるじゃろ
0149Name_Not_Found2019/09/19(木) 12:15:53.79ID:???
>>149
くだらないレスをする暇があるなら本気で回答しろ
時間の無駄だ!(激昂)
0150Name_Not_Found2019/09/19(木) 13:03:00.36ID:???
分かってんじゃん(笑)
0151Name_Not_Found2019/09/19(木) 13:30:01.57ID:???
現役の女子高生です。
スマホとPCで表示される文字サイズかえる方法をおしえてください?
0152Name_Not_Found2019/09/19(木) 13:34:35.85ID:???
ビル・ゲイツです。
スマホとPCで表示される文字サイズ...
0153Name_Not_Found2019/09/19(木) 14:11:13.47ID:CWr78/0G
現役の男子です。
スマホとPCで表示される文字サイズかえる方法をおしえてください
0154Name_Not_Found2019/09/19(木) 14:19:39.15ID:???
採れたてのキノコです
スマ・・・
0155Name_Not_Found2019/09/19(木) 14:24:48.56ID:???
>>149が恥ずかしさのあまりログ流してるようだな(笑)
0156Name_Not_Found2019/09/19(木) 18:48:55.69ID:EYU91y8Q
書籍で勉強してHPを1つ作れました。
次に何で勉強するか考えてます、そこで、動画学習するならどれがいいとかありますか?
どっとインストールが良いとか、プロゲートがいいとか?
0157Name_Not_Found2019/09/19(木) 19:38:35.87ID:???
>>156
ワイも、数ヶ月前に超簡単な参考書見てサイト作ったよ
そのあと、ドットインストール見て基礎をまなんだ。

ま、ここまでは順調だったけどね…
0158Name_Not_Found2019/09/19(木) 20:10:18.19ID:???
学習ったって、どこを目指すかで、今何をするかは全く変わる。

例えば趣味で自分だけのHP作ってくつもりなら学習なんてかしこまったことしないで
アフィ用テンプレとその使い方をブロガーなどから得たほうが早い。

他人のサイトを作成したり制作を生業にする場合
デザイナーなのかコーダーなのかプログラマなのか映像クリエイターなのかで
何を主軸にやるかが変わる。
デザイナーならcss/htmlはほどほどにしてAdobeソフトでのビジュアルスキルを磨いたほうがいいし
プログラマならプログラムから入ったほうがいい。
0159Name_Not_Found2019/09/19(木) 20:18:06.88ID:???
制作を仕事にする場合、
よく見かけるレイアウト、デザイン、動きなどは一通りできるようになっといたほうがいい。
趣味なら自分ができることだけをやってればいいが、
相手にこういう動きしたい、ここのサイトと同じようにしたいなど
注文がくるから難易度が全く変わる。

例えば、このサイトと同じようにしたい。と言われ、
ヘッダーの横並びの各メニューをマウスオンしたら、リストが上から下に展開するようにして
スマホの時はそれら全てがハンバーガーメニューボタン1つに格納されていてタップしたら
横からメニューがスライドして展開するようになる仕様。
こんな感じで。
0160Name_Not_Found2019/09/19(木) 20:29:54.22ID:???
文章長くてゴメンね、まで読んだ。
0161Name_Not_Found2019/09/19(木) 21:12:39.91ID:???
ほんとごめんな
0162Name_Not_Found2019/09/19(木) 22:48:02.54ID:???
動画で教えるやーつ、個人的には苦手だなあ

動画でコードの書き方はちょっと…って思っちゃう
ファイルの移動やらが複雑なオペレーションとか
アプリケーションの使い方とかだったらいいんだけど
0163Name_Not_Found2019/09/19(木) 23:17:41.58ID:???
ドットインストールなんて中身空っぽだからな
やった感だけ与えて(実際は何も得てないが)満足感を得ることに意味があるのかもしれない。
0164Name_Not_Found2019/09/20(金) 00:02:27.32ID:???
覚えていければ何でもいいでしょ
その後に模写できるようになれれば身についとるってことでしょ
0165Name_Not_Found2019/09/20(金) 00:12:02.06ID:???
その人に合う、合わないがあるからねぇ
何でも試してみて、合いそうなので勉強すりゃいいし
動画で大まかな仕組みだとか流れだとか、ざっくり理解してから細かいとこを別のツールで
勉強するってのも手だし
0166Name_Not_Found2019/09/20(金) 00:37:18.86ID:???
ドットインストールはゲームでいう取説みたいなもん

ドットインストールをディスってるやつは、取説だと思ってなくて、ゲームプレイをナビゲートしてくれるNPCと勘違いしてる

つまり、ドットインストールが良い悪いではなく、
プレイヤーの捉え方の良し悪しの問題。
0167Name_Not_Found2019/09/20(金) 00:38:36.58ID:???
おバカちゃんはドットインストールは使えないNPCだと嘆き、優秀な奴はドットインストールを取説として活用する。
0168Name_Not_Found2019/09/20(金) 01:23:36.72ID:???
4行で書いたことをなんでまた1行で書くんだよw
おバカちゃんか?
0169Name_Not_Found2019/09/20(金) 01:26:09.26ID:???
自分が既に理解している動画見てみろ
jQueryとかcssとかを。
どんだけ部分的で限定的なことを表面なぞって
学習じゃない。ただの体験だよあれ。
0170Name_Not_Found2019/09/20(金) 01:39:43.63ID:???
pythonだけできます
htmlやJavaScriptはほとんどわかりません

https://www.myprotein.jp/sports-nutrition/impact-whey-protein/10530943.html

ここをパースして、各「味」各「数量(重量)」の値段の一覧(と在庫状況)を取得したいです
たとえば「あずき味」選択時には「1kgと5kg」が表示され「チェスナット味」では「1kgと250g」およびそれぞれの価格が表示されます

こういうドロップボックスの連動は、どこを拾っていったらいいんでしょうか?
予め設定されたproduct sku (各味の固有値?) と、JavaScriptで何かモジュールを読み込んでどうにかしているっぽい気がするんですが、どうでしょうか
もし8777行あたりの長いJavaScript読む必要があるならちょっとお手上げかもしれない…
0171Name_Not_Found2019/09/20(金) 02:07:29.26ID:???
動画で視覚的に説明されてわかりやすかったのもあるけどなー
0172Name_Not_Found2019/09/20(金) 02:08:22.52ID:???
すまん、一行でたのむ
0173Name_Not_Found2019/09/20(金) 07:21:32.83ID:CpAHE5+Q
>>172
あんた鬱病やで
鬱病の人って長文嫌うんだよ
嫌なら読まなきゃいいだけなのに怒り出したりする
病院へ行こう
0174Name_Not_Found2019/09/20(金) 07:23:50.76ID:???
>>170
スクレイピングなら、Ruby で、Nokogiri, Selenium WebDriver が簡単。
HTML, CSS セレクターも必須

ドロップボックスの連動なんて、解析しないと無理だろ。
他人が作ったソースコードを読むのは無限地獄だから、やめたほうが良い

デバッグの基本は、ブラウザ(Chrome)上で、
例えば、価格の上で、右クリックメニューを開いて、要素の検査・検証を選ぶと、
F12 開発者ツールが起動して、その要素の部分がハイライトされる

ハイライト部分上で、右クリックメニューで、
Copy selector で、CSS セレクターが、Copy XPath で、XPathが取得できる

CSS セレクターなら、
#mainContent > 何たらかんたら > p.productPrice_price

この内容が、\590 となっている

こんな膨大・複雑なサイトを解析するには、1年以上掛かる!

他人が作ったソースコードを読むのは、
自分が作っていないし仕様書がないから、膨大な時間が掛かるので、やめるべき!
0175Name_Not_Found2019/09/20(金) 09:01:43.88ID:???
だらだら説明するやつきらい
0176Name_Not_Found2019/09/20(金) 12:12:41.85ID:???
SNSや動画学習サイトに慣れ切った弊害が
>>172とか>>175だろ

物事を簡単に教えてもらえると思い込んでるし
簡単に習得できると思い込んでないか
0177Name_Not_Found2019/09/20(金) 12:24:05.79ID:???
>>170
8034行目にjson風の各値をまとめた配列データがあるじゃん。

通常なら、これだけのデータはSQLなどのDBで一元管理してるはずだけど
非同期で変更に対応したいから一旦、サーバーサイドのプログラムでページ内に静的出力して
それをjavascriptで動的に出力できるようにしているんでしょ。
0178Name_Not_Found2019/09/20(金) 12:26:26.72ID:???
↑間違えた
×静的 → 〇動的
×動的 → 〇インタラクティブ
0179Name_Not_Found2019/09/20(金) 12:36:55.37ID:???
んでプルダウンの動的とJSONの連動はググればでてくるよ。
stackoverflowのサイトにどんぴしゃのがあったけど
URLが日本語でここには貼れなかったわ
0180Name_Not_Found2019/09/20(金) 12:53:38.76ID:???
まあでも基本的な考えは>>174に同意。
他人の作ったソースを特に表からだけで読むのは不毛な作業だよ
0181Name_Not_Found2019/09/20(金) 13:16:57.54ID:???
スクレイピングはnode.jsでpappeteer使うのもなかなか便利よ
やっぱGoogle謹製で、Chromeでレンダリングした結果を
QuerySelectorで拾えるのはお手軽
0182Name_Not_Found2019/09/20(金) 15:48:06.12ID:???
2年前まではjsだけで簡単にスクレイピングできた。
CrossDomainAjaxというのがあっったのです
しかしYQL終了と共にダメなっちゃったアルよ
0183Name_Not_Found2019/09/20(金) 15:51:10.41ID:???
>>176
おじさん、時代は変わったんですよ?
いつまで努力と根性で踏ん張るつもりですか(ワラ)
0184Name_Not_Found2019/09/20(金) 16:00:39.06ID:???
>>183
へー。
じゃあ1cm以上の本も数ページの解説サイトもいらないね。
他人に依存するその方法で他人より優れる夢の方法で頑張ってください。
0185Name_Not_Found2019/09/20(金) 16:01:32.95ID:???
youtubeの広告に毒されてて笑うわ
職業訓練中のニートが本職に意見するとかさ
0186Name_Not_Found2019/09/20(金) 16:03:16.73ID:???
おじさんも努力と根性で頑張ってね!
0187Name_Not_Found2019/09/20(金) 16:39:08.35ID:???
>>177
あーようやくわかりました
price:固有値
url:共通&variation=sku
sku:固有値
availability:2値
で引っ掛けたら希望通りのマトリックスが取得できそうです
助かりました〜
0188Name_Not_Found2019/09/20(金) 17:19:52.88ID:???
>>187
まあ難易度は高い方だと思うから頑張ってちょ。

ちなみに俺、>>183>>186におじさんだの努力だの言われてバカにされてる所。
0189Name_Not_Found2019/09/20(金) 18:06:33.36ID:???
頭が堅い上に大人げないったらありゃしない
0190Name_Not_Found2019/09/20(金) 18:21:01.64ID:???
煽り耐性が無くスレタイも読めない奴は子供。
0191Name_Not_Found2019/09/20(金) 20:16:26.93ID:CpAHE5+Q
今日も頑張ろうっと
0192Name_Not_Found2019/09/20(金) 20:19:11.97ID:CpAHE5+Q
なんでワイだけID出るんやろ
もうこの時点でIT音痴でダメな気がするわ
ショボーン
0193Name_Not_Found2019/09/20(金) 20:34:08.39ID:???
>>192
【問題】付き合うとと運気が下がる女性のことを俗に「○○まん」と言う?
0194Name_Not_Found2019/09/20(金) 20:57:53.77ID:???
>>192
sageてないからでしょ・・・
0195Name_Not_Found2019/09/20(金) 21:39:14.75ID:???
ドットインストール君があまりに俺より
自信あるみたいだから一応、簡単な質問なんだけどさ、

<div>
<span class="hoge1">テキスト</span>
<span class="hoge2">テキスト</span>
</div>

.hoge2のテキストを右寄せしたい場合ってどう書く?
これくらいは簡単だよね・・?
0196Name_Not_Found2019/09/20(金) 23:21:28.07ID:N9MosWQX
>>195
d block?
0197Name_Not_Found2019/09/20(金) 23:39:15.02ID:???
>>196
どうした?
まさか・・・0からcss書いたことないから書けないとか・・じゃないよな・・?
ちゃんと書こうな?
0198Name_Not_Found2019/09/20(金) 23:45:03.33ID:???
.hoge2 { float:right; }
0199Name_Not_Found2019/09/20(金) 23:50:09.06ID:???
>>198
やっと回答できたのか・・・
まあこれで自分の能力なんとなくわかったろ?

その程度じゃ>>170の回答してやることもできなだろうに
俺にマウント取りたいならスキルで叩きのめしてみろ
0200Name_Not_Found2019/09/21(土) 00:17:30.51ID:???
便所でマウント合戦 ファイッ
0201Name_Not_Found2019/09/21(土) 00:24:40.68ID:???
ボックス背景の色を透明にしたのですが、chromeでは表示されてるのに、他のブラウザでは透明にした背景が表示されません。

どうしてでしょうか?
0202Name_Not_Found2019/09/21(土) 00:29:12.27ID:???
透明にした背景が表示されたらおかしいだろwww
0203Name_Not_Found2019/09/21(土) 02:58:00.23ID:???
>>202
バックグラウンドは画像で、その上のボックスを透明にしてるからボックスが少し透けて、バックグラウンド画像がすこし見える感じ
0204Name_Not_Found2019/09/21(土) 03:45:07.26ID:???
>>195-199
なんだこの流れ
やることなすこと糞ダセェな、こいつ
0205Name_Not_Found2019/09/21(土) 03:54:43.70ID:???
>>203
どうやって透明にしてるの?
opacity?
コード貼るなり、もう少し情報がないと。
0206Name_Not_Found2019/09/21(土) 03:58:18.32ID:???
>>205
火狐をアプデしたら解決した。
数年間放置しててアプデしてなかった
0207Name_Not_Found2019/09/21(土) 03:59:26.67ID:???
お前らはどんなブラウザつかってますか?
0208Name_Not_Found2019/09/21(土) 04:04:10.66ID:???
>>206
他のブラウザってfirefoxだけかよw
まぁ、それで解決ってことで良いならいいんだけど。

とりあず記事は古いけど参考まで。
opacityを全ブラウザに対応させるcss
https://webkan.hateblo.jp/entry/20160214/p1
0210Name_Not_Found2019/09/21(土) 11:26:37.93ID:???
>>194
ありがとう
やる気が復活してきた
0211Name_Not_Found2019/09/21(土) 13:23:44.29ID:???
>>204
ダセェとかカッケェとかバカなの?

てかさー、まともに向き合えないからって本質から話そらすお前の方がダセェじゃん?
何言ってんの?
0212Name_Not_Found2019/09/21(土) 13:25:52.06ID:???
え?それドットインストールで習ってないんだけど?(怒)

プッ
0213Name_Not_Found2019/09/21(土) 13:40:03.60ID:???
ネタにマジレス
0214Name_Not_Found2019/09/21(土) 13:43:50.22ID:???
楽して技術を身につける事に抵抗がある奴は
いままで自分が努力してきた事を否定されてる気がしてよく思わないだよね。

そういう人は今後AIに代替されるよ
0215Name_Not_Found2019/09/21(土) 13:56:33.91ID:???
抵抗があるっつーか、
楽して儲けたいとか楽してハイスキルになりたいって人で
実際に優れた人にあった事ないんだわ。

だから問題出してみたんだが、やっぱり覆してくれないわけじゃん?

覆してよ。
俺も楽して資産1億まで持っていきたいし、世界で通用するオリジナルのプログラム作りたいから早くしろよ。
早くAIも楽して作れよ。動画で学べば簡単にできるだろ?
0216Name_Not_Found2019/09/21(土) 13:59:58.52ID:???
類は友を呼ぶ
0217Name_Not_Found2019/09/21(土) 14:00:23.91ID:???
要するに提供する側と提供される側の発想なんだよ。
楽して云々いってるのは永遠に提供される側。

末端のお客さんなんだからクリエイティブとか生みの苦しみとか無縁の情弱。
0218Name_Not_Found2019/09/21(土) 14:02:46.32ID:???
誰かが作ってくれるのを待ってそれに乗って
それがダメになった一緒にダメになり
そしてまた誰かが新しいのを作ってくれるまで待つ。
まあそれでも生きてはいけるだろうけどその価値観を人に押し付けるのはどうかと思うけどね。
0219Name_Not_Found2019/09/21(土) 14:28:47.28ID:???
楽にも2種類ある

外的要因(ジョブ、キャリア)から生じる楽と、
内的要因(コーリング)から生じる楽

>>217の言ってる楽は前者
前者の楽は金メッキみたいなもん

崇高なワイらのいう楽は後者だから、
そもそも、話が噛み合わないんだおね
0220Name_Not_Found2019/09/21(土) 14:30:30.81ID:???
仕事を取り組む姿勢が違う人とは話が噛み合わないから、お互いスルーするのが一番合理的。
0221Name_Not_Found2019/09/21(土) 15:20:32.24ID:???
確かにスレタイも読めずにポエム垂れ流して
必死になって荒らす奴とは仕事したくないね
0222Name_Not_Found2019/09/21(土) 15:57:31.27ID:???
1人だけ顔真っ赤にして独り相撲してるのが滑稽だね。
0223Name_Not_Found2019/09/21(土) 22:45:54.04ID:???
class統一教会の次はドットインストールに顔真っ赤な人かw
ネタが尽きないねこのスレw
0224Name_Not_Found2019/09/21(土) 23:59:46.06ID:???
同じ人だったりしてw
0225Name_Not_Found2019/09/22(日) 07:48:57.45ID:???
cssセレクタでtext本文の中身で指定するにはどう書くの
0227Name_Not_Found2019/09/22(日) 08:16:21.11ID:???
>>226
どうも
p::textでググッても引っかからない。コロンが無視されるのか
0228Name_Not_Found2019/09/22(日) 08:41:46.36ID:???
おまえ書きすぎw
よっぽど悔しかったんだな
0229Name_Not_Found2019/09/22(日) 11:57:46.57ID:???
涙目で言ってそうでカワイイ
0230Name_Not_Found2019/09/22(日) 11:58:41.13ID:???
そんなセレクタは無い
0231Name_Not_Found2019/09/22(日) 12:05:21.98ID:???
>>230
やっぱないすか?
xpath使うか…
0232Name_Not_Found2019/09/23(月) 15:18:00.86ID:???
>>225
意味不明。
jsで言うところのnodeTypeで取得するやつの事?
0233Name_Not_Found2019/09/23(月) 16:45:25.11ID:???
どうせbody {color: red;}とかそんなしょうもない話だろ
02342252019/09/23(月) 17:30:40.26ID:???
>>232
JSのnodetypeが意味不明ですが

たとえば
<p>中身</p>
の ”中身"で指定できるセレクタは無いかということです
0235Name_Not_Found2019/09/23(月) 18:20:16.93ID:???
疑似クラスはまとめて複数指定することできる?
1つ1つしないとだめ?
0236Name_Not_Found2019/09/23(月) 18:43:02.51ID:???
>>234
cssでは出来ない


>>235
別になんとでも
*:before {
content: "aaa";
}
0237Name_Not_Found2019/09/23(月) 19:07:46.68ID:???
>>236
解答ありがとうございます
今お問い合わせフォームを作っていて
:focusについてなんですが

textarea,input[type=”text”]:focus {}ではtextareaが効かなかったのです

この場合別で書くしかないのでしょうか?
0238Name_Not_Found2019/09/23(月) 19:14:39.51ID:???
>>237
textarea:focus, input[type=”text”]:focus{}
0239Name_Not_Found2019/09/23(月) 19:21:36.00ID:???
>>238
できました
ありがとうございました!
0240Name_Not_Found2019/09/23(月) 19:25:33.93ID:???
細かいとこだけど:beforeは疑似要素
0241Name_Not_Found2019/09/23(月) 19:36:28.96ID:???
せやった、スマン
0242Name_Not_Found2019/09/24(火) 08:17:45.62ID:???
長いこと不満である案件について質問があります
昨今多くなったYoutubeやTwitch等のサムネイル羅列によるサイト構成において、
サムネイルや罫線の間へ強制的に設けられる空白・スペースの存在が邪魔でなりませんでした
モニターサイズが小さくなればなるほど無駄に思えます、これらをuBlockの要素隠蔽で無期限非表示にする方法はないでしょうか?

Amazonの検索画面等、似たサイト構成ながら空白そのものを条件付けているWeb構造の場合、それらを直接指定することで非常に快適な閲覧環境を作れました
問題のTwitch等は、<div></div>の間に別の<div></div>があるWeb構造で、それらが四重五重となってサイトを形成しています
何重にも重なる<div></div>と次の<div></div>の間に空白が設置されており、<div></div>をそれぞれ指定しても特定の表示アイテムか、
そのアイテムを含む一つ前の<div></div>による一区画全てを空白込みで指定することになってしまうのです
いや<div></div>の間にある空白スペースはどうやって指定するの?と

もう数年抱いている不満を解決したく、どうかお力をお貸しください
0243Name_Not_Found2019/09/24(火) 08:22:09.03ID:???
力をお貸しください
0244Name_Not_Found2019/09/24(火) 09:47:21.77ID:???
スレの範疇ではなくなるけど
$('body').html($('body').html().replace(/</div>\s+<div>/gi, "</div><div>"));
とかをブックマークレットに仕込めばいいんじゃないの?
0245Name_Not_Found2019/09/24(火) 11:11:25.88ID:???
>>244
自分、IQゾンビ並みなので何を言っているのか不明です、申し訳ないです

色々と模索して昔のYoutubeに関するスタイルシートをサルベージしました
当時と一緒で中身は一切分からないのですが、パーツと語感とコピペ検証をして成果が出ています

元が左寄せ用のwww.youtube.com###page-manager:style(margin-left:0px!important;)で
firefoxの[要素を調査]から模索、page-managerの部分がIDを示していると分かり、手間は多いものの一気に進みました
たどり着いてしまえば、機転だけでよくもまあ上手く行くもんだと思います

しかし調子のよいコピペにも限界があるようで、<div id="items" class="style-scope ytd-grid-renderer">の下にある
<ytd-grid-video-renderer class="style-scope ytd-grid-renderer" lockup="">へmarginが付与されていると、先のidコピペを使うことが出来ません
ytd-grid-video-rendererは何だろうと調べればどうやらスクリプトの様子
スクリプトに設定されたmarginの値を変更するにはどうすればいいんだ、と

CSSを1mmを理解していなくともここまで実用化出来たなら御の字ですかね
疲れましたわ
TwitchはYoutubeより簡易的なので、時間を見つけてチャレンジしたいと思います
もう少しYoutubeでidコピペの通用する部分を探し、一区切りとしたいですね

並行して恐縮ですが、どなたかスクリプトに付与されたmarginを調整する方法、ご存知でしたら教えてください
0246Name_Not_Found2019/09/24(火) 11:36:53.79ID:???
むほほー!!!
そういえばuBlockで、俯瞰した状態にて複数削除する時に###から##.へするよな(これも昔直感で見付けたこと)
体感は階層変更だろうか?うーん、とただ赴くままにスクリプトも##.にしたらいけてもうたwwwwww
きたこれ、これ上手くいっちゃったらもう止まらないわwww全部解決しそうwwwww
勝手に全部自己解決してなんやねん的なー

昔のスーファミじゃないんだから説明書を読まなくてもクリア出来ます!理論をWeb言語に持ってきてもねえ
こんな奇跡はそうそうないだろうけど、まあ、何とかなって良かったッス
はーお騒がせして申し訳ない

初めて広告除去系アドオンを導入した時並みにブラウザ環境が激変しそうwwwwwwwwwww
(´∀`)ウペペペペペ
0247Name_Not_Found2019/09/24(火) 14:39:48.13ID:???
長文すぎて読む気にならないから大して読んでないんだけど、ユーザースタイルシート使えば良いんじゃない?
あれこれサイトごとにいじくり回すのだるいでしょ
0248Name_Not_Found2019/09/24(火) 17:59:05.33ID:???
>>234
だからnodetype===3じゃねーか
もっというとテキストの文字列、たとえば「中身です」のうち「中身」を特定文字列として指定(取得)するとも
取れる質問の仕方だから意味不明なんだよ
0249Name_Not_Found2019/09/24(火) 18:09:54.00ID:???
ここはどんな質問にも厳しく答えるスレだって事忘れるなよ
0250Name_Not_Found2019/09/24(火) 18:11:01.19ID:ywxSos5F
>>245
まず、いついかなる時もブラウザの開発ツールを表示する癖をつけよう
んで、気になる要素があったら
ブラウザ表示側で右クリ→検証するか
開発ツール側のElementタブで、該当する要素をクリックするんだ

話はそれからだ
0251Name_Not_Found2019/09/24(火) 18:12:08.29ID:K646/f2x
>>249
そんな基本的なことまで教えてくれるなんて優しいなあ
0252Name_Not_Found2019/09/24(火) 18:30:10.31ID:???
!importantって上に書いても優先されるって認識でいい?
あと全部に付けたら特に意味ないよね?
0254Name_Not_Found2019/09/24(火) 18:59:16.89ID:???
>>252
そうそう
あまり!important使うと後で弄る時に分かりにくくなるから、
使わずに済むなら使わない方がいいかも?
0255Name_Not_Found2019/09/24(火) 19:07:39.39ID:???
自分ですべてのCSSをかけるときに
!importantは使わない。
使ってはならないレベル

なにかのシステムがあってどうしても
変えられない既存のCSSがあるときにだけ使う
0257Name_Not_Found2019/09/24(火) 20:27:51.70ID:???
もう書かないと思ったけどレスがあったので後日談を
今確認するとF12のやつが開発ツールに該当していたので、自分も利用していましたわ
今日の今日までBSキーの誤爆が鬱陶しいとしか思わなかった仕組みですが、きっちり中身を見て用途を吟味すれば非常に利便性の高い万能ツールだと思います
公式で標準装備されているFirefoxと現在の技術革新に感謝したい

F12のそれはadobeが苦手で意固地に選択していたMicrosoft FrontPageを思い出します
自分のWeb技能が中途半端かつ年代もその周辺で途絶えており、せいぜいADSL時代のWeb技術よりは対応力がある程度(つまり現代じゃ残飯)なんですよね
多少の対応力があるおかげか、ぎりコピペや試行錯誤に運用出来た次第です

Twitchのページ改変はmarginの重複上書き仕様をサイト側がめちゃんこダブらせていたので、思ったより苦労しました
Youtubeと別ベクトルの手間でしたな
全部自己解決で何とも言えませんが、結果は両サイト共に上々
この調子でAmazonも調整しようかと思えど訪問頻度や手間と歯止めから増やすべきではないと判断

長年の懸念で、いざ取り掛かったらあっちゅーまに劇的改善し、ワロリーヌ
また、marginやpaddingのシートを上下左右一行にまとめる記述があった気もするけど、自分じゃ手一杯なので先のコードを一つずつコピペって対応しました
重複の酷かったTwitch用フィルターがその分増えてMyフィルター枠を圧迫している点だけ、心残りです
気が向いたらmarginの書き方を検索して、もし可能であったなら書き換えたいと思います
ではでは
0258Name_Not_Found2019/09/24(火) 20:49:29.95ID:???
ウポポポポ
書いたそばから(padding: 3px 15px 3px 15px!important;)や(padding:3px 15px 3px 15px!important;)でまとめられたっちゃ
楽しいんぬ
1スペースの有無が許容される場合と、差異が許されない場合の判断が根本的知識のない自分には厳しい
padding類はその辺り甘めでラッキー

今度こそ、今度こそさらばでござるううううう
0259Name_Not_Found2019/09/24(火) 23:21:43.83ID:???
F12 開発者ツールは、Chrome, Edge でも使えるけど、

Chromeが使いやすいのでは?
0260Name_Not_Found2019/09/25(水) 05:38:16.99ID:???
>>258
padding: 3px 15px 3px 15px!important;

padding: 3px 15px!important;
0261Name_Not_Found2019/09/25(水) 22:32:50.64ID:???
!インポーテンツ
0262Name_Not_Found2019/09/25(水) 22:33:26.63ID:???
>>257
すごい早口でしゃべってそう
0263Name_Not_Found2019/09/26(木) 07:20:57.55ID:???
Amazonに手を出したのでまーた来ちゃいました(´д`)ウペペ
marginの上下+左右 上+左右+下 は自分もあの後気付いて変更しています、助言有り難う御座います
Amazonはこれまた違ってfloatの乱立と、右で左側にpaddingをしながら左で右側にサイズ固定+marginマイナス値とか、
マッチポンプのような訳分からんことをしていたので修正も嵩み面倒でしたね
商品サムネイルのサイズを小さくしたらめっちゃ快適にwお勧めですわwww
ネットの数だけサイトの仕様も変わるのですから、やはり自分でのサイト改変はuBlock要素隠蔽までに止めておいた方が健全ですな
ゾンアマyoutubetwitchの3種だけにしたい

今は、上下と左右の片方ずつをmarginしたい時のstyle(margin:0px 1px 0px 0px!important;)系にするかstyle(margin-top:43px!important; margin-left:0px!important;)系にするか悩ましいです
paddingも入れてこんな感じstyle(margin-top:43px!important; margin-left:0px!important; padding-bottom:0px!important;)になると!importantが邪魔で邪魔で(笑)
一行にまとめるようにしてからフィルターの中がナンチャッテスッキリはしましたけど
一昨日辺りにスレのログを参考にして!importantを削除した時、サイトのレイアウトを勝手に改変する手前、ひとつでも!importantを欠かせなかった現実がありまして今に至ります

昔のhtml理屈だとどっかで定義を作って一括変更!なイメージですわ
しかしそんなCSSの十八番である別枠に全体定義を設けるパターンではなく、あくまでstyle( )の一行のみにて完結するコマンド的なものがあると扱いやすいんですがw
0264Name_Not_Found2019/09/26(木) 09:41:50.63ID:???
chromeで、フォームに何か入力した状態でタブを閉じる
→「閉じたタブを開く」で復活させる
→入力していた情報まで復元される

こういう動作になることに気づきました
セキュリティ的な観点から閉じたタブのフォーム情報を復元したくない場合、
どうすればいいのでしょうか?
0265Name_Not_Found2019/09/26(木) 09:59:46.46ID:???
>>264
作る側の話か使う側の話か知らんが
前者ならautocomplete="off"
後者ならキャシュクリア設定すりゃいい話では?
0266Name_Not_Found2019/09/26(木) 10:04:15.15ID:???
>>265
ありがとうございます
autocompleteを設定したら復元されなくなりました
0269Name_Not_Found2019/09/27(金) 01:23:26.50ID:???
このスレは刺すか刺されるかだからな
0270Name_Not_Found2019/09/27(金) 08:48:45.92ID:???
質問者は命がけで質問しろよ
0271Name_Not_Found2019/09/27(金) 10:27:33.92ID:???
ほんの一部の質問には優しく答えることもあるかもしれないスレ
0272Name_Not_Found2019/09/28(土) 12:56:27.29ID:???
質問者びびってんじゃねーぞ
0273Name_Not_Found2019/10/01(火) 15:50:13.48ID:???
ReactのstyledcomponentでCSSinjsを実装する場合はコンポーネントとスタイルのファイルは分けるべきですか?
0274Name_Not_Found2019/10/01(火) 16:11:41.97ID:???
当たり前だろ
0275Name_Not_Found2019/10/01(火) 16:14:52.34ID:???
担当が触る範囲を限定させてあげて
事故w未然に防ぐのが大人の配慮
0276Name_Not_Found2019/10/01(火) 19:29:29.95ID:FnivZfMs
>>273
無能にReactは使いこなせんよ
0277Name_Not_Found2019/10/02(水) 00:51:48.04ID:???
普通にReactくらい使えるがw
今まではCSSmodulesで管理してたがstyledcomponentに移行しようと思ってな
あ、ちなみに応用情報持ちのフルスタックエンジニアっすw
0278Name_Not_Found2019/10/02(水) 01:23:05.99ID:???
応用情報って>>273くらいも自分で評価できないんだ?はぇ〜つっかえwww
0279Name_Not_Found2019/10/02(水) 19:14:29.04ID:???
言葉遣い汚くてむやみに敵作るやつも無能な
0280Name_Not_Found2019/10/02(水) 19:35:21.85ID:???
無敵なんだろ
気分だけは
0281Name_Not_Found2019/10/03(木) 05:39:29.91ID:???
positionは親タグのrelativeが基準になると思いますが、
たくさんタグが入れ子になっている時、どこにrelativeがあるかはcssを探さなければならないのでしょうか?
開発ツールなどでわかるのでしょうか?
firefoxの開発ツールを使っています。
0282Name_Not_Found2019/10/03(木) 10:55:11.92ID:???
>>281
そうだよ。firefoxのh開発ツールで見ていく。

relativeに限らず他人の作ったサイトはcssを探したり解析してくんだよ。
昔なんて開発ツールすらなかったから、cssファイルを片っ端からどこで何が使われているか
ここをいじったらどことどこに影響出るかとか把握するのが大変だったんだわ
0283Name_Not_Found2019/10/03(木) 11:17:42.88ID:???
>>281
レイアウトタブのボックスモデルのプロパティのpositionの所に基準が出てる
0284Name_Not_Found2019/10/03(木) 22:34:27.19ID:???
CSSでアニメーションさせる時、スクロールのトリガーってどないしてます?
0285Name_Not_Found2019/10/03(木) 22:37:29.43ID:???
そりゃー要素によって代わりすぎる
0289Name_Not_Found2019/10/05(土) 01:08:24.03ID:???
サイコー!やったー!
0290Name_Not_Found2019/10/05(土) 03:53:56.70ID:???
横で申し訳ないんだが、
postisonってabsoluteになりつつrelativeにはなれないの?
0292Name_Not_Found2019/10/05(土) 08:08:26.21ID:???
positionスペルミスだったわw
親タグにrelativeを設定、子タグにabsoluteと同時にrelative, 孫タグにabusoluteみたいな。
そういう事例は無いと思うけど、もしそういう事態になったら、子タグの上か下にdivとか増やして、そこにrelativeを設定する正しいのかな。
0293Name_Not_Found2019/10/05(土) 08:58:09.16ID:???
弥生時代じゃあるまいしflex使えよ。
0294Name_Not_Found2019/10/05(土) 14:48:44.92ID:???
子供の方にクラス2つつければいいのでは
0295Name_Not_Found2019/10/05(土) 18:52:16.39ID:???
#div-id :not(th,td) {white-space: nowrap;}

これでうまくいかない。なんで。
0296Name_Not_Found2019/10/05(土) 19:25:25.32ID:???
#div-id
ヘ(゚д゚)ノ ナニコレ?
0297Name_Not_Found2019/10/05(土) 19:48:04.83ID:???
divにつけてるid名です。

このdivの子要素だけには適用したくないってことです。
0298Name_Not_Found2019/10/05(土) 21:06:22.77ID:???
>>295
#div-id :not(th):not(td) {white-space: nowrap;}
じゃねーの?
0299Name_Not_Found2019/10/05(土) 21:13:53.62ID:???
あ?やんぞコラ
0300Name_Not_Found2019/10/05(土) 21:16:31.67ID:???
かかってこいや!バッチこいや!
0301Name_Not_Found2019/10/05(土) 21:19:37.72ID:???
>>295
現状:notのリスト形に式対応してるのはsafariだけ
0302Name_Not_Found2019/10/05(土) 22:16:46.26ID:???
>>300
いいのか?ほんとにいいのか?いくぞ?
0303Name_Not_Found2019/10/05(土) 23:24:23.18ID:???
うおおおおおおお!!!
0305Name_Not_Found2019/10/06(日) 07:33:31.83ID:???
ホモのチャHは勘弁してください
0306Name_Not_Found2019/10/06(日) 09:12:07.03ID:???
ビクンッ!ビクンッ!
0307Name_Not_Found2019/10/06(日) 16:40:39.33ID:dLq+Jtq1
!Importantとid乱用してセレクタがインフレ化してるの笑えるわ

html body#contact .contact_confirm.contact_confirm_step2 table#first tr:nth-child(2n) td.bg { background-color: #333 !important; }

みたいなの
0308Name_Not_Found2019/10/06(日) 20:25:55.50ID:???
いつも tr:nth-child 使っているけど、
そういえばnthって何の略かわからん・・・
0309Name_Not_Found2019/10/06(日) 20:30:26.01ID:???
Never ending sTory Hの略だよ
0310Name_Not_Found2019/10/06(日) 21:14:46.59ID:???
>>308
序数
1番目 First
2番目 Second
3番目 Third
4番目 Fourth
5番目 Fifth
6番目 Sixth
7番目 Seventh
8番目 Eighth
N番目 N-th
0311Name_Not_Found2019/10/06(日) 21:49:48.01ID:???
>>310
あぁぁぁ、そういうことか。
スッキリした・・・ありがとう。
0312Name_Not_Found2019/10/06(日) 22:39:59.71ID:2nqDhrNa
CSS4対応のブラウザが普及されるのはいつですか?
0313Name_Not_Found2019/10/06(日) 22:48:42.42ID:???
CSS4はありません
0314Name_Not_Found2019/10/06(日) 22:55:51.55ID:2nqDhrNa
>>313
もう開発終わりなの?
0315Name_Not_Found2019/10/06(日) 23:16:34.49ID:???
コンパイラなしに変数やミックスインが使えるようになります
0316Name_Not_Found2019/10/07(月) 08:45:05.15ID:???
css variablesはもう使えるけど…
0317Name_Not_Found2019/10/07(月) 12:29:40.14ID:+GTp3GQn
文の下線を 赤の線と青の線みたいに2種類3種類付けたいのですが、できる方いますか?
0318Name_Not_Found2019/10/07(月) 15:30:40.47ID:???
アンダーラインだけ色を変えたいってこと?
0319Name_Not_Found2019/10/07(月) 15:47:40.13ID:???
>>317
任意の文字列に二重線や三重線をつけて、それぞれ線ごとに色を変えたいって意味?
それとも文章の中の例えば単語ごとに違う色の下線をつけたいってこと?

後者の意味なら、とりあえずこれでも読んでみて
HTML/CSSで下線(アンダーライン)!3分でわかるテキスト際立たせテクニック
ttps://seolaboratory.jp/66605/
0321Name_Not_Found2019/10/07(月) 17:06:18.00ID:???
今日は回答者のポテンシャルが高いな
0322Name_Not_Found2019/10/08(火) 12:18:24.25ID:???
オレの防御力ではガードし切れないな…
0323Name_Not_Found2019/10/08(火) 21:06:18.96ID:???
IE11+HTML+CSSしか使えない(JavaScriptもPHPもCGIも使えない)状況で、
Formを使ってプルダウンメニューからページ内遷移する方法を探してるんですけど参考になるページなどありませんか?

<form>
<select>
<option value="#test">A</option>
</select>
<input type="submit" value="送信">
</form>

みたいな形にすれば送信ボタンを押すと<p id="test">の地点へ飛んでくれると思っていたのですが上手くいきません
<form action="#">とするとURLの最後に#は入るんですけど、<option>に設定したvalueが#の後ろに反映されないのが悩みです
0324Name_Not_Found2019/10/08(火) 21:45:55.85ID:d0RS6mCb
そんなゴミ環境でページ作るのが悪い
まあCSSでゴニョゴニョして擬似的なプルダウンメニューでも作ってやるしかないんでないの
0325Name_Not_Found2019/10/09(水) 06:26:53.95ID:???
基本的にformでsubmit押してもactionで指定したサーバーのプログラムに
選択したvalueを送信するだけだからなぁ
CSSでプルダウンメニュー作ってリンクから遷移させる方が、送信ボタンを
押さなくていいから、ユーザーの手間は1つ減る
送信ボタンを押す一手間がどうしても欲しいならjavascript使うしか無いかも

ゴミ環境強制って役所の仕事とかかね?
03263232019/10/09(水) 06:45:51.47ID:???
回答ありがとうございます。CSSで試してみます。

環境的にはお役所仕事みたいなものです。
Firefoxでも使えればアコーディオンメニューが出来るんですが、それすら許されず・・・。
0327Name_Not_Found2019/10/09(水) 14:13:59.88ID:???
>>326
出来ませんと言ったほうが良い。

やっぱり出来るじゃねーかって言われて、
次から無理難題が増える
0328Name_Not_Found2019/10/09(水) 20:42:00.90ID:???
progateの忍者犬が可愛くて可愛くて見てると楽しくて勉強って気分じゃなくなってしまいます
一緒に野原を駆け回ったり、忍者の修行したりして遊びたくなります
どうにかする方法ご存じの方いらっしゃいませんか?
0330Name_Not_Found2019/10/10(木) 21:13:30.25ID:???
あ?ここで教えろや
0331Name_Not_Found2019/10/14(月) 13:39:59.01ID:???
画像をクリックするとモーダルが開き、画像に関する詳細が表示される・・・という作りの場合、
それぞれの画像の下にモーダル関連の記述がある方が文書構造としてはベターなのでしょうか?

現状は処理が楽なので、bodyの閉じタグ手前にモーダル関連を一まとめにしてしまっていますが、
この作りだと画像との関連性がないと思い、質問しております。
0332Name_Not_Found2019/10/14(月) 14:09:15.17ID:???
altにでも入れて置いたほうがいいんじゃないかなと思う
0333Name_Not_Found2019/10/15(火) 22:45:48.17ID:???
>>331
何のための文書構造なのか
検索エンジンを意識してるならわかりやすい構造にすればいいし
したところでほぼ何も順位はかわらないだろう。
自分以外の制作者を意識してるならそういう作りにすればいい
0334Name_Not_Found2019/10/16(水) 03:56:57.16ID:???
運用しやすそうな方にすれば
0336Name_Not_Found2019/10/17(木) 14:17:40.23ID:???
UTF-8で保存したLess
CSSとしては機能してるけど、ブラウザで直接Lessを表示すると、コメントアウトなどの日本語が文字化け
どうやって回避したら良いのでしょ?
0337Name_Not_Found2019/10/18(金) 05:10:25.93ID:???
今はほとんどが、SASS。
Less を使っている人は、いない

Lessを、Less Compiler で、CSS へ変換するのでしょ?

SASS のスレで、聞いてみれば?
0338Name_Not_Found2019/10/18(金) 12:20:44.21ID:???
そやね
sassスレなら誰かわかるかもしれんぞ
僕はLessわかりません。。
0339Name_Not_Found2019/10/18(金) 13:02:34.40ID:???
クライアント側jsでやってるのかも?
ブラウザで直に表示した時の文字化けは気にするだけ無駄
どうしてもというならlessファイルに対してサーバーで応答ヘッダのcontent-typeにcharaset指定するくらいかな
0340Name_Not_Found2019/10/18(金) 21:35:01.65ID:???
保存したとか書いてるから、UTF8のテキストファイルをブラウザで開いたら化けた!って話かと。
0341Name_Not_Found2019/10/18(金) 21:38:47.93ID:???
現在は大半はSASSかSCSSだね。
0342Name_Not_Found2019/10/20(日) 05:14:43.11ID:???
んなこたぁない
工作員か?
0343Name_Not_Found2019/10/20(日) 05:57:57.02ID:???
いつもの荒らし
03443362019/10/20(日) 09:42:02.10ID:???
>>339
>クライアント側jsでやってるのかも?
そです
SCSSでも良かったんだけど、ローカルがwinだとRuby入れろだのめんどくさいこと言ってる解説が一杯有って、
なんでCSSへのデコードでそんなもん入れななならんのじゃ!って反発してたら、
VScodeの拡張だけっで行けたんでこっちで行くことにしたです

どもありがとです
0345Name_Not_Found2019/10/20(日) 10:11:36.16ID:???
sass使うのに今どきrubyなんて使わんよ。
トラブルの元だからな。
node-sass使う。
0346Name_Not_Found2019/10/20(日) 11:53:39.96ID:???
まともな発信が少ないせいなのか古い情報がなかなか消えないよな
直近1年検索が重宝する
0347Name_Not_Found2019/10/20(日) 22:53:08.73ID:???
googleの直近1年検索って精度低いよな
0348Name_Not_Found2019/10/21(月) 00:53:03.30ID:???
というかもうグーグル検索結果は地獄絵図 検索こじきしかいない
0349Name_Not_Found2019/10/21(月) 07:57:51.64ID:???
たまにゲイツの方使うと精度高くてびびる
0350Name_Not_Found2019/10/21(月) 10:12:40.51ID:???
>>345
かなり長いこと使ってトラブった経験ないんだが
具体的に何があるん?
0351Name_Not_Found2019/10/21(月) 10:25:08.54ID:???
osアップデート掛かったらビルド通らなくて大騒ぎになった。
macにプリインされてるrubyのバージョンが上がって、rubyスクリプト動かなくなったのが原因だった。
でruby使ってるのが結局sassの部分だけであることが判明し、
そもそもなんでフロント作るのにrubyがしゃしゃり出てくんの?と議論になり、
調べたら速度的にもパッケージのバージョン管理的にもnode-sassのほうがだいぶ優秀、というか日本以外ではsass使うならnode-sassのほうが主流ということが分かり、
改修して結局rubyへの依存性はゼロになった。
ビルド時間も短縮された。
0352Name_Not_Found2019/10/22(火) 10:49:00.50ID:XDnnYt09
Ruby のSASS は、だいぶ前に終了した!
皆、知っている

VSCode の拡張機能にもあるし

今は、Ruby2.6.5 が最新だよ。
Mac のプリインストールのRuby を使う人なんて、いないだろw

Linux でも、2.3 〜 2.5 ぐらい
0353Name_Not_Found2019/10/22(火) 11:30:38.66ID:???
rubyもnodeも
バージョン管理ツール入れるところからだな
0354Name_Not_Found2019/10/22(火) 11:58:46.27ID:???
いやrubyへの依存ゼロになったので要りません。押し売りはやめてください。
0355Name_Not_Found2019/10/22(火) 12:50:23.30ID:???
linterはどうしようかねえ。
sass-lintはrubyフリーかと思ったけどもう先がない?
0356Name_Not_Found2019/10/22(火) 17:47:18.75ID:???
CSSの関数calc()について質問です

hsl()のl、明度の値(0%〜100%)をCSS変数を基準に求めます
CSS変数xには0〜100の任意の数が入っています
このときcalc()を使って、「変数xが0〜50なら-1より小、50〜100なら1より大」を求める方法は無いでしょうか

自分で考えたのは、(x-50)÷(x+50)をして正負を出すところまでです
+000│+050│+100 :x
−050│+000│+050 :x-50
+050│+100│+150 :x+50
−001│+000│+0.33 :(x-50)(x+50)

絶対値が1より小さいんだから、あとは1を割るだけじゃん!となりますがゼロ除算はHTMLパーサーがエラーを生成するので困ってます
不可能なら大人しくJavaScript書きます
0357Name_Not_Found2019/10/22(火) 17:52:50.94ID:???
-1より小と1より大で分けたのは、×100すれば-100と100にできて
これをlに指定すれば自動で0と100に正規化されるからです
0358Name_Not_Found2019/10/22(火) 22:58:20.89ID:???
scss使えよ。業界標準技術やろ
0359Name_Not_Found2019/10/22(火) 23:14:41.74ID:???
SCSSだと他で使う時もSCSSでやって貰わんとだからお勧めしないぞ
あくまでCSS作成ツールに過ぎんしな
0360Name_Not_Found2019/10/22(火) 23:30:27.03ID:???
一度使うと手放せんな。
cssで納品するとかでなければ使わん手はない。
0361Name_Not_Found2019/10/22(火) 23:37:41.64ID:???
業界標準技術ではないやろ……便利やけど
てか独自拡張の便利ツールやぞ
0362Name_Not_Found2019/10/23(水) 02:41:16.47ID:???
MScodeのLive Sass Compilerを使ってるんですが、

table.sample {
〜〜〜
{
td {
〜〜〜
:hover {〜〜〜
}
}
}

とするとコンパイル後、:hoverの前に半角スペース入っちゃって(table.sample td: hover{})となり、正常に作動しないですけど、
これはLive Sass Compilerのコンパイルミスなのか、SCSSのSyntaxErrorのどちらなのでしょう?
td:hover{}で別に書けば回避できるけど、これじゃなんか…
0363Name_Not_Found2019/10/23(水) 02:46:05.95ID:???
訂正

table.sample {
〜〜〜
td {
〜〜〜
:hover {
〜〜〜
}
}
}
です
0365Name_Not_Found2019/10/23(水) 02:54:18.13ID:???
>>364
ふぉぉ〜〜〜〜出来ました!
なるほど…擬似クラスだから&で参照なのですね
勉強になりました
どうもありがとうございました
0366Name_Not_Found2019/10/23(水) 20:39:25.78ID:???
フリーが落ち目になったため中途採用で面接を受ける者です
それなりの数のポートフォリオなどはあるのですが、面接時に実技試験があります
簡単なページを1時間ほどで制作と先方から連絡をもらいましたが、どのような試験が多いかわかる業界のかたいませんか?
当方1年ほどブランクがあるので最低限これくらいはリハビリしていった方がいいとか60分のページ制作で求められるものやページ数などなんでもいいので採用担当や人事のかたいましたらアドバイスほしいです
0367Name_Not_Found2019/10/23(水) 21:26:50.05ID:???
altとかは当然として、main、article、sectionとアウトラインは知っていて欲しい
後はflexとgrid、floatのclearfix
こんなけ知ってれば大体どうにかなるやろ
0368Name_Not_Found2019/10/23(水) 21:32:07.59ID:2k1FaUSq
>>366
そんな試験がある会社がそもそもそんなに多い気がしないんだが
0369Name_Not_Found2019/10/23(水) 21:32:47.42ID:2k1FaUSq
>>367
clearfixだけその中で場違いな気がw
そうとう久しぶりに見た気がする
0370Name_Not_Found2019/10/23(水) 21:37:08.55ID:???
>>369
もちろんもう新しく使う事はないけど、
保守の時に必要になることがたまによくあるからな
floatってとっつきにくいから知ってないとそれはそれでマズイ
0371Name_Not_Found2019/10/23(水) 21:37:55.46ID:???
逆に言うと古い技術で知っておきたいのはclearfixぐらいってことでもある
0372Name_Not_Found2019/10/23(水) 21:43:18.93ID:???
>>367
ありがとう!
甘えついでにそれらをまとめて模擬試験とか解説とかをしてるサイトをご存知なら教えてほしいです
あらためて見つめ直すと欠けてるところもありそうで怖い
0373Name_Not_Found2019/10/23(水) 21:44:04.02ID:???
真剣にhtmlと向き合ってれば自然と覚えるよ
0374Name_Not_Found2019/10/23(水) 22:13:15.43ID:???
試験のある会社ってどんなんだ
ポートフォリオと実際にwebにあがってるものみりゃ
実力なんてわかるだろ
試験できても実務で使い物にならなけりゃ意味ねえし
DTP検定なみにうさんくさ
0375Name_Not_Found2019/10/23(水) 23:07:56.04ID:???
clearfixっているか?
float時代もずっと使ってなかったんだが
overflowでいいじゃん
0376Name_Not_Found2019/10/23(水) 23:38:24.65ID:???
flow-rootあるやん
0377Name_Not_Found2019/10/24(木) 00:00:29.79ID:???
まだアイポン無視するには時代が追いついてないん
0378Name_Not_Found2019/10/24(木) 01:57:41.49ID:???
まだサポートしてないからな
0379Name_Not_Found2019/10/24(木) 03:14:59.81ID:???
みなさんご助言ありがとうございます
デザイン上がりでwebにきたもんですから正直コーディングが苦手でfloatなんか聞きたくもない感じなんですが…
初耳の単語もちらほらで不安でしかないですbootstrap使ったら殺されますか?
今はもっとスマートな制作ツールとかあるんでしょうか?
0380Name_Not_Found2019/10/24(木) 03:53:35.65ID:???
>>375
新規案件ではもういらんけど
保守メンテで古いサイト任されたら必要だろ
0381Name_Not_Found2019/10/24(木) 06:42:40.20ID:???
clearfixのパラメータをカンニングしないで書け
っつわれたら
書けないわー
0382Name_Not_Found2019/10/24(木) 06:44:55.09ID:???
afterにcontent"."、clear:both、disaplay:block…で良かったっけ?
なんか自信ないなぁ
0384Name_Not_Found2019/10/24(木) 10:58:51.33ID:???
IMEに登録しておいてもいいやつだな
0385Name_Not_Found2019/10/24(木) 11:56:34.94ID:???
zoomなかったっけ
要らなくなったんかな
0386Name_Not_Found2019/10/24(木) 12:13:21.11ID:???
人のつくったサイトいじるときになぜか配置が変とか
なぜか背景画像が切れるとかあったらだいたいfloatのせい
0387Name_Not_Found2019/10/24(木) 14:42:30.50ID:???
>>385
zoomはIE7以下で
display: inline-blockが使えないので代わりに
display: inline;
zoom: 1;
とすることで同等の扱いにするもの
0390Name_Not_Found2019/10/24(木) 18:33:04.01ID:???
>>381
プログラミング学習じゃ暗記より理解の方が圧倒的に大事
勉強の試験じゃひたすら暗記だけど、プログラミングはいくらでもカンニングして良いし寧ろもっともっとリファレンス読み込んで理解すべし
0391Name_Not_Found2019/10/24(木) 19:33:23.35ID:???
>>383
afterの前はコロンが2つなの?
0392Name_Not_Found2019/10/24(木) 19:48:19.01ID:???
>>391
擬似クラスは1つ、疑似要素は2つ
なんだけど1つでも許される
0393Name_Not_Found2019/10/24(木) 19:52:18.70ID:???
擬似要素と擬似クラスを見分けやすくするためにCSS3でコロン2つに変更された
0394Name_Not_Found2019/10/24(木) 21:15:30.48ID:???
余談だけど、疑似クラスはJavaScriptの要素取得に使えるけど疑似要素は使えないとかもあるね
0395Name_Not_Found2019/10/24(木) 21:19:46.60ID:???
疑似クラスも無視されてるだろ。
#hoge:hoverとか付けててもホバーしてるしてない関係なく#hoge取得されるし
0396Name_Not_Found2019/10/24(木) 21:21:20.92ID:???
ギジギジうるさいぞ
0397Name_Not_Found2019/10/24(木) 21:42:11.59ID:???
>>388
ソースにAA描くとかも懐かしいw
0398Name_Not_Found2019/10/24(木) 21:53:31.93ID:???
>>395
え?
"idがhoge"は#hogeも#hoge:hoverも両方当てはまるから当然だしむしろその動作じゃないとおかしいぞ
#hoge:hoverでCSSを設定するのは#hoge単体には設定しないから非ホバー時#hogeに適用されないんだ
0399Name_Not_Found2019/10/24(木) 21:57:28.82ID:???
querySelector('#hoge:hover')

ってことじゃろ?
0400Name_Not_Found2019/10/24(木) 22:00:01.98ID:???
そう。jsの話だったので
0401Name_Not_Found2019/10/24(木) 23:59:09.77ID:???
Document.querySelector('#id')
Document.querySelector('*:hover')
Document.querySelector('#id:hover')

どれも意図通り(ホバー時は要素、非ホバー時はnull)に動くよ
以前は不具合があったのか、IEみたいな互換性低い環境で試作してたんじゃね
0402Name_Not_Found2019/10/25(金) 08:03:22.59ID:???
元乃木坂46 の川後陽菜のOFFICIAL SITE も速い

ファンサイト・ファンクラブ・ストアサイトを運営してる、SKIYAKI という会社
0403Name_Not_Found2019/10/26(土) 01:58:49.25ID:???
HTMLってレンダリングにtridentとかWebKitとか分散してるけど
何で統一しないの
0404Name_Not_Found2019/10/26(土) 03:00:19.55ID:???
>>403
俺のブラウザのためにこの機能入れてくれ!っていっても
反対されるか、説得に時間がかかるから
0405Name_Not_Found2019/10/26(土) 08:11:22.19ID:???
俺様のBLINKとMARQUEEを早く復興しておくれ。復興してくれないならNetscape続けなくちゃな!
0406Name_Not_Found2019/10/26(土) 10:50:54.83ID:???
ブリンクは試してないがマーキーは使えるぞ?
0408Name_Not_Found2019/10/26(土) 11:28:47.97ID:???
レスありがとう。なにか古い知恵で書き込みたくなっただけやねん
0409Name_Not_Found2019/10/26(土) 11:46:35.02ID:a+/XhDul
EdgeでCSS4対応するのはいつなの?
0410Name_Not_Found2019/10/26(土) 15:28:12.14ID:???
CSS4なんてのは存在しないよ
CSS全体の版に付番されるのはCSS3までで、以降はmodule単位で版を見なきゃだめ
しかも新しいmoduleの番号 (level) は4とは限らない

例えば現行の「値と単位」はCSS Values and Units Module Level 3で次は同Level 4だけど
現行の「CSSグリッド」CSS Grid Layout Module Level 1に対して次期はlevel 2
0411Name_Not_Found2019/10/26(土) 15:33:16.50ID:???
あとEdgeはそのうちChromiumに統合されるからEdgeHTML仕様は消滅するよ
0412Name_Not_Found2019/10/26(土) 16:17:47.02ID:a+/XhDul
>>411
マジで?それは困るなあ
0413Name_Not_Found2019/10/26(土) 17:20:43.68ID:???
>>412
EdgeHTML果汁入りのEdgeがEdgeHTML(とWebkitも?)果汁をなくして
Blink果汁他100%になるだけだ、安心しろ
0414Name_Not_Found2019/10/26(土) 17:41:26.45ID:a+/XhDul
>>413
いやいや、Windows10でウンカスIE/Edgeがそのまま消えずに居座るんでしょ
それが厄介なんだよ
IE12(中身はWebkit),Edge(中身はWebkit)とかになってくれればいいんだが
そううまくは行かないだろうし
0415Name_Not_Found2019/10/26(土) 20:21:46.88ID:???
>>414
いやEdgeは完全にChromiumに移行してレンダリングエンジンはBlinkになるよ
IE11のサポート終了は発表されてないけどね
0416Name_Not_Found2019/10/26(土) 22:01:33.49ID:???
マジか! Windows 10最高じゃん!!
0417Name_Not_Found2019/10/27(日) 00:02:41.27ID:???
残る癌はIE11だけか
0418Name_Not_Found2019/10/27(日) 00:10:10.30ID:???
Windows 10になれば、IE11をわざわざ起動するやつはいない
どこから起動すれば良いかもわからんだろう
0419Name_Not_Found2019/10/27(日) 00:12:25.67ID:???
日本じゃIEコンポのSleipnir人気じゃん
0420Name_Not_Found2019/10/27(日) 00:24:16.73ID:???
歓喜するのは尚早すぎるけどな
MSもセキュリティ専門家もIEからEdgeに移行しろなんて今までも散々言ってきたし、機能も明確に差があるのにIEに籠もってる層は生まれてる訳だ

そもそもそういう層は古い技術でしか作られてないツール使う必要性からとか、そもそもブラウザはIEのアイコンしか知らん!って勢力が多いから籠もってる
IE11が消えない限り足かせは外れない
0421Name_Not_Found2019/10/27(日) 01:17:24.67ID:???
別に今使ってるブラウザの機能をフォロー出来てるんならそっちに自然と移行するだろ
脆弱性少なくても重かったり使い勝手悪かったらただの糞ブラウザ
0422Name_Not_Found2019/10/27(日) 03:06:33.41ID:???
IE11が消えない限りーというが、
IE10までは消えてるわけで
0423Name_Not_Found2019/10/27(日) 05:27:57.67ID:???
IE11 では、5ch も無限ループか何かで、ずっとフリーズして動かないから、Edge を使ってる

でも、Edgeでは、エロ動画の再生エラーが多いから、Chrome も使うw
0424Name_Not_Found2019/10/27(日) 08:32:48.94ID:???
Excelでブラウザ操作の自動化がIEしかできないんじゃなかったっけ?
VBAの本は皆こぞってIE前提に書いてるからなくなれないだろ
0425Name_Not_Found2019/10/27(日) 11:10:49.55ID:tTOfjE9v
IEはせめてconic-gradientに対応してくれ
0426Name_Not_Found2019/10/27(日) 11:27:40.39ID:???
EdgeってIEコンポーネントみたいに利用出来て個人でブラウザ開発に使えたりすんの?
0427Name_Not_Found2019/10/27(日) 21:20:29.88ID:+u6qNVg6
>>426
Edgeはエンジンがblinkになったので
ふつうにChromium使うのと同じ

iOS用Edgeというものもあって
それはwebkit使ってる
0428Name_Not_Found2019/10/27(日) 21:20:44.04ID:???
スマホで5chを見ると勢い順、新着順、過去に見たスレなどを見れるのに
Chromeのデベロッパーツール(F12)だと勢い順、新着順、過去に見たスレなどが表示されないのはなぜですか?
0429Name_Not_Found2019/10/27(日) 22:02:58.62ID:???
クッキーかUAで制御している
具体的にどのURLか教えてくれれば見るよ
0431Name_Not_Found2019/10/28(月) 06:54:01.27ID:???
クッキーだな
最初に読み込んだ時にPCかモバイルかを切り分ける
デベロッパーツールでモバイルにしたりや画面の幅を変えても変わらない
0432Name_Not_Found2019/10/28(月) 14:21:49.65ID:???
質問です。
videoタグを使って動画を再生するページを作っています。
ひとつの動画を横並びにふたつ表示して同時に再生させてシークした場合も同期させたいです。
ふつうにvideoタグをふたつ記述してソースも同じにしてやってみました。
シーク後にdocument.getElementById("test2").currentTime=document.getElementById("test1").currentTime;で同じ位置になるかな?とやってみたら少しずれてしいまいます。
mediagroupも試してみましたがこちらは片方の再生ボタンを押してももう片方は全く動作しませんでした。
何かいい方法はないでしょうか?
全く同じ物をふたつ表示できるクローンみたいなものとかないでしょうか?
0434Name_Not_Found2019/10/28(月) 19:05:38.17ID:???
ちょっと待って!
今の言葉!
0435Name_Not_Found2019/10/28(月) 19:37:34.72ID:???
>>433
ありがとう、参考になりました
出来ることは確認しましたが同じことをやろうとしても難しくてさっぱりでした
0436Name_Not_Found2019/10/29(火) 12:11:56.87ID:???
>>431
いや切り替わることは可能です
普通にデベロッパーツールの状態で再読み込みすればスマホ版になります

そういう質問ではなくて、勢い順、新着順などが見れなくなるのです
「通常順」は見れるのですが、横にある「人気」「新着」が作動しません
04384372019/10/29(火) 18:35:43.35ID:???
ごめん質問の意味違うか
普通にクロームでスマホサイトで人気順、新着順に切り替わるぞ
ちょっとでも切り替わるまでの時間が長いから真っ白になるけど
0439Name_Not_Found2019/10/29(火) 18:58:20.16ID:???
専ブラって登録制のdat直アクセスじゃなかったっけ??
0440Name_Not_Found2019/10/29(火) 19:08:53.65ID:???
戦ブラじゃなくてスマホ版の話しじゃないの
0441Name_Not_Found2019/10/29(火) 19:10:27.15ID:???
そうだったか
0442Name_Not_Found2019/10/29(火) 20:07:11.65ID:bJPNpUmc
クッキーと言えば、公取委が規制に乗り出したな
0443Name_Not_Found2019/10/29(火) 20:57:20.44ID:???
>>438
何度もすみません
ご返答ありがとうございます

私も今やってみたら人気順、新着順見れました
以前は見れなかったのですが
サーバーの不具合?か何かだったのでしょうか
失礼しました
0444Name_Not_Found2019/10/30(水) 00:36:18.81ID:???
商品の画像を複数連結した1つにしたものを
cssでbackground-imageを指定して、
backgroud-posisionでずらすというのは、今でも一般的なやり方?
昔流行ったやり方でディスクI/Oの低減ぐらいがメリットだと思うけど
他にメリットはある?
0445Name_Not_Found2019/10/30(水) 00:39:22.75ID:dB4ZTsOh
>>436
せっかくデヴツール開いてんだから
そこんとこの要素がどうなってるか
見てみればいいじゃない
0446Name_Not_Found2019/10/30(水) 15:25:26.44ID:???
>>444
ゲーム制作ツールのTexturePacker, SpritePacker, SpriteAtlas とかだろ
0447Name_Not_Found2019/10/30(水) 17:17:24.38ID:P7mHBMgN
>>444
スプライトは機械が勝手にやってくれるならやらせることもあるな

メリットとしては
リクエストが減るってのが大きいと思う
0448Name_Not_Found2019/10/30(水) 20:29:34.15ID:???
>>446-447
ありがとう、3個ぐらい連結してメリットがどうかわからなかったけど、
ディスクI/Oとかに困らなければ、サーバのストレージはSSDだし
今の時代ではそこまで積極的に使うものではないと考えます
0449Name_Not_Found2019/10/30(水) 20:57:21.31ID:XHVMu1Dh
>>448
ディスク資源よりも
ネットワーク資源の方の問題
サーバ側にもクライアント側にもメリットある
0450Name_Not_Found2019/10/30(水) 20:59:38.47ID:???
そうそう
だからインフラや鉄道などの災害時に大アクセスあるところなんかは
緊急時用に画像とかも全部埋めた1枚のHTMLだけのページ用意してる
0451Name_Not_Found2019/10/30(水) 21:02:21.92ID:???
全てインライン(一枚のHTML)ってのが理論上最も軽いしな
0452Name_Not_Found2019/11/01(金) 21:41:49.61ID:???
clearfixとclear:bothって違うの?
floatを含むdivにclear:bothをするのか、
floatを含んだ親の次のdivにclear:bothをするのでしょうか?
0453Name_Not_Found2019/11/01(金) 22:27:56.23ID:???
俺がボスだ!
0454Name_Not_Found2019/11/02(土) 04:30:19.29ID:???
あの…有料サイトで何度練習しても模写コーディングができないんですが、
これはどういう風に質問したらいいんでしょうかね(;_;)
0455Name_Not_Found2019/11/02(土) 07:38:37.37ID:???
>>452
clear:bothを半自動にしたものがclearfix
div:after{clear:both}
みたいにするけど、別に
br{clear:both}
のようにしても良い
要は最後にclear:bothが来れば何でも良い

けどそもそも今更float使う必要あるんか
0456Name_Not_Found2019/11/02(土) 08:07:38.22ID:???
floatはCSSの一番の難所だから是非理解してほしいけどな。
0457Name_Not_Found2019/11/02(土) 08:27:27.05ID:???
clearfixは手法名であって、clearfixというタグがあるわけではない。
手法名としてに認知されているからクラス名にclearfixと入力されることが多いけど、そこはcfと略したり何でもいい。
0458Name_Not_Found2019/11/02(土) 08:33:48.30ID:???
モダンなHTML/CSSをマスターして、ピチピチしたモダンな女の子と仲良く成りたいをw
(^q^) キャーH
0459Name_Not_Found2019/11/02(土) 09:15:12.42ID:zu8erPcu
canvasとsvgって覚えるならどっちを優先したほうがいいと思いますか?
0460Name_Not_Found2019/11/02(土) 09:52:33.47ID:???
divでブロックにした要素が、要素外のすぐ上の文字を隠してしまうんですけどなんででしょうか?
floatは使ってないんですが。

paddingを広くとった問い合わせの文章のブロックがすぐ上の文章をpaddingの下に敷いてしまいます。
0461Name_Not_Found2019/11/02(土) 10:23:26.10ID:zu8erPcu
>>460
上の文字をブロックにしてみるかline-heightで調整してみては?
0462Name_Not_Found2019/11/02(土) 11:00:27.02ID:???
>>461
ありがとうございます!
これ2chしない知人の悩みで、今凹んで就寝中なので後で伝えさせて頂きます!(..)
0463Name_Not_Found2019/11/02(土) 12:14:33.04ID:???
>>452-457
このサイトで説明してる

floatの解除にclearfixを使って、思い通りのレイアウトに!
https://qiita.com/mariofujisaki/items/2ad1de8432d7249afadc

.clearfix::after {
content: "";
display: block;
clear: both;
}

.clearfix::after
clearfixというクラス名を付けた要素の直後(::after)に、

content: "";
contentプロパティで任意の文字などを挿入

display: block;
それをブロック要素にして、
表示はされないがclearfixを付けた要素の直後に要素を作った

clear: both;
ここでfloatを解除
0464Name_Not_Found2019/11/02(土) 13:10:01.84ID:???
異世界ちゃんこってなんだよ
04654522019/11/02(土) 20:29:55.28ID:???
レスありがとう、かなりすっきりしてきました。
codepenとかthimbleで見てもらうのはやっぱりアカウント登録しないといけないのかな
0466Name_Not_Found2019/11/03(日) 04:29:17.68ID:???
>>460
それ絶対何かあると思うわ。普通はありえない。
0468Name_Not_Found2019/11/03(日) 10:14:41.67ID:v1MCYBSL
>>466
positionやらtransformあたりも怪しくなってくるな
0469Name_Not_Found2019/11/03(日) 12:58:45.65ID:???
すぐ上の文字列はpとかdivで囲ってブロックにしてるのかな?
jsfiddleとかに当該箇所のタグとCSSを書いてみたら、問題を切り分けやすいかも
0470Name_Not_Found2019/11/03(日) 17:41:57.81ID:???
以下の <h1>見出し</h1> の上部と <section> との間のスペースをなくしたいのですが、
どのようにすればいいのでしょうか?

<section>
<h1>見出し</h1>
</section>

現状は margin-top にマイナスの値を入れています。

h1 {
margin-top: -???;
}
0471Name_Not_Found2019/11/03(日) 18:19:29.69ID:???
>>470ですが、単純に margin を 0 にしたらいけました。

h1 {
margin: 0;
}
0472Name_Not_Found2019/11/04(月) 09:12:37.88ID:???
私もスッキリしたいのですが(怒)
0473Name_Not_Found2019/11/04(月) 10:34:38.86ID:???
>>460です、おはようございまーす
ここで相談したおかげでdivとmargin調整して文字かぶりがなくなったみたいです。
ありがとうございました!(>_<)
0474Name_Not_Found2019/11/04(月) 11:20:54.45ID:???
background-colorってその上下の要素まで侵食するってことありますか?
divでブロック化していれば上下の要素まで食い込むってことありませんよね?
0475Name_Not_Found2019/11/04(月) 11:24:18.91ID:???
ないはず
閉じ忘れとか?
0476Name_Not_Found2019/11/04(月) 12:00:00.55ID:???
>>475
background-colorが入ってるhtmlでのタグ閉じ忘れってことで合ってますよね??
もうコード消してしまって正確に返事できなくなってしまいましたすみません…
0477Name_Not_Found2019/11/04(月) 18:50:26.19ID:???
今プロゲートやってるんですが、
spanタグでクラス名を囲ってるのはどういう理由でしょうか?
spanタグ自体はdivタグの中に入れ子?
になっています。

クラス名をインライン要素にするって意味ですかね…?
0478Name_Not_Found2019/11/04(月) 20:11:27.91ID:???
>>477
とりあえず該当箇所貼ってみて
0479Name_Not_Found2019/11/04(月) 20:40:34.92ID:???
<header>
<div class="container">
<div class="header-left">
<img class="logo" src="">
</div>
<div class="header-left">
<span class="fa menu-icon">
</span>←ここです
</div>
</div>
以下略しますけどこれのspanがどういう役目なのかを知りたいです…
0480Name_Not_Found2019/11/04(月) 20:56:27.51ID:???
その時点ではspanに特別なスタイルが設定されてない限り意味はないよ

あとクラス名をspanタグで囲うなんて見方はしちゃだめ
spanタグで要素が用意されてそれにクラスが付けられてる/クラスが付けられたspan要素を配置してる
と見た方が良いよ
0481Name_Not_Found2019/11/04(月) 21:14:02.78ID:???
>>479
それはFont Awesomeという外人が作った有名なwebアイコンサービスを
表示するための記述ですよ。
spanに対し疑似要素でΘみたいなアイコンを表示します。

なのでアイコン+テキストの場合
<span class="fa menu-icon">メニュー</span>
とすると

Θメニュー

となり、今回のソースではテキストは不要だからspanは空にしてるのです。
0482Name_Not_Found2019/11/04(月) 21:21:37.67ID:???
ちょっと紛らわしいよね
プロゲート最新技術おしえるのはいいけど
もうちょっと説明しやがれと思う
0483Name_Not_Found2019/11/04(月) 22:10:08.15ID:???
あ?文句あんの?
0484Name_Not_Found2019/11/04(月) 23:43:37.36ID:???
>>482
月980円(税別)で教材提供しているんだ、ガタガタ言うなや
0485Name_Not_Found2019/11/05(火) 04:30:49.35ID:???
>>479です。
みなさんありがとうございます!
クラス名でどのアイコンをひっぱってくるか指定しているんですね(>_<)気がつかなかったぁ…
丁寧に教えてくれて本当助かりました。

紛らわしいというか、私の場合は単純に勉強不足だったと思います…今日上級クリアしたんだけどなぁ…
0486Name_Not_Found2019/11/05(火) 14:12:36.86ID:???
何か作ったりリファレンス読んだりしてると
自ずと知識増えていくかなと

プロゲートだと
box-sizing: border-box;
とか教えてないし

まぁなんでもかんでも教えてたらキリないからそこは仕方ない
0487Name_Not_Found2019/11/05(火) 14:46:57.51ID:???
301リダイレクトについて教えてください。サブディレクトリ「new」にディレクトリ構成が同じサイトを構成済みでURL変更リダイレクトさせたい。

https://hoge.info
https://hoge.info/new/

今のURLを新のURLに変更したいのですが.htaccessに
Redirect permanent / https://hoge.info/new/
を記述したら永久ループしちゃうんだけどどうしたらいいですか?
0488Name_Not_Found2019/11/05(火) 15:49:37.54ID:???
試してないから分からんが

RewriteEngine on
RewriteBase /
RewriteRule ^(.*)$ /new/$1 [R=301,L]
0489Name_Not_Found2019/11/05(火) 20:00:09.21ID:???
レンタルサーバーどこ?
0490Name_Not_Found2019/11/05(火) 20:01:04.54ID:???
σ(゚∀゚ )オレ、レンタル彼氏!
0491Name_Not_Found2019/11/05(火) 20:03:27.64ID:???
さくらです。
0493Name_Not_Found2019/11/05(火) 22:15:10.70ID:???
>>488
最後はこうじゃね?
RewriteRule ^((?!new/).*)$ /new/$1 [R=301,L]
0494Name_Not_Found2019/11/08(金) 22:44:25.77ID:???
Bootstrap覚えたらモダンな女の子からモテモテになれますか?
0495Name_Not_Found2019/11/08(金) 23:27:45.63ID:Jxck7GG0
英字のウェブフォントとか使うとたまに起こるんですが、line-heightを指定しているのに縦ラインがMacとWinでずれることがあります
CSSで解決することはできますか?
0496Name_Not_Found2019/11/09(土) 00:15:30.98ID:???
縦ライン?
とりあえずサンプルでいいからスクショ貼って
0497Name_Not_Found2019/11/09(土) 13:41:08.13ID:???
原因なんだろうね
line-heightをpxで指定しているのか、
それともemで指定しているのか、
それとも…とか

リセットCSSはheadタグで読み込んでいるのか、
それとも読み込んでいないのか、とか
検証したブラウザはなんなのか、とか
気になる要素がそこそこある気がします

ソース等貼れば何かわかるかも??
0498Name_Not_Found2019/11/09(土) 14:34:06.95ID:FC8TIAfl
ttps://tukumemo.com/font-vertical-metrics/
おそらくこれと同じ症状のようです。
使ったフォントはBarlowという英字フォントで、Googleフォントだと問題なし、font-faceで読み込むと発生するようでした。
諸事情によりGoogleフォントが使えないので、UA判定して個別に対応するしかなさそうです。

IEの游ゴ以外にもずれが起こるとは…
0499Name_Not_Found2019/11/10(日) 09:28:33.79ID:???
模写コーディングって、どうやってこれは何pxだなとか測ればいいんでしょうか?
0500Name_Not_Found2019/11/10(日) 13:56:47.11ID:???
>>499
自分はCSSViewer使ってた
(letter-spacing等も同時に確認できる為)

少し手間ではあるものの、
デベロッパツールで確認するのもまぁOK
いろいろ試して効率化目指しましょう
0501Name_Not_Found2019/11/10(日) 22:59:16.78ID:???
印刷して紙をモシャモシャ食べる
0502Name_Not_Found2019/11/10(日) 23:58:58.91ID:???
紙は食べてもインクは食べたくない
0503Name_Not_Found2019/11/11(月) 09:46:32.34ID:???
>>500
cssviewerちょー便利ですね!?
良いもの教えてもらいました、ありがとうございます!
0504Name_Not_Found2019/11/11(月) 20:29:58.27ID:???
text-align: centerを継承したpタグにwidth:100%をするとセンター寄せになるのですが、

これが無いと左寄せになってしまいます。
pタグにwidthという考え方がわからないのですが、どう理解すれば良いでしょうか。
0506Name_Not_Found2019/11/11(月) 20:58:01.41ID:???
たしかに練習サイトでリセットcssがあり、pタグが0になっていました。
もともとは100%なのですね、勉強になりました。

そのcodepenのjsは今回は関係の無い内容でしょうか?
jsの経験は無く、1つ目のh1のフォントサイズを80pxにするという意味だと思いますが、
cssではなくjsに記述する時ってどういう時でしょうか?
0507Name_Not_Found2019/11/11(月) 21:02:55.47ID:???
>>506
ごめん、jsはサンプルが入っていた物をそのままにしていただけで、
今回の内容には全く関係がない

このjsはあくまでわかりやすい書き方をしているだけなので、
「1つ目のh1のフォントサイズを変える」というjsはまず書かないよ、そこは気にしなくて良い
0508Name_Not_Found2019/11/11(月) 21:19:58.15ID:???
cssセレクタで、n番目からm番目の子要素を指定するとかってできますか?
0509Name_Not_Found2019/11/11(月) 21:36:20.51ID:???
aからb番目
:nth-child(n+a):nth-child(-n+b)
0510Name_Not_Found2019/11/11(月) 21:47:04.94ID:???
li要素なんか扱う時に便利な疑似クラスだね
0511Name_Not_Found2019/11/11(月) 21:49:01.81ID:???
>>509
ありがとう
間違った、子要素じゃなくて
クラスで指定した中でa番からb番目ってできますか
0512Name_Not_Found2019/11/11(月) 22:15:22.91ID:???
.class:nth-child(n+a):nth-child(-n+b)
0513Name_Not_Found2019/11/11(月) 22:18:54.56ID:???
>>512
横からだけどそれだと

<div class="some-class-name"></div>
<div></div>
<div class="some-class-name"></div>
<div></div>
<div class="some-class-name"></div>

みたいなときにズレちゃうんじゃない?
0514Name_Not_Found2019/11/11(月) 23:40:06.52ID:???
セレクタ変えたらええがな
0515Name_Not_Found2019/11/12(火) 01:49:17.20ID:???
だったらdivの方を数えて「a番目からb番目のdivのうち.some-class-nameのみ」とか?
div:nth-of-type(n+a):nth-of-type(-n+b).some-class-name
0517Name_Not_Found2019/11/12(火) 20:21:49.55ID:???
目的に合った手段を考えよう
0518Name_Not_Found2019/11/12(火) 22:54:59.55ID:cxKNvVYp
HTMLやCSSで数値を指定したら特定の文字数を増やす方法ってないですか?
4を指定したら
■■■■
5を指定したら
■■■■■■
みたいな感じで…Javascriptとかブラウザのセキュリティ警告みたいなのが出ない方法で良い方法ありませんか?
0519Name_Not_Found2019/11/13(水) 08:46:24.56ID:???
画像が表示されなくて困ってます
画像urlをアドレスバーで開き、キャッシュされたらサイト上でも表示されます
urlやタグは合ってるように思いますが、キャッシュを消したらまた表示されなくなります
考えられる原因は何でしょうか? おそらくしょうもない質問ですいませんがよろしくお願いします
0520Name_Not_Found2019/11/13(水) 11:38:20.30ID:???
ブラウザにアドブロック入れてる?
他のブラウザや他のパソコン、スマホで試しても同じ?
0521Name_Not_Found2019/11/13(水) 13:26:17.09ID:???
>>518
文字数を増やすってどゆこと?
適当に何かの文字を書き足せばいいの?
0522Name_Not_Found2019/11/13(水) 22:04:27.51ID:Lo2VH6je
Webページにボタンを押すとそれに関連された音声ファイルを再生したいです
例えば、以下のようなボタンを作ってい
[Q][W][E][R]…
[A][S][D][F]…
それぞれのボタンを押すと
Q.WAVとかW.WAVとかの音声ファイルを再生したいのです
これはどうすれば実現できますか?
0524Name_Not_Found2019/11/14(木) 01:08:20.38ID:???
下の記述だとiframeで縦スクロールがでちゃうんですがスクロールさせない方法ないでしょうか。

<div style="width:100%; !important; overflow:auto !important;-webkit-overflow-scrolling:touch !important;">
<iframe width="100%" height="1400" frameborder="0" style="margin-top:-390px; overflow:hidden;" src="URL"></iframe>
</div>
0525Name_Not_Found2019/11/14(木) 02:20:00.31ID:???
上でoverflowというのを初めて見たのでやってみたのですが、
<div class="a">
<p>これはテストです。これはテストです。これはテストです。これはテストです。</p>
</div>

div.a {width: 200px; height: 50px; background-color: #ddd;}
p {overflow: hidden;}

これをしても、3つ目の「これはテスト」が隠れるかなと思ったのですが、はみ出て表示されてしまうのですが、
隠すことはできるのでしょうか?
0526Name_Not_Found2019/11/14(木) 04:32:31.87ID:???
overflow の効果を得るには、ブロックレベルコンテナーに高さ (height または max-height) を設定するか
white-space を nowrap に設定することが必要です。

<div>
<p>これはテストです。これはテストです。これはテストです。これはテストです。</p>
</div>

p {width: 200px; height: 50px; background-color: #ddd; overflow: hidden;}
0527Name_Not_Found2019/11/14(木) 04:42:23.68ID:???
>>524
親要素のoverflow: autoに!importantつけてるから子要素のoverflow: hidden;効いてないんじゃね
0528Name_Not_Found2019/11/14(木) 09:33:23.37ID:???
>>526
ありがとうございます。
入れ物に設定するのではなく、overflowさせたいブロック的なものに指定するのですね。
0531Name_Not_Found2019/11/14(木) 15:08:48.71ID:???
技術的に問題はないかもしれんが
このHTMLだったらdivの方だろう、overflowにすんの

pの方にしちゃったら
もうインラインの物しか置けないじゃん…
0533Name_Not_Found2019/11/14(木) 16:19:52.90ID:???
こっちの方がいいんじゃね?的な書き方すりゃいいのに
回りくどい上に性格悪いな
0534Name_Not_Found2019/11/14(木) 17:51:01.81ID:???
文句ばかりで態度悪い質問者だな
0535Name_Not_Found2019/11/14(木) 18:07:09.64ID:???
煽りたいだけなら他所でやって
0536Name_Not_Found2019/11/14(木) 18:23:38.73ID:???
煽ってる人も煽り耐性の無い人も
もう一度>>1を読みましょう
05375282019/11/14(木) 18:56:49.41ID:???
>>534
いや、私じゃないですよw

>>532
divにoveflowつけるだけで良かったのですね。
てっきりoverflow:hiddenさせたいものと思い込んでpにつけるものと思ってました
0538Name_Not_Found2019/11/14(木) 19:53:17.37ID:???
>>537
というかdivもpもブロックレベル要素だから、基本的にはどっちでもいいんだけど
>>526に書いてある通り、overflow設定するだけじゃ足りないよって話
0539Name_Not_Found2019/11/14(木) 21:28:04.92ID:???
ほぼ素人なのですが、教えて下さい。
ファイル一覧をAndroidでいうリストビューみたいな形で縦方向に表示したいのですが、どうすればいいでしょうか?
リストは十字キーとかでフォーカスが移動できて、選択しているものは色を変えたいです。
どこかにサンプルがあれば教えて頂きたく。
0540Name_Not_Found2019/11/14(木) 22:51:54.93ID:???
>>539
とりあえずこういうの?
ttps://haniwaman.com/parts/parts-3808/

あとフォーカス移動はtabキーで、これ↓をCSSに追加
.my-parts ul li a:focus {
background: #ff0000;
}
0541Name_Not_Found2019/11/15(金) 00:08:43.42ID:???
ありがとう!
そんな感じです。あとは、メニューの左側にサムネイル画像を入れたいのと、右側にはスクロールバーをつけたいです。
この辺もやり方を教えてもらえると助かります。
0543Name_Not_Found2019/11/15(金) 01:17:10.78ID:???
>>541
そういうのは先に言ってよ
そもそもリストをどこにどう設置しようとしてんのよ?
Androidがどうとか書いてるけど、スマホ専用サイトでも作りたいの?
0545Name_Not_Found2019/11/15(金) 05:54:15.24ID:???
hoverとfocusの違いがわからない。
focusはスマホ特有の要素?どんな時に使えるのかしら
0546Name_Not_Found2019/11/15(金) 07:10:31.23ID:???
みなさん、ありがとうございました。
作っていただいたサンプルをとっかかりに勉強していきます。
本当にありがとうございました
0547Name_Not_Found2019/11/15(金) 07:43:41.00ID:???
>>545
inputboxを選択してるような状態
hoverはもういらんね
0549Name_Not_Found2019/11/16(土) 15:28:49.79ID:???
すみません、詰んでます…
このボタンが途中で消えている現象の原因と解決法わかる方いらっしゃいませんか…

https://i.imgur.com/eNajS2e.jpg
0550Name_Not_Found2019/11/16(土) 20:14:19.89ID:???
コンテナの幅が狭すぎるとか?
0551Name_Not_Found2019/11/16(土) 22:29:37.39ID:???
これボタンとフォントの大きさ固定にしてる?色はみ出してる
0552Name_Not_Found2019/11/16(土) 23:43:14.29ID:???
該当箇所のソースが欲しいところ
0554Name_Not_Found2019/11/17(日) 01:15:21.09ID:???
最近この手の諸外国で合宿方式のプログラマ育成講座増えたけど
何が原因でこんな増えてるんだ?
0555Name_Not_Found2019/11/17(日) 01:51:01.84ID:???
>>553
正解の方のソースかぁ
これ見て複製するっていう課題とかなのかな?
0556Name_Not_Found2019/11/17(日) 02:50:16.24ID:???
>>555
ソース見てみ、思い通りに出来ないから隠してる。
wordpressは触れてもcssは触れない。
昔のホームページビルダーで作ってもソースは分からないのと同じレベル
0557Name_Not_Found2019/11/17(日) 03:02:12.83ID:???
>>556
いや、普通に問題無くボタン類は表示されてるよ
途中で切れてもいないし
Adblockとか効いてるんじゃない?
0558Name_Not_Found2019/11/17(日) 04:15:20.75ID:???
>>554
日本のクラウド仕事案件を総元締めが受けて、物価が安い海外の日本人に仕事をさせるビジネスモデル
元締めは総元締めに人員を提供し、報酬を得る。
日本の労働基準法、最低賃金が適用されない
12ヶ月の就学ビザを取らせればその期間は不法滞在とならない。
海外の家屋も日本人が借り上げて、シェアハウスとして又貸しする。
それらのコストを支払わせながら、働いても働いても滞在コストと低報酬で目標額が貯まらずビザが切れる直前まで脱出できない。
会社員ではなく、夢見るニート・フリーターが対象なので居なくなっても親族以外心配しないため、海外で仕事を頑張っていると思われる。
その低報酬の裏では、元締めが国内の案件をさばいて利益を出す。
逃げたり脅してくるようなら現地人によって始末、親族関係者には行方不明と報告すれば責任は逃れられる


と誰かが言ってた。
0559Name_Not_Found2019/11/17(日) 04:31:02.61ID:???
低コストで運用して、
莫大な金を得るオレオレ詐欺の「かけ子」と同じだな。

あいつらは生きている間は警察に発見されない限り
フィリピンやタイから出れないけど、
ニュースなどで捕まった奴は日本に帰れる幸運な奴らなんだろう。
0560Name_Not_Found2019/11/17(日) 05:08:36.41ID:Zi6XZFT1
>>554
そっちの方で、需要が増えてるんだよ
日本人ならきっちりやるってのもあるし、現地採用なら安くて住むし
0561Name_Not_Found2019/11/17(日) 08:09:51.55ID:VIkoXE7s
overflow:hiddenで枠外非表示になっていないか?
0562Name_Not_Found2019/11/17(日) 09:06:07.38ID:???
>>548
マジでありがとうございます。本当に助かります。これベースにカスタマイズさせて貰います。
0563Name_Not_Found2019/11/17(日) 18:57:49.17ID:???
>>558
夢見るニート、フリーターがプログラミングの仕事できるか?
0564Name_Not_Found2019/11/17(日) 22:07:57.22ID:???
>>549の書いたソースとどうしたいかがほしいな
>>553をそのままコピペすれば問題ないのに
0565Name_Not_Found2019/11/17(日) 23:28:21.31ID:???
>>564
いや、そのサイト担当がやり方わからず、
もうすでに修正済みなだけなんじゃないの?
サイト特定されてびっくりしているとは思うけど。
0566Name_Not_Found2019/11/18(月) 00:35:22.81ID:???
IE11のデフォルトスタイルシートの一覧ってどこ見れば分かる?
0567Name_Not_Found2019/11/18(月) 01:21:01.31ID:???
>>565
その割にはline-heightとか全然違ってそうだけどな
テキストはコピペしたのか知らんが、全く同じだけど

いずれにしろ晒すってのは良くない
0568Name_Not_Found2019/11/18(月) 01:47:52.27ID:???
>>549です
遅くなって申し訳ないです。
これはただのコーディングの練習で、イサラのサイトを正解みずに同じサイトの見栄えになるように練習しているだけです;
そこだけの写真なのは問題箇所を伝えるのに余計な情報を省いただけですね…
ボタンが途切れるのがなぜか調べてもわからなくて聞きました;

こういう場合の聞き方とかがあるのであれば、html初心者として今後の役に立てたいので教えて戴けると嬉しいです。
0569Name_Not_Found2019/11/18(月) 02:02:28.63ID:???
>>568
写真に写ってるとこのHTMLとCSSを、>>544みたいに部分的にでもいいので
https://jsfiddle.net に貼ってみると話が早いかも。
そこにソース貼り付けたら「Save」→「Save fiddle」ボタンを押して
アドレスバーに生成されたURLをコピーして、ここに貼ってくれると
みんな見られるようになるから。
0570Name_Not_Found2019/11/18(月) 02:45:25.79ID:???
これは巧妙なイサラのステマ
0571Name_Not_Found2019/11/18(月) 03:22:24.77ID:???
ここで聞いたら勉強にならんだろ
0572Name_Not_Found2019/11/18(月) 05:58:07.07ID:???
>>569
ありがとうございます。
利用させてもらいます。
0573Name_Not_Found2019/11/18(月) 11:56:24.76ID:???
>>558
よくできたビジネスモデル()だなぁw
0574Name_Not_Found2019/11/18(月) 15:02:41.49ID:???
治験ツアーみたいだね
0575Name_Not_Found2019/11/18(月) 16:15:53.69ID:???
しかしど素人集めるだけでそれなりに金にできてるのは凄いな
0576Name_Not_Found2019/11/18(月) 18:11:05.31ID:???
これ、もしかしてイサラで勉強している人が、イサラのサイトをマネしてコーディングしましょう、ということなのでは?
お世辞にも参考サイトとしては、wordpress使ったサイトでお世辞にも綺麗なhtmlやcssでも無いし。
0577Name_Not_Found2019/11/18(月) 18:21:27.85ID:???
>>549です。
一応自力で解決しました。
iframeってのにwidthが設定されていて、
widthの幅がボタンの幅を下回っていたみたいです。
0578Name_Not_Found2019/11/18(月) 18:27:25.70ID:???
>>576
いえ、全くの無関係ですしネットで模写コーディングについて調べていたらそれをしている人がいたので真似しました。初心者ですから有料サイトで練習した知識でどこまでやれるか、とりあえず模写コーディングがしたかったんです。
綺麗なコードとかそういうのも何もわからない初心者ですし、真似した人物がこのサイトの関係者かどうかはどうでもいい事でした。
0580Name_Not_Found2019/11/18(月) 20:26:04.79ID:???
模写元との違いからして、そんなことだろうと思ってたわ
まぁ勉強だし、ほぼ見た目が一致すればいいんだろうけど、答え合わせするには
WordPressだとちょっと面倒だよな
0581Name_Not_Found2019/11/18(月) 21:16:00.45ID:???
とりあえずネタ切れで悩んでいた週刊誌の編集者に
潜入調査取材の依頼かけておいたわ。
実態がどんなものかいずれ分かるかもね。
0582Name_Not_Found2019/11/19(火) 15:23:08.80ID:???
favicon (ショートカットアイコン) を指定する方法はググったらすぐに見つかったのですが、
favicon が無いことを指定する方法ってありますか?

指定しなかったらブラウザがデフォルトの場所に勝手にアクセスするようで、
これを抑止したいです。
0583Name_Not_Found2019/11/19(火) 16:22:05.65ID:???
あるかどうかは知らんけども、目的は何?
もしサイトを高速化させたいんだったら、むしろfavicon設置してブラウザにキャッシュさせた方が
高速化に繋がるんじゃね?
05845822019/11/19(火) 17:37:50.36ID:???
>>583
無いから無いと伝えたいというだけです。
0585Name_Not_Found2019/11/19(火) 17:57:11.01ID:???
>>582
headの開きタグ(<head>)の直後にこれを貼れ。
<script>var l=document.createElement('link');l.type='image/x-icon';l.rel='icon';l.href='data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7';document.head.append(l)<∕script>

全角の<∕>は半角に戻してくれ。書き込めなかったので変えた。
0586Name_Not_Found2019/11/19(火) 18:38:35.65ID:???
ダミー読みに行かせるのかな?
0587Name_Not_Found2019/11/19(火) 19:09:37.91ID:???
よく考えたらscriptにする意味皆無だな。
普通に
<link type="image/x-icon" rel="icon" href="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7">
貼ればいいだけだった。
0588Name_Not_Found2019/11/19(火) 19:36:14.68ID:???
無いことを指定する方法はない
アイコン指定されてて正常に読み込んだ場合でもルートやカレントに既定のアイコン読みに行くブラウザもあるし
気にするだけ無駄よ

>>587
type="image/gif"じゃね?
0589Name_Not_Found2019/11/19(火) 21:48:59.73ID:???
22列あるテーブルをこれで改行しないようにしています。
th,td {white-space: nowrap;}

しかし最後の列だけ文字数が多くなるため改行したいのですが一つの列だけ改行するという記述はできるでしょうか?
0590Name_Not_Found2019/11/19(火) 22:34:06.15ID:NoZ+VmHH
>>589
最初だけなら
table tr:first-child th {

}

最後だけなら
table tr:last-child th {
}
0591Name_Not_Found2019/11/19(火) 23:01:24.64ID:???
何も指定しなければいいのでは???
0592Name_Not_Found2019/11/19(火) 23:30:59.64ID:???
最後の「列」は難しいんじゃね?
0595Name_Not_Found2019/11/20(水) 00:09:47.73ID:???
列じゃなくて行じゃねっていうことでは
0596Name_Not_Found2019/11/20(水) 00:36:39.96ID:???
>>584
「ないです」と言う応答メッセージが
404 Not Foundなんだが…
0597Name_Not_Found2019/11/20(水) 00:43:59.32ID:jVDnABy8
ない
すで

って書いたfavicon置きゃいんじゃね 何をそこまで神経質になる必要があるのかよくわからなんが
0598Name_Not_Found2019/11/20(水) 01:04:08.10ID:???
一体何がしたいんだ???
ファビコンなんて何も指定しなけりゃ出ないし
0599Name_Not_Found2019/11/20(水) 04:13:12.65ID:???
コンソールに赤いエラーメッセージ出るのが精神衛生上悪い
0601Name_Not_Found2019/11/20(水) 15:06:54.74ID:???
>>580
奴隷市場で安い仕事くらい受けれるようになれる勉強法が知りたいです…;
模写コーディング意味あるのかわかりません;
0602Name_Not_Found2019/11/20(水) 17:13:35.08ID:???
>>601
そんな糞しょーもない煽り入れて人生を無駄にしてる暇があったら
模写コーディング以外のオススメ勉強方法があったら教えて下さい
0603Name_Not_Found2019/11/20(水) 17:46:43.71ID:???
>>601-602
ん?同じ人だと思うけど、レス番を間違えてるのかよくわからんな
06046022019/11/20(水) 18:36:55.34ID:???
>>603
601は自分じゃないですよ
ステマだの何だのちょこちょこ煽ってた人が久々に来て
終わった話題に今更煽りを入れてみたって感じかと
0605Name_Not_Found2019/11/20(水) 18:43:58.47ID:???
こんなネットの場末で煽り入れて楽しいのかな?
さすがに世の中にはもう少し楽しい娯楽あるだろ
0606Name_Not_Found2019/11/20(水) 19:04:56.60ID:b1agdjCV
cssでスマホで表示させて、PCで非表示にしたいんですがどうすればいいでしょうか?
0607Name_Not_Found2019/11/20(水) 19:18:31.11ID:???
>>606
例えばこういうの読んでみるといい

PC・スマホ表示でHTMLコンテンツの表示・非表示を切り替える方法
ttps://rmtmhome.com/responsive-css-3023

その上で「CSS メディアクエリ」で検索してみると色々出てくるから
0608Name_Not_Found2019/11/21(木) 21:45:01.43ID:???
あ?上から何様だこのやろう
0609Name_Not_Found2019/11/21(木) 22:15:48.28ID:???
ごめんなさい。もう、2度とここには来ます。
失礼しました(怒)
0611Name_Not_Found2019/11/22(金) 01:53:42.62ID:???
>>604>>602の人?
>>601だけど、煽りでもなんでもない本人のレスを読んでどう解釈したら煽りに聞こえたんか真面目に聞きたいわ。

模写コーディングがベストなんだったらそう言ってくれればいいやんけ!
そしたら普通にお礼言ったのに。
模写コーディングがベストなんだな?
わかった、ありがとう。
0613Name_Not_Found2019/11/22(金) 21:12:12.22ID:???
模写はいいんだけどある程度レベルや方向性が合っていないとあまり勉強にならない
昔ヤフーのソースを模写しようとしたら全部の変数が1文字でひっくり返ったわ
0615Name_Not_Found2019/11/22(金) 22:09:52.94ID:???
>>613
それは単に圧縮されてただけなのでは…
0616Name_Not_Found2019/11/22(金) 22:38:01.18ID:???
>>615
もちろんそう、今となっては当たり前なんだけどね
当時は達人は変数なんて一文字で済ませるんだなと戦慄してたわ
0617Name_Not_Found2019/11/23(土) 00:55:10.49ID:???
どこかで見たことあると思ったら、つべでコーディング検索すると
イサラを例に模写を勧めてるとことかあるな
0618Name_Not_Found2019/11/23(土) 02:28:23.75ID:???
まぁ、サイト開けていても客は来ることないから
動画サイトから誘導して、やる気ある奴に興味を持たせて海外飛ばすのか。
0619Name_Not_Found2019/11/23(土) 07:44:45.25ID:rXZY1QnA
position:fixedをposition:relativeのtop:0;left:0の基準に合わせたいのですがどうすればできますか?
0620Name_Not_Found2019/11/23(土) 10:03:52.74ID:IUNSE9yw
スマホサイトのグロナビ(モーダルのように全画面で表示し、スクロールを出さない)を作っているのですがiPhoneのアドレスバーの高さがあると表示が詰まってしまいます。
バーの高さがあるときとないときとでスタイルを書き分ける、もしくはうまく可変させられる方法があれば教えていただきたいです。
0621Name_Not_Found2019/11/23(土) 10:09:46.83ID:???
>>618
いや、むしろそこはプロゲート推しな感じでイサラ以外にも例を出してたし
そういうチャンネルじゃない
何でもかんでもステマ認定ウザいよ
0622Name_Not_Found2019/11/23(土) 19:15:06.15ID:???
>>619
position:fixedで固定する位置を親要素基準にする方法
ttps://techmemo.biz/css/position-fixed-basis-parent/
0623Name_Not_Found2019/11/23(土) 19:24:53.62ID:???
>>620
こういうのでイケる?

[CSS]知っておくと便利!スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法
ttps://coliss.com/articles/build-websites/operation/css/viewport-units-on-mobile.html
0624Name_Not_Found2019/11/23(土) 19:42:40.25ID:IUNSE9yw
>>623
やっぱJS使わないと無理っぽいですね
アドレスバーの変動でリサイズイベントが取れたはずなので、逐一style当て直すようにしようと思います。

CSSの変数ってJSで操作できるんですね、使ったことなかったので初めて知りました
0625Name_Not_Found2019/11/23(土) 21:53:00.79ID:???
コリスってまだ現役サイトなんだな
おまえらCSSとかHTML関係で見てるサイトってある?
0628Name_Not_Found2019/11/24(日) 01:12:32.46ID:???
MediumとJavaScript WeeklyとReact StatusとNode Weekly
日本のならjser.infoとPublickey
0629Name_Not_Found2019/11/24(日) 01:13:36.86ID:???
うおっ、jsのスレと勘違いしてたすまぬ
0630Name_Not_Found2019/11/24(日) 11:31:27.53ID:???
figureの使い方説明してー
0632Name_Not_Found2019/11/24(日) 16:20:03.12ID:???
>>626
そういうつまんねーギャグいらねーから
0633Name_Not_Found2019/11/24(日) 19:39:00.06ID:???
前から思っていたけど、html5ってそんなに厳密に新しいタグって使わないとダメなのかな?
googleが喜ぶだけのような感じだけど。
0634Name_Not_Found2019/11/24(日) 20:10:59.97ID:???
>>633
全然必要ない
html5が出た当時は「検索エンジンが理解しやすいように、にわかりやすく記述しよう!」という風潮があったんだけど、
検索エンジンが恐ろしく進化してぶっちゃけそういうのが必要無くなった
ただ、複数人で開発する場合はある程度タグを適切に使うとコーディングがお互いやりやすくなる
0635Name_Not_Found2019/11/24(日) 20:27:16.95ID:???
そうだわな、divだけで表現するのはあれだけど、
複雑で盛りまくったhtml5にちょっと苦手意識あったわ。
asideって使うべき?それほど重要じゃない?

もう辞めたけどアスペの社員がhtml5のタグをすべて使い尽くして表現するべきとか強要してくるし
大変だったわ。アスペはこだわりが強すぎて、言うこと聞かないし、
少しの仕様変更でパニックになるとかほんと厄介だった。
0636Name_Not_Found2019/11/24(日) 20:30:48.49ID:???
じゃぁテーブルタグだけで統一してがんばる!
0637Name_Not_Found2019/11/24(日) 20:32:11.80ID:???
asideはサイドバーだったかな
普通に使うよ
0638Name_Not_Found2019/11/25(月) 00:33:41.87ID:???
個人的には aside とかは使ってくれた方がありがたいわ。
クソみたいに無用のサイドバーがメガ盛りのページだといらん要素をブロック系アドオンのリストに入れたりするから、
きちんと使い分けてくれた方が切り分けしやすい。
0639Name_Not_Found2019/11/25(月) 01:01:14.58ID:???
>>633
ガイジンもsectionとarticleの使い分けで大混乱してたぜザマアwww
0641Name_Not_Found2019/11/25(月) 02:04:54.21ID:???
articleとasideの説明なんども読んでもふわっとしかわからんわ
別に広告入れるわけでも無いから結局使わないまま
0642Name_Not_Found2019/11/25(月) 02:10:21.00ID:???
>>639,641
それそれ、アスペも策定時期なのにaside, article, sectionの俺様ルールを強要して現場大混乱。
辞めさせるのもできないし、周りが俺から孤立していくと、勝手につぶれて出社拒否して助かったけど、
今考えたら「アイゴー、世界が孤立していってる」と、どこぞの国みたいな事になってるな。
0643Name_Not_Found2019/11/25(月) 06:46:39.47ID:???
完全に韓国でわらた
0644Name_Not_Found2019/11/25(月) 15:45:55.92ID:???
figureで多大な混乱招いてんのは"図表"と翻訳してんのが原因なんじゃねーの?
0645Name_Not_Found2019/11/25(月) 16:30:28.01ID:???
今figureの話ししてない
0646Name_Not_Found2019/11/25(月) 19:54:20.91ID:???
>>639
2000年代前半のstrict教全盛の時に
ブログのテンプレ開発してたおっさんじゃないと
やっぱしっくりこないわな>articleとaside
0647Name_Not_Found2019/11/25(月) 19:59:23.58ID:???
よく分かんなくて悩んでます…!

ウィンドウ幅を取得してその80%の幅にwidth100px,height100pxのボタンを横幅の長さに合わせた数出力したいんだけどこれってcssで実現できますか…!?
jsで実装すべきでしょうか…!?
0649Name_Not_Found2019/11/25(月) 20:23:04.26ID:???
横レスですが、
hoverでは無いのに光ってる・・・
activeでは無いのに押した感じになってる・・・
これはbuttonタグだから?
0650Name_Not_Found2019/11/25(月) 20:35:45.68ID:???
>>648
そんな…そんな簡単にできるの…………
うぅ…有難うございます…!
0651Name_Not_Found2019/11/25(月) 20:44:16.75ID:???
>>649
どう見えてるのかよく分からないけど、多分buttonのデフォルトcss
aタグのリンクが青文字になるようなもん
0652Name_Not_Found2019/11/25(月) 21:39:00.20ID:???
wordpressで編集画面のブロック追加にボタンってあると思うのですが横並びにするにはどうすればいいですが?
0654Name_Not_Found2019/11/26(火) 05:23:21.25ID:???
buttonタグをaタグで囲ったらダメなのか、
使い方難しいな・・・
POSTとかなら、inputタグのほうが良いのかな
0655Name_Not_Found2019/11/26(火) 05:42:19.27ID:???
クリックするものの中に別のクリックするものがあるっておかしいやろ?
脱出ゲーム作ってるんじゃないんだからさ
0656Name_Not_Found2019/11/26(火) 05:51:59.99ID:???
もう何も考えずに全タグ一つ一つをdivで囲ってしまえばええんちゃうか?
0657Name_Not_Found2019/11/26(火) 06:48:09.01ID:???
ルビのrpタグって必要なん?
ruby未対応ブラウザなんて今の時代にあんの?
0658Name_Not_Found2019/11/26(火) 06:51:54.42ID:???
>>654
inputは古い。buttonに変わった。
ただできる事が増えただけで、POSTしかしないならinputで良い

>>656
googleが以前そうだったな
開発グループが全員同意していればそれでもいい
ちなみに自分ひとりで開発する場合、そんな組み方をすると後で絶対に後悔する
0659Name_Not_Found2019/11/26(火) 11:17:58.32ID:WqNn/E13
すみませんHTML初心者向けのまとめブログとかあります?
こういう系未経験で右も左も分からない状態です
0660Name_Not_Found2019/11/26(火) 12:19:20.51ID:???
>>658
> inputは古い。buttonに変わった。
別に変わってない。使い方が違うだけ
0661Name_Not_Found2019/11/26(火) 13:16:56.00ID:???
変わったて言い草はおかしいな。
0662Name_Not_Found2019/11/26(火) 13:32:39.38ID:???
>>657
不要なら書かなくていいよ
ちょうど最近猛烈にrubyダグ書きまくったところだ

過去20年で書いたrubyダグの99.99%は今月書いたと思う
0663Name_Not_Found2019/11/26(火) 15:54:39.01ID:???
メニューバーじゃなくて記事内に内部リンクつくりたいのですが良いデザインでレスポンシブなやり方ありますか?
0664Name_Not_Found2019/11/26(火) 16:18:57.92ID:???
>>659
初心者向けサイトは「HTML 入門」とかでググってみよう
上位に出てくるとこなら大差ないし、自分で探した方が早いと思うけど
それよりも先ずは初心者向けの簡単な本を買って読んだ方がいいかも
0665Name_Not_Found2019/11/26(火) 16:25:09.22ID:???
>>663
どういうものが欲しいのか、もうちょっと詳しく
メニューバー以外って範囲広すぎ
0666Name_Not_Found2019/11/26(火) 17:01:35.54ID:???
>>665
最初は1ページに野球チーム12球団の情報を全て書いていたけど重くなってしまったので
1ページ1球団にしました。よくある上部にあるメニューバーにリンクは作っているのですが記事内にリンクがあれば親切かとおもいまして。
06676562019/11/26(火) 18:29:55.90ID:???
>>658
貴重なコメントくれてありがとう
0668Name_Not_Found2019/11/26(火) 18:48:19.13ID:???
>>666
だったら、こういうこと?

ナビメニュー100連発!CSSで表現できるコピペ可能なHTMLスニペットまとめ
ttp://photoshopvip.net/97481
0672Name_Not_Found2019/11/27(水) 05:29:04.52ID:???
ぽー、ぽー、ぽーたるこい
0673Name_Not_Found2019/11/27(水) 07:24:13.05ID:???
>>671
<portal>ってダグ
超進化したiframeのようなもの
0675Name_Not_Found2019/11/27(水) 22:13:16.90ID:???
portalタグいいよね
webの画面遷移はずっと味気ないと思っていた
0676Name_Not_Found2019/11/27(水) 22:31:29.83ID:???
ああそういえばiframeってどうなったんだ
まだ使ってるところチラホラみるけど
0677Name_Not_Found2019/11/27(水) 22:50:01.32ID:???
iframeはまだまだ使えるけどセキュリティ周りが厳しいね
気づけば出来ない事が増えているから安易に使うのは怖い
動画埋め込みぐらいならどうでもいいけど
0678Name_Not_Found2019/11/27(水) 22:59:50.12ID:???
動画とグーグルMapくらいか今使うとしたら
0679Name_Not_Found2019/11/28(木) 00:02:10.01ID:???
リンクをクリックした時、奥へ進むような、扉を開くような、そういうワクワク感が欲しかった
それがやっとこさ実装されたと思う
0680Name_Not_Found2019/11/28(木) 03:22:27.08ID:???
portalおもしろそうだなー
解説サイトないかなー
0681Name_Not_Found2019/11/28(木) 19:43:11.47ID:???
img decoding="async"で非同期になって早くなる!
なんて記事を見かけるけど、画像って元々非同期読み込みではないんですかい?
0682Name_Not_Found2019/11/28(木) 19:51:33.79ID:???
レイジーロードの記事は見たことあるけどそんなアトリビュート知らない。
見かけたという記事貼って
0683Name_Not_Found2019/11/28(木) 19:56:20.76ID:???
>>672
こっちのたーぐは、でぃぶだらけー
0684Name_Not_Found2019/11/28(木) 22:03:26.37ID:???
>>681って嘘んこなの?はよ貼れや!
0685Name_Not_Found2019/11/28(木) 22:33:15.74ID:C+PoDkEl
疲れてくるとdiv増える
保険かけてるんだろう
06866562019/11/28(木) 22:38:48.51ID:???
動悸するする(*´Д`)ハァハァ
0689Name_Not_Found2019/11/29(金) 07:58:05.84ID:Q2928hWo
htmlファイルをロリポップなどのWEBサーバーに直置きしてWEBサイトを作ると、URLの末尾に.htmlと表示されてしまってダサいのですが、PHP等の言語を使わずにこの末尾の.htmlを出さなくする方法はありませんか?
0690Name_Not_Found2019/11/29(金) 07:59:16.72ID:???
autoのままでよくね?
0691Name_Not_Found2019/11/29(金) 11:26:54.80ID:???
>>689
htaccessで書き換えりゃいいじゃん
0692Name_Not_Found2019/11/29(金) 12:59:54.45ID:Q2928hWo
>>691
ありがとうございます
0693Name_Not_Found2019/11/29(金) 14:18:35.99ID:???
videoタグのposter属性の説明がバラバラなんですが、どれが正しいですか?

1.表示可能な形式のビデオが無い場合に表示する画像
2.動画ファイルの代わりに表示する画像
3.映像のダウンロード中に表示される画像
4.再生可能になるまでの間に表示する画像
5.再生を開始するまで表示する画像
0694Name_Not_Found2019/11/29(金) 14:26:21.83ID:???
表示可能な形式のビデオが無い場合、あるいは映像がダウンロードされ再生可能になりかつ再生を開始するまで、動画ファイルの代わりに表示する画像
0695Name_Not_Found2019/11/29(金) 15:08:29.85ID:???
文字列の、指定した箇所に文字を挿入するにはどうすればよいでしょうか。

例えば、6番目に文字を挿入する場合、こんな感じにしたいです。
あいう  ★
かき   ★
さしすせそ★
06966562019/11/29(金) 15:23:20.73ID:???
もう何も考えずにテーブルタグゴリ押しするぜ!
0697Name_Not_Found2019/11/29(金) 15:33:39.67ID:???
jsならとても簡単だけどhtml/cssだとどうやってやるんだろね
俺も気になるから素晴らしい回答お待ちしております!
06986562019/11/29(金) 15:42:36.21ID:???
もう何も考えずにdivタグを並べるんだ!
0699Name_Not_Found2019/11/29(金) 19:31:34.01ID:???
p::nth-letter(5)::after {
content: "★";
}

…って書けたらいいねw
nth-letter疑似要素については古くは2003年頃から定期的に要望が出てる
0700Name_Not_Found2019/11/30(土) 06:48:04.62ID:???
リストulで

  ・あいうえお
   かきくけこ
   さしすせそ



  ・あいうえお
かきくけこ
さしすせそ

みたいに二行目以降をインデントさせない方法ありますか?
0703Name_Not_Found2019/11/30(土) 13:06:23.81ID:???
ulのmarginとpaddingを0にして
text-indent 1emみたいにかけるってことですか?
0705Name_Not_Found2019/11/30(土) 16:01:57.54ID:???
こうか?こうか?ってお前ら名古屋人かよwww
がっくだろうがwwww
0706Name_Not_Found2019/11/30(土) 18:50:47.90ID:???
でぃぶでぃぶ
0708Name_Not_Found2019/12/01(日) 01:17:46.21ID:???
いやこうくだろどこの田舎もんだ
0709Name_Not_Found2019/12/01(日) 07:31:22.48ID:???
https://jsfiddle.net/kzlmorq/2kwy8srx/2/

トップの[概要]をクリックすると、詳細が表示されるようにしているのですが、
1台目と2台目が横並びで表示されてしまいます。

縦にする方法を教えて下さい。
0710Name_Not_Found2019/12/01(日) 09:25:59.92ID:???
>>709
input[type=checkbox]:checked + ulに
flex-direction: column;
0711Name_Not_Found2019/12/01(日) 12:37:39.31ID:???
設定しているクリックイベントはちゃんと設定するのにiPhoneで見ると透明になってしまう要素があります。
opacity、visibilityの設定はしていないのですが他に考えられる原因ってありますかね。
fixed配置しているbutton要素で、触れるってことはz-indexではないと思うんですけど。
0712Name_Not_Found2019/12/01(日) 12:38:04.62ID:???
ちゃんと設定するのに→発動するのに です
0713Name_Not_Found2019/12/01(日) 23:15:02.17ID:???
検証してるiPhoneのコンテンツブロッカーがONになってるとか?
0714Name_Not_Found2019/12/02(月) 05:30:53.82ID:???
output要素を使う必要性が分からんのだけど
計算結果が出力できるから便利!みたいな説明ばかり見かけるけど
別に結果表示するだけならpでもdivでもいいっすよね
0715Name_Not_Found2019/12/02(月) 06:13:03.17ID:???
>>714
基本的にフォームの部品だからそのままsubmitで投げられる

divとかpだと表示するっていう機能は果たせるけど
投げたかったら別途input type=hiddenを用意したりせにゃならん
0717Name_Not_Found2019/12/02(月) 11:49:17.37ID:???
>>711
これ自己解決しました
fixedの要素にfixedを置くと挙動がおかしくなることがあるんですね しょうがないのでbuttonだけ外に出したら無事表示されました
0718Name_Not_Found2019/12/03(火) 21:11:04.32ID:???
私も三年前に自室で自決しました
0719Name_Not_Found2019/12/04(水) 02:43:59.65ID:???
ここまで自演
0720Name_Not_Found2019/12/04(水) 13:31:29.25ID:???
>>716
うちの姉ちゃんが昔体操選手目指してて
たまにこういうクネクネした動きで
実家の猫を威嚇している
0721Name_Not_Found2019/12/05(木) 19:47:12.25ID:???
特定の子要素がないときだけ何かをするということはできますか?
p要素がないときだけ色を変えるといった感じです
0722Name_Not_Found2019/12/05(木) 20:35:16.41ID:???
document.querySelector('p:has(> :not(a)), p:empty')って書けねーかな…Selectors Level 4だっけ
0723Name_Not_Found2019/12/05(木) 20:39:26.20ID:???
あpがないときかaとまちがえた
0724Name_Not_Found2019/12/07(土) 14:38:31.56ID:???
use-credentialsがさっぱり分からん
何処見ても認証情報が〜というふわふわした説明しか無いんだが、
具体的に誰が何の情報を送るの?
0725Name_Not_Found2019/12/07(土) 16:31:45.69ID:rbsr7OGh
サイトの作成してるんですが動画を長押しするとgifのような形で動画の内容を確認できる機能を実装したいんですが
サーバーに動画を設置せずに外部リンクから引っ張ってきて実装する事はできますか?
0726Name_Not_Found2019/12/07(土) 19:50:56.26ID:???
エロ動画サイトでそういうgifっぽいのあるよな、gifじゃないけど。
0727Name_Not_Found2019/12/07(土) 22:16:50.26ID:QG8FyM15
>>726
俗に言うxvideosですよね
自分のサイトに動画を置くと定着してくれる人は増えますが
アンテナサイト経由して画像で読んだ方が回転早いかと思ってまして
様々な言語に対応させて かつアンテナサイトも海外の方と提携できれば幅が広がるのではないかと考えてます
0728Name_Not_Found2019/12/07(土) 23:01:11.78ID:???
そういえばあれどうやってんだろうね
gifにして秒数指定で動くようにしてるの?
0729Name_Not_Found2019/12/07(土) 23:06:19.88ID:???
jpgとgifをfloatでもabsoluteでもいいので重ねる
jpgをhoverで透明にする

ぱっと思いつくのはこんな感じ
js使えばgifの再生など出来るのかもしれないけどめんどくさそう
0730Name_Not_Found2019/12/07(土) 23:13:39.22ID:???
たぶん、jQuery のmousemove, mouseout で、10秒ぐらい画像のURL を差し替えるのだろう

>>725
画像のURL を指定するだけだから、サーバー内部・外部のどちらでも出来る
0731Name_Not_Found2019/12/07(土) 23:15:25.27ID:???
フロント部分はソース見ればすぐわかるし、>>729みたいに想像もできるけど
その動画自体をどう生成するかの方がわりと気になってくる
0732Name_Not_Found2019/12/07(土) 23:25:06.05ID:???
>>731
検索したら一瞬で出てくるけど
「php 動画 サムネイル」
ffmpegとか使うらしいけどこれ勉強して得られるものは少なそうだ
0733Name_Not_Found2019/12/08(日) 00:27:34.22ID:???
Xvideoくらいの規模なら自社エンジニアになんか作らせてそうだけど
0734Name_Not_Found2019/12/08(日) 05:58:20.12ID:???
target=_blankにnoopenerを付けるのは分かるが、noreferrerもペアで付けるのはなぜに?
0735Name_Not_Found2019/12/08(日) 08:24:44.48ID:???
>>721-723
jQuery のfilter を使った。
div-2 は、子にはp がないが、子孫にはある

<div id="div-1" class="div"><p>1</p></div>
<div id="div-2" class="div"><div><p>2</p></div></div>
<div id="div-3" class="div">3</div>

jqObj = $( 'div.div' )
console.log( jqObj.length ) // 3個

jqObj_2 = jqObj.children( 'p' ) // 子に、p がある
console.log( jqObj_2.length, jqObj_2.text( ) ) // 1個 1

jqObj_3 = jqObj.filter( function ( ) { // 子に、p がない
return $( this ).children( 'p' ).length == 0 ? true : false;
} )
console.log( jqObj_3.length, jqObj_3.text( ) ) // 2個 23
0736Name_Not_Found2019/12/08(日) 09:28:33.04ID:???
jqがクソなのは知っているので
0737Name_Not_Found2019/12/08(日) 10:53:57.98ID:???
xvideosの動くサムネはmouseover時にvideo要素を重ねて小さい動画流してるだけだね
0738Name_Not_Found2019/12/08(日) 11:00:56.57ID:???
アップロード時に再作成してるのか
0739Name_Not_Found2019/12/08(日) 12:29:32.15ID:QAY6fuUD
>>737
なるほど参考になりました
ありがとうございます
0740Name_Not_Found2019/12/08(日) 23:32:01.49ID:???
crossorigin属性をいちいち付けなきゃならん理由が分からんのだが。
同一オリジンとかOriginヘッダとかそういう仕様の話ではなくて、
例えばlink要素でwebフォントを読みに行く場合、typeとドメイン見てブラウザが勝手にcrossorigin付けてくれればいいのでは?
0741Name_Not_Found2019/12/08(日) 23:37:25.28ID:???
gif アニメに差し替えたらよい

ユーザーは動画と、それをまとめたgifアニメを、サーバーにアップロードすればよい

サーバーで自動的に、動画から、gifアニメを作ることも出来るが、
そのやり方では、意味のない冒頭部分ばかりがまとめられたりして、
良いものが出来ないので、ユーザーが好みの部分をつなげて作った方がよい
0742Name_Not_Found2019/12/08(日) 23:43:54.92ID:???
>>740
CORS(cross origin)は、クライアント側のブラウザから、アクセスする場合だろう。
サーバー側では、cross origin でもアクセスできるから

ローカルPC に、Ruby のSinatra などのサーバーを立てないで、
ブラウザだけで、cross origin にアクセスできないから
0743Name_Not_Found2019/12/08(日) 23:55:52.91ID:???
みんなBEMとかつかってるん?
0744Name_Not_Found2019/12/09(月) 00:45:29.46ID:???
CSS フレームワークを使わないなら、BEM が良いけど、

もし、Bootstrap を使うなら、それに従った記法になる
0745Name_Not_Found2019/12/09(月) 06:36:25.76ID:???
>>742
ちょっと日本語が不思議過ぎて何言ってるか分からん
話も噛み合って無いように見える
0747Name_Not_Found2019/12/09(月) 10:02:11.67ID:???
BEMは一過性で終わると思ってる
XHTMLが終わるのも予見した俺だから間違いない
0748Name_Not_Found2019/12/09(月) 14:22:17.13ID:???
記法の話は荒れるから止めとけって
OOCSSなんてゴミが蔓延するレベルなんだからよ
0749Name_Not_Found2019/12/09(月) 15:26:46.95ID:???
tableの、最後のtdの幅だけ自動的に限界まで広げるにはどうすればいいでしょうか?

<tr><td>項目1(幅はコンテンツ次第)</td><td>項目2(幅はコンテンツ次第)</td><td>項目3(幅は(100% - (項目1の幅 + 項目2の幅))</td></tr>
0750Name_Not_Found2019/12/09(月) 18:21:14.65ID:???
アンダーバー二個続けるとか宗教的に無理なので使わない
0752Name_Not_Found2019/12/10(火) 01:00:28.54ID:???
>>749
1%、1%、98%でどうにかなるじゃろ
0753Name_Not_Found2019/12/11(水) 02:01:48.09ID:???
embed要素の使い道を教えてください!
0754Name_Not_Found2019/12/11(水) 13:05:49.01ID:???
>>753
いわゆるブラウザープラグインが否定されている現代では
ないな
0755Name_Not_Found2019/12/11(水) 20:08:32.40ID:UkMt8NM1
PCサイトなんですが コンテンツをボックス型にしてその上からはてなマークを被せたいと思ってます マウスを乗せるとはてなが消えて内容が見えるようにしたいです マリオのハテナボックス(マウスを乗せると透ける)のような感じが理想です 何か方法はありますでしょうか?
0757Name_Not_Found2019/12/11(水) 21:26:12.61ID:UkMt8NM1
>>756
Javaは必要ないでしょうか?すいません…
0758Name_Not_Found2019/12/11(水) 21:45:32.58ID:???
>>757
JavaとJavaScriptはメロンとメロンパンくらい違うものだ
二度と間違えるな
0759Name_Not_Found2019/12/11(水) 21:46:42.17ID:???
>>757
>>755で書かれていることだけをするならいらん
続きは病院の予約がとれてからだ
0760Name_Not_Found2019/12/11(水) 21:54:14.13ID:lQzvh5/r
>>749
tableだけwidth指定
td:nth-of-type(1),td:nth-of-type(2)は指定しないかmin-widthやmax-widthなどでゆるく指定
0761Name_Not_Found2019/12/12(木) 00:12:10.27ID:???
メロンとメロンパンの例え草
07626562019/12/12(木) 01:13:32.04ID:???
可愛いw
0763Name_Not_Found2019/12/12(木) 03:59:35.18ID:???
昔はテーブルタグでレイアウトしていて、divとかカラムとかfloatとか聞くと蕁麻疹出てた化石だけど、
今のテーブルタグは表だけに使えば良いの?
0764Name_Not_Found2019/12/12(木) 04:01:10.19ID:???
メロンよりメロンパン、メロンパンよりメロンパンナちゃんが好きです。ペロペロしたい
07656562019/12/12(木) 07:45:25.72ID:???
Tableタグでエクセル方眼紙をそのまま再現するんだ!
0766Name_Not_Found2019/12/12(木) 12:23:00.44ID:???
>>763
はい
むしろ表すらtable要素を使わない文化もありますん
0767Name_Not_Found2019/12/12(木) 15:10:00.26ID:???
ウグイスとウグイス嬢、マスクとマスクメロンはどうだろう?
0768Name_Not_Found2019/12/12(木) 23:27:33.04ID:???
>>766
え?表なのにtable使わないのはなぜ?
dd, dtとか?
0769Name_Not_Found2019/12/13(金) 00:16:07.26ID:???
>>768
レスポンシブが当たり前になって
PCでは表組み、SPでは縦積み
みたいなことがあるからだと思う

俺はあんまり好きじゃないけど
tableじゃない要素でも表組みにするmixinの用意はしている
0770Name_Not_Found2019/12/13(金) 14:54:47.20ID:???
まさかの子セレクタでハマったw
ul
 li
 ul
 li
とulの中にliと入れ子のulを並べてからul>ulとしても効かない
さて何故でしょう?
0771Name_Not_Found2019/12/13(金) 15:15:28.84ID:nUec8YRr
>>770
もう少し具体的に何がハマったのか書いたほうが力になれるかも
https://jsfiddle.net/5omzvbx3/
0773Name_Not_Found2019/12/13(金) 17:00:36.08ID:???
お前らやるじゃん
771、liの閉じタグ書いてないからliの子になってたというオチ
安易に閉じタグ省略しちゃいかんね
0774Name_Not_Found2019/12/13(金) 18:25:40.80ID:Nk3uT+3A
すいませんランダムボタンを設置したいのですが可能でしょうか?
電話番号配列のボタンを設置してその中にワードをかいてグループにしようと思うのですが
携帯のダイヤル位置にランダムボタンを配置したいと思いました
気分が乗らない時などに出来るだけボタンを活用してもらうようにしたくて
検索してみたところjavaを自作しないと難しいようですが
どのように作れば良いか分かりません…
アドバイスお願いします
0775Name_Not_Found2019/12/13(金) 19:02:26.45ID:nUec8YRr
>>774
1. HTMLで必要な数の<button>要素を用意して中身を書く
2. 携帯のダイヤル位置、形になるスタイルを、ボタンの数ぶんCSSで作る
3. JSで1の<button>要素にアクセスして、randam()を使って、ランダムにclass名をつけて、2のCSSを適用する

こんなかんじで

あと>>758
0776Name_Not_Found2019/12/13(金) 19:07:51.12ID:Nk3uT+3A
>>775
http://fuwafuwapukapuka.hatena BUROGU.com/entry/2014/03/04/221925
このサイトを参考にしました
int n = r.nextInt(10); この部分をkey wordなどに変えて キーワード先のリンクをランダムに取り付けることは可能でしょうか?
0777Name_Not_Found2019/12/13(金) 19:08:14.09ID:???
javaを自作したいならまずVMの設計からでは?
0778Name_Not_Found2019/12/13(金) 19:11:14.49ID:Nk3uT+3A
public class MainActivity extends Activity implements OnClickListener{
TextView tv1;
Button button1;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

tv1 = (TextView)findViewById(R.id.text1);

button1 = (Button)findViewById(R.id.button1);
button1.setOnClickListener(this);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

@Override
public void onClick(View v) {
if (v == button1) {
Random r = new Random();
int n = r.nextInt(10);

@SuppressWarnings("unused")
String string = String.valueOf(n);
tv1.setText(String.valueOf(n));
これでランダムで数字を取得できるようです
0779Name_Not_Found2019/12/13(金) 19:17:26.14ID:nUec8YRr
>>776
え、なに、本当にJavaでやりたいの?
であれば

1. Javaで、ランダムな必要な数の<button>中身</button>のHTMLを吐くプログラム書く
2. サーバでCGIの設定をする
3. CSSで、<button>を電話番号型に並ぶスタイルを書いておく

とするとか
Java自体の質問は、プログラム板のJavaスレで聞いたほうがいいと思うよ
0780Name_Not_Found2019/12/13(金) 19:33:53.07ID:Nk3uT+3A
>>779
はい 携帯の電話番号列(中にURL配置)にしたいです 一番下の発信ボタンをランダムボタンにしようと考えてます ランダムボタンを押すとURLのリンクにランダムで飛ぶような細工を実装したいです
0781Name_Not_Found2019/12/13(金) 20:20:31.61ID:???
>>780
はいじゃないが
なんでJavaでやりたいの?
ごはん食べるのに箸ではなく物干し竿使うくらい不自然だよ?
0782Name_Not_Found2019/12/13(金) 20:44:47.42ID:Nk3uT+3A
>>781
javaを使わないとCSSとHTMLだけではランダム機能が使えないからですかね?
検索してみたのですがCSSのみでは無理なようです
0783Name_Not_Found2019/12/13(金) 20:47:54.11ID:Nk3uT+3A
サイトを収益化しないのであれば確かにCSSとHTMLのみで可能ですが
作り込むためにはjavaを使わないと無理じゃないですか?
0785Name_Not_Found2019/12/13(金) 20:51:54.38ID:???
javaじゃなくてjs(javascript)
0786Name_Not_Found2019/12/13(金) 20:53:36.25ID:???
>>784
そんでやり方は>>775に書いてあるから
1番目から順番にやって
わからないところを1つずつまた聞いてくれ

今は何がわからないのかがわからない状態だろうから
0787Name_Not_Found2019/12/13(金) 20:58:15.59ID:???
このスレじゃなかったらめちゃくちゃ罵倒されて終わりだったな
0788Name_Not_Found2019/12/13(金) 21:38:43.27ID:???
>>782
あなたが参考にしたサイトはandroidアプリ開発のですよ
ブラウザ上で動くものではないのです
0789Name_Not_Found2019/12/13(金) 21:42:37.23ID:Nk3uT+3A
>>788
実はスマホとPC別で分けようと思ってまして…
0790Name_Not_Found2019/12/13(金) 21:43:04.54ID:???
そこじゃなくてだな
0791Name_Not_Found2019/12/13(金) 21:45:54.86ID:???
今の子のアプリとウェブの区別ってのは
団塊老人並みなのだろうか…
別にそれが悪いとは言わんが
0792Name_Not_Found2019/12/13(金) 22:07:00.73ID:???
webが廃れ、アプリが基本になる・・・と見せかけてwebも結構頑張ってるからな
なんか変な状態だとは思う
0793Name_Not_Found2019/12/14(土) 00:05:43.63ID:???
>>791
若い子ってかパソコンを知らない人がその罠に陥る
30代40代のババアとかジジイでもブラウザで表示されるサイトと
専用アプリは別々と思ってるからな
だからiPhone使いはKindleアプリで本が買えないとガチギレしてクレームかけてくるから
0794Name_Not_Found2019/12/14(土) 11:42:29.62ID:???
30代40代でジジイババアだと世の中若い子とジジババしかいないのでは🤔
0795Name_Not_Found2019/12/14(土) 13:46:13.97ID:???
Java と、JavaScript は、全く別の言語です!

JavaScriptの事は、この板のJavaScriptのスレで聞いてください!
一方、Javaの事は、プログラム板のJavaのスレで聞いてください!

一般的には素人には、Javaの使い道はありません!
Javaは、Android 用のアプリが作れるだけですので

一方、HTML, CSS で、web サイトのwebページを作りたいのなら、JavaScriptを使います
0796Name_Not_Found2019/12/14(土) 16:37:01.36ID:???
javaで作りたいなんて言ってない
javaを作りたいと言っている
0797Name_Not_Found2019/12/14(土) 18:36:38.43ID:???
ジャワティーって最近飲んでいないな
0798Name_Not_Found2019/12/14(土) 23:50:34.96ID:???
つーか
どーでもいい公開サイト作って(○○ちゃんのほめぱげレベルの)
実機で表示してみればわかることなのに
それすらやらんのかと
0801Name_Not_Found2019/12/15(日) 08:10:46.19ID:???
でも相当な人が買ってるよ。
そんで評価にも悪いこと書かれてない。
0802Name_Not_Found2019/12/15(日) 09:29:09.62ID:???
>>799
絶対にヤバイ

・古い評価
フルーツ画像1円落札が大量にある。
評価稼ぎ

・この商品
全て一週間以内の落札

自演で売りまくったように見せかけて何かあったら逃げる気マンマンだね
評価の数でしか評価できないアホを釣るための手口だわ
0803Name_Not_Found2019/12/15(日) 09:35:50.56ID:???
>>793
Kindleアプリで買えないのは
AmazonがAppleにテラ銭とられるのを嫌ってるからであって
0805Name_Not_Found2019/12/15(日) 10:41:14.96ID:???
あからさまに違法な海賊版おすすめしてる奴とかいるよな
0806Name_Not_Found2019/12/15(日) 10:58:02.75ID:???
そんな突然使えなくなるかも分からん海賊版買うくらいなら
GIMPとかInkscape使った方が遥かにマシ
0807Name_Not_Found2019/12/15(日) 11:23:50.65ID:???
こういうの昔っからあるよな。
専門学校時代から話題には出たが、誰も手を出さんかったw
0808Name_Not_Found2019/12/15(日) 11:28:42.43ID:???
フォトショプ7とかはネット切ってシリアル入れるだけで使えるガバガバ仕様だったな
0809Name_Not_Found2019/12/15(日) 11:29:08.64ID:???
officeのそれで痛い目にあったからもう海賊版は買わない
0810Name_Not_Found2019/12/15(日) 12:41:57.21ID:???
>>805
chromeのおすすめコンテンツに
こーゆーのが表示されるときがあるよ
google真面目に仕事しろと
0811Name_Not_Found2019/12/15(日) 17:22:12.60ID:???
ソフト時代はアキバの裏の方にいくと
あやしげな店でいろんなソフトの入った白ROMが売ってたりしたなぁ
0812Name_Not_Found2019/12/16(月) 00:24:55.03ID:???
>>809
偽物を通報して台湾に送ったら正規版のprofessionalもらったわ。
0813Name_Not_Found2019/12/16(月) 19:15:12.16ID:+EOdvg9P
すいません急上昇画像というものを設置したいのですが
あれは1日ごとのクリック数って事でいいでしょうか?
GitHubを参考に見たのですが… PHPはデザインを確認できないのでしょうか?
0815Name_Not_Found2019/12/16(月) 19:28:03.05ID:+EOdvg9P
>>814
PHPはCSSやHTMLより簡単だと書かれていましたがデザイン確認できない時点で難しいですよね?
code penにはクリックカウントのサンプルがほぼ無いのにgit hubには沢山あるのは何故でしょうか?
0816Name_Not_Found2019/12/16(月) 19:33:53.09ID:???
>>815
ちょっと基礎的な理解が足りてない気がします
箸の持ち方を知らないのに、いきなり豆の移動タイムアタックに挑むような状態です

PHPはサーバサイド、HTML/CSSはクライアントサイド
といった違いをもう少し理解してから
やりたいことに取り組んだほうが幸せになれるかも
0817Name_Not_Found2019/12/16(月) 19:37:26.62ID:+EOdvg9P
>>816
PHPはアクセスしてくれた人に負荷がかかり
CSSは置いているサーバーに負荷がかかると言う事ですよね?
PHPは情報の入力?などもあるので提示版などを作る時 使うと書いてありました
0818Name_Not_Found2019/12/16(月) 19:39:39.93ID:+EOdvg9P
その都度 動画画像などが切り替わるサイトを作る場合はPHPが最適だと言うのも見ました 
サーバーのスペックが大きい場合はどちらでも良いようですが
0819Name_Not_Found2019/12/16(月) 19:53:50.44ID:???
>>817
>PHPはアクセスしてくれた人に負荷がかかり
>動画画像などが切り替わるサイトを作る場合はPHPが最適だ

ちがうよー
前者はまず、何を持って「負荷」とするかを考えなきゃ
その言葉だけ読み書きしても意味がないよー
後者は、必ずしもサーバサイドでやる必要があることでもないよー
0820Name_Not_Found2019/12/16(月) 19:55:36.36ID:???
>>817
なんか否定ばっかりしてキツい言い方になっちゃって
気に障ったらごめんよー

ググって出てきた説明が正しいとは限らないから
こういう所に書いたり聞いたりして、確認するやり方自体は
間違ってないと思うよー
0821Name_Not_Found2019/12/16(月) 19:56:19.62ID:???
>>774と同じ匂いがするのは気のせいかなー
0822Name_Not_Found2019/12/16(月) 20:12:49.57ID:+EOdvg9P
>>820
りょーかいです ありがとうございます
0825Name_Not_Found2019/12/17(火) 19:08:48.47ID:???
CSSのボックスモデルと視覚整形モデルについて
ボックスモデルはCSS2.2で定義されてCSS Box Model Module Level 3で上書きされてる感じだが、
視覚整形モデルの定義を上書きするようなCSS3モジュールってのはどれになるんだい?
もうねモジュール多杉
0827Name_Not_Found2019/12/18(水) 10:08:41.56ID:???
section要素内にはにはhx要素がなければダメとかimg要素は文脈によりpやfigureで囲うとかいったようなルール?マナーは他にどんなものがあるんでしょうか??
参考になるサイト等もあれば教えてください。
0829Name_Not_Found2019/12/18(水) 15:41:03.28ID:???
仕様書は確かに最強だが、著者向けと実装者向けの話が混在しててクソ読みづらいんだよな
最近HTMLの復習をした際に参考になったサイト
http://mtrootyy.web5.jp/htmllint/html5memo/0mokuji.html


てかググって最初の方に出てくるリファレンスが軒並みクソってのはどうなのWeb業界
0830Name_Not_Found2019/12/18(水) 15:47:48.12ID:???
>>829
結局、原典のうち
自分に必要なものは何で、不要なものは何かってのは読む側によって変わるから
原典を端折って解説するリファレンスも
読み手に寄ってクソなのか有用なのかは変わってしまう
0831Name_Not_Found2019/12/18(水) 17:37:25.33ID:cS/JKnTy
https://codepen.io/ahmad-y/pen/vXVXgd/ 
このページのhtmlにjsを直接配置しようとしたらなぜかボックスが左端によってしまいます
どこに配置すればよいでしょうか?
0833Name_Not_Found2019/12/18(水) 19:07:00.41ID:???
codepenのhtml欄にスクリプト書いたらjQueryが読み込まれる前に実行されるから
0834Name_Not_Found2019/12/18(水) 20:09:01.67ID:???
>>828-829
ありがとうございます
結構なボリュームですね〜
読み込んでみます!
0835Name_Not_Found2019/12/18(水) 20:24:14.25ID:qyTh4aK6
>>833
js欄を消してHTMLに直接配置する場合 左に寄ってしまうのですが…
どうすれば良いでしょうか?
0836Name_Not_Found2019/12/18(水) 20:46:34.72ID:???
>>835
ただ縦横真ん中に寄せるだけならCSSだけで良いでしょう
flexで
0837Name_Not_Found2019/12/18(水) 21:03:42.77ID:qyTh4aK6
>>836
jsを設置するときは位置を完璧に見ないとダメですよね?jsが3つある場合それぞれHTMLの何処に対してのjsだからこの要素の後にScriptで囲って配置するといった感じで
0838Name_Not_Found2019/12/18(水) 22:04:09.53ID:???
>>837
たぶん色々勘違いしている
HTMLの中のどこに書くかなんてのはどうでもいいことだよ

JSで要素にアクセスする時点で
DOMツリーにその要素がいるかどうか、の問題なので

何をしたいのかをはっきり書いたほうが良いよ
あるボックスの縦横中央に配置する程度のことなら、JSはいらん
0839Name_Not_Found2019/12/18(水) 23:24:08.66ID:???
jQuery の読み込みは、body の終了タグの直前で、他のJS ファイルよりも先にすれば?

jQuery 読み込み
他のJS ファイル読み込み
</body>

ttp://jsfiddle.net/
を使えば?
0840Name_Not_Found2019/12/19(木) 08:22:25.11ID:???
IEとEdgeで表示すると、半角英数文字が極太になってしまうんですが、
何か対応策はありますでしょうか?
サイトは、Movable typeのrainierをベースにしています。
0841Name_Not_Found2019/12/19(木) 15:33:42.95ID:aaozOwJy
HTMLの中にjsを配置する場合 bodyの中において設置できる
jsはコードを変える必要はほぼ無いのに対し
PHPはHTMLとCSSを大きく変える必要があるという認識でいいのでしょうか?
0842Name_Not_Found2019/12/19(木) 15:39:12.05ID:aaozOwJy
PHPを使う場合CSSはほぼ実装しない前提でデザインを作り上げて足りない部分をCSSで補うという感じなんですか?
jsだと形として現れないのに対しPHPだと要らない要素まで別に作られてしまいます
0843Name_Not_Found2019/12/19(木) 15:40:22.80ID:???
>PHPだと要らない要素まで別に作られてしまいます

どこに作られてしまうの?
0844Name_Not_Found2019/12/19(木) 15:59:54.58ID:DEYsylZR
>>840
ウェブフォントで書体を統一してみるのも手
0845Name_Not_Found2019/12/19(木) 16:02:48.52ID:DEYsylZR
>>842
なにか勘違いしている

Php is Hypertext Processor って名前の通り
サーバでHTMLを生成するためのもの
一方JSやCSSは、クライアントで動くもの
なので並べて考える必要はまったくないよ

>jsだと形として現れないのに対しPHPだと要らない要素まで別に作られてしまいます

これは何かを失敗している
0846Name_Not_Found2019/12/19(木) 16:49:53.03ID:RjNlk/Ed
cssでh1タグの色指定したのに反映しません
chromeのデベロッパーツールを見ると

color: -internal-root-color;

と出ます。
color: blue;
と入力してるのになぁ

エディタはVScodeです
原因や解決方法わかる方いたらお願いします。
0847Name_Not_Found2019/12/19(木) 17:00:27.35ID:DEYsylZR
>>846
CSSファイルが読み込まれていない、セレクタが間違っている
のどちらかだろう

前者は、その開発ツールのSourcesのタブを選択して
スタイルを書いたつもりのファイルが読み込まれているかどうか見て

読み込まれていたら、そのスタイルのセレクタをコピーして
開発ツールのElementsタブを選択して
WindowsならCtrl+F
macOSなら⌘+F
を押して検索窓を開き、コピったセレクタを貼ってみて

ヒットしなければセレクタが間違ってる
0848Name_Not_Found2019/12/19(木) 19:18:28.65ID:ZQwqEonp
>>845
つまりはHTMLで実装できなかったものを補うという事でしょうか?
0849Name_Not_Found2019/12/19(木) 19:29:11.51ID:???
>>848
静的(変化が無い)内容のページの作成ならばHTMLのみで作成できるが、
リクエストに応じた内容でページを表示したい動的な場合はPHP等のサーバーサイドの言語が必要になる。

例えばGoogle等の検索エンジンで検索した時、
検索結果一覧の各リンクは検索キーワードによって内容が変わるでしょう。
この様な場合は変化しない枠組み等の構成だけがHTMLで作られていて、
枠の中に埋め込む具体的な検索結果の内容はサーバー側で生成してでレスポンスされてることが多い。
0850Name_Not_Found2019/12/19(木) 20:21:12.80ID:???
>>844
ありがとうございます。
そういうのがある、くらいでしか知らなかったんですが、
調べてやってみたら思いのほか簡単でした。
フォントが統一され、どのブラウザでも違和感が無くなりました。
0851Name_Not_Found2019/12/19(木) 20:34:45.86ID:ZQwqEonp
>>849
ありがとうございます
サイトに検索欄を設けたいと思っているのですがgifサイトなのでワードを割り振る予定です…
jsとCSSとHTMLのみで作ることはできないのでしょうか?
PHPはコードを自分で作り上げないといけないですよね?
0852Name_Not_Found2019/12/19(木) 20:43:21.80ID:DEYsylZR
>>851
やりようはあるだろうけど
思い上に面倒くさいだろうな>検索
ふつうにサーバ側でコード書くのが手っ取り早いと思う
書かなきゃならんのは、HTMLだろうとPHPだろうと変わらんし
0853Name_Not_Found2019/12/20(金) 09:16:00.56ID:???
Ruby on Rails, Sinatra みたいに、サーバー側は、Rubyを使うのが多い。
テンプレートエンジンは、ERB(埋め込みRuby)を使う

index.html.erb をERBで変換すると、index.html ができる。
a.txt.erb をERBで変換すると、a.txt ができる。
このように、どのようなファイルにも、ERBを適用できる

例えば、index.html.erb が、以下なら、
<% 2.times do %>
<input type="range" value="50">
<% end %>

index.html は、
<input type="range" value="50">
<input type="range" value="50">

<% 〜 %> に、Rubyの文が書ける。
<%= 〜 %> には、Rubyの式が書けて、その値が埋め込まれる

テンプレートエンジンで、HTML を作るまでが、サーバー側の処理

一方、クライアント(ブラウザ)側では、
CSS, JavaScript, jQuery, Bootstrap を使って、見た目を整える。
または、非同期通信のAjax を使って、データを取得することもある
08548532019/12/20(金) 09:25:45.85ID:???
検索欄は、クライアント側からのAjax 通信を使うのかな?

自分のドメインに、データベース(DB)を置いておいて、
HTML から、AjaxでDBを検索して、データをもらって、

jQuery, Vue.js などで、ページの一部を変えて、
そのデータをはめ込んで表示するとか
0856Name_Not_Found2019/12/20(金) 11:50:13.30ID:???
phpが圧倒的だね。
サーバーサイドクソ言語サバイバルで生き残ったのはphp。
0857Name_Not_Found2019/12/20(金) 11:53:00.03ID:???
ruby厨は他スレでNGテンプレ入りもしてるキチガイなので触らないように
0859Name_Not_Found2019/12/20(金) 12:58:21.18ID:???
大規模なゲームのスクリプト部分とかだね。
もとろんメインのエンジン部分はC++とかで書かれてるんだけど、イベントの記述とかまでC++などのコンパイル言語で書くと辛いからね。
プットプリントが小さく、システムにアドオンで組み込みやすい。
0860Name_Not_Found2019/12/20(金) 13:35:36.20ID:???
Lua, Squirrel などは、ゲームアプリ内だろ

スクリプト処理を、C++ でやるのは苦痛。
本当は、Ruby が望ましいけど、サイズが大きいから組み込めない
0861Name_Not_Found2019/12/20(金) 13:59:13.71ID:???
rubyみたいなクソ言語は候補にすら挙がらんわw
0862Name_Not_Found2019/12/20(金) 18:48:25.67ID:???
Rubyとかもう誰も使ってないじゃん
完全に未来なくなった
0863まだ秀丸エディタを少ししか使ってません2019/12/20(金) 19:22:21.25ID:e0N3cwHE
秀丸エディタって変なバグみたいなの多いっすね
ググったら直し方書いてるけど面倒っすね

先輩らのおすすめのエディタってあるっすか?
VScodeでいいのかな?sublime textの方が良いのかな?
暇な人が居たら教えてクレメンス
0864Name_Not_Found2019/12/20(金) 19:32:40.83ID:???
幾つか触って自分が気に入ったのでいい
sublime textは印刷がダメなのが凄く残念。それ以外は軽くて良いんだけどなぁ
0865秀丸2019/12/20(金) 20:22:42.43ID:???
>>864
vscodeでやってみるっす
0866Name_Not_Found2019/12/20(金) 21:00:23.80ID:2Hh9JRza
https://codepen.io/arnel-cariaga-hiciano/pen/yLLEgGG

これと同じものを作りたかったのですが
右側のみ画像を暗くする事ができなかったので
メイン画像(一番下の画像)→加工して灰色と黒の画像を繋げたもの(URLは1か月使えるもの)の順でメイン画像を隠すように上から加工画像を重ねました
本当はメイン画像を暗くした後に加工画像を上から被せて(透明度をあげて更に画像右側を暗く)したかったのですが画像を暗くする段階で下のメイン画像が加工画像と分離してしまいます 何かいい方法はないでしょうか?
0867Name_Not_Found2019/12/20(金) 21:07:54.85ID:2Hh9JRza
説明が分かりにくくてすいません
主となる画像を一段階暗くした後に(左側灰色右側黒)の自作レイアーを重ねて灰色の部分だけ透明度を使ってほぼ無色にして右側のみ画像を一段階暗くしたかったのですが…
主となる画像の方にも透明度を使っているためかレイアーとなる画像に透明度の要素を加えた際にダブってしまい画像が分離している事が原因だと思ってます…
0868Name_Not_Found2019/12/20(金) 21:14:55.38ID:2Hh9JRza
対策としては主となる画像を一段階 暗くして保存すれば良いのですが…
とんでもない量になるので懸念してます…
何とか主となる画像を一段階暗くして(サイズはそのまま) 上からレイアーの自作画像を載せて主となる画像の右側だけ暗くできないでしょうか?
反転色になる要素は見つけたのですが画像を徐々に暗くするようなグラデーション技術はほぼ不可能だと見ました…
0869Name_Not_Found2019/12/20(金) 21:29:31.08ID:2Hh9JRza
すいませんhttps://saruwakakun.com/html-css/basic/linear-radial-gradient
のような形でグラデーションを加えれば可能なようです…
上記のcodepenのサイトにするためにはグラデーションのみで可能ですか?
0870Name_Not_Found2019/12/20(金) 21:45:25.45ID:???
コードとしてすべて種明かしされてるのに、なぜ質問するのかな?
コード読めない子にコード書くのは無理だよ
0871秀丸2019/12/20(金) 21:46:01.78ID:???
プログラミング楽しいなぁ
いつか伝説のプログラマーになるんで宜しくっす
0872Name_Not_Found2019/12/20(金) 21:58:50.56ID:2Hh9JRza
>>870
上のcodepenのようにする為には画像加工などの技術が必要みたいです…
ですが何とかCSSとjsでそれと似たいわゆるエセ商品のようなものを作ってみたかったので…
すいません
0874Name_Not_Found2019/12/20(金) 22:20:18.50ID:2Hh9JRza
>>873
こんな感じです…泣
すいません勉強不足でした…
何とか頑張って画像加工しながらレイアー(透明度を上げた)ものを被せながらやってたのですが…
教えてくださりありがとうございますm(_ _)m
0875Name_Not_Found2019/12/21(土) 00:11:24.27ID:???
どうでもいいんだけど、検索ヒット数からすると
一般的にはレイヤー(layer)?
0876Name_Not_Found2019/12/21(土) 00:19:26.05ID:???
>>858
市販のルータに入れることができる
超軽量のLinuxベースの代替ファームウェア
OpenWrtでluaが使われてる
0877Name_Not_Found2019/12/21(土) 00:31:07.74ID:HJIGBgbf
>>875
外人は今でもlayerって呼ぶと思う
何らかの手段でボックスが重なることを

日本だと2000年前後に<layer>要素が死滅してからは
なんとなくレイヤーと呼ぶのが憚られる印象が個人的にはあるなあ
0879Name_Not_Found2019/12/21(土) 02:34:51.97ID:???
>>877
いや、そういうことじゃなくてな…
0880Name_Not_Found2019/12/21(土) 06:39:10.14ID:???
>>875
一般的にはレイアーじゃなくてレイヤーだよ
俺も気になったけどもうええかなって思ってスルーした
0881Name_Not_Found2019/12/21(土) 16:30:50.30ID:oS8vI2fj
>>873
すいません 普通の画像を映画風に仕上げたいという意味だったのですが…
やはりCSSでは難しいですよね
0882Name_Not_Found2019/12/21(土) 16:34:51.44ID:oS8vI2fj
http://karapaia.com/archives/52212165.html
早い話でいうとこんな感じです コラ職人の方ですかね
画像加工を学ばないと無理そうです…
0883Name_Not_Found2019/12/21(土) 16:44:06.06ID:oS8vI2fj
加工済みのグラデーション画像の上に
横サイズを縮小したグラデーション画像を同様に重ねる(真ん中を明るくするため右側の文が入るところだけ黒くする)
これでやってみます アドバイス参考になりました
0884Name_Not_Found2019/12/21(土) 16:52:22.00ID:oS8vI2fj
やはり873さんの方法を使わせて頂きます…
何度もレスすいませんでした…
0885Name_Not_Found2019/12/21(土) 17:21:40.13ID:???
MDNのCSS widthの解説で見たことないキーワードがいっぱいあるんだけど
availableとかfillとかこんなんありましたっけ?
0886Name_Not_Found2019/12/21(土) 18:26:23.88ID:???
なんか色々増えてるね
box-sizingとか要らなくなりそう
0887Name_Not_Found2019/12/21(土) 21:09:40.73ID:???
CSS黎明期にテーブルレイアウトは悪
これからはCSSとか言ってdiv使いまくりだったあの頃を知ってると、
CSSの理念はわかるがまだまだ機能不足だろって言ってた俺は
正しかったんだな。ほれみろ、こんなに足りない機能があったんだ
0888Name_Not_Found2019/12/21(土) 21:21:14.11ID:???
見た目は二の次でSEOが重要になったから、
web屋さんとしてはすげー先見の明はあったと思う
0889Name_Not_Found2019/12/21(土) 21:24:53.75ID:???
SEOとHTMLの正しさは関係ないよw

そもそもGoogleの理念は、有益な情報をより正確に検索できるようにすることであって
HTMLがただしいかどうかっていうのは、有益な情報とは関係ない

HTMLがめちゃくちゃでも、そこに書いてある情報が有益なら
検索の上位になるべきだろう。

Googleも正しいCSSを心がけてくださいとか言ってた気がするけど矛盾してるんだわ。
0890Name_Not_Found2019/12/21(土) 22:28:16.30ID:???
もうgoogleはhtmlやらcssよりも人間が見てどうなっているかを画像解析する程までに進化してしまったからな
bingや百度相手ならまだまだSEOも通用するんちゃいまっか
0891Name_Not_Found2019/12/21(土) 23:59:59.42ID:???
いまの検索結果を見て検索エンジンに絶望しかしないよね
0892Name_Not_Found2019/12/22(日) 00:06:57.12ID:???
何をどう絶望するんだよw
検索の仕方が悪いだけだろう
0893Name_Not_Found2019/12/22(日) 01:51:22.42ID:???
なんか基本的なところで引っかかりまくるんだが、
縦マージンのパーセント指定も親の"横幅"を基準にするのかい?

あとどこ見ても"親のwidthを基準"て書いてあるけど、
親がborder-boxだとwidthと一致しないから"コンテンツ領域"が基準だよな?
0894Name_Not_Found2019/12/22(日) 02:33:51.84ID:???
とはいえまだまだ発展途上だから
キュレーションサイトやアフィブロが上位に来るわけで
グーグルのない時代の情報の探しやすさと比べたら雲泥よ
0895Name_Not_Found2019/12/22(日) 04:03:48.33ID:???
>>893
widthが基準だって言ってるんだから、border-boxならボーダー領域(= width)が
基準になるんじゃないの?
0896Name_Not_Found2019/12/22(日) 10:13:36.83ID:???
そう。さらに言うならborderを設定していた場合その内側。要素によってborderの厚みが違うときに外側で揃えたい場合ちょっと面倒。
0898Name_Not_Found2019/12/22(日) 16:17:58.86ID:???
>>897
試してみたけど、確かになってねーな
元々は「width=コンテンツ領域の幅」で、親にborde-box指定しても
子のwidthの基準になるのは、あくまでも親のコンテンツ領域のことを指す
っていう理解でいいのかな?
あんまり考えたことなかったんで、勉強になった
0899Name_Not_Found2019/12/22(日) 21:53:35.14ID:???
下のようにエディタに入力してますが、CSSが反映されません。
他の部分のCSSは反映されています。なぜだかわかる方いますか?

HTML
<!-- メインここまで -->
<!-- フッター -->
<footer class="foooter">
<p>&copy;Copyright KUJIRA Cafe. All rights reserved.</p>
</footer>
<!-- フッターここまで -->
</div>
</body>
</html>

CSS
/* すべてのページに適用 - フッター - */
.footer {
background-image: url(../images/footer-bg.png);
background-repeat: no-repeat;
margin-top: 30px;
padding: 80px 15px 20px 15px;
font-size: 12px;
color: #3f5170;
}
0900Name_Not_Found2019/12/22(日) 22:08:54.16ID:???
classがおかしいよね
0901Name_Not_Found2019/12/22(日) 22:52:18.15ID:???
ググっても出てきません。

キーボード?マークの所のスラッシュ(/)と、テンキーの割るって意味の/は同じですか?
0903Name_Not_Found2019/12/22(日) 23:08:51.69ID:lXu6x7Ki
>>900
>>902
ありがとうございます。
0904Name_Not_Found2019/12/23(月) 01:05:20.42ID:???
文章が写真を巻き込みません>< なぜですか? お願いします!


HTML
<p><img src="images/about-photo.jpg" alt="タルトの写真" class="shop-photo">大海原を悠然と泳ぐクジラの姿を見た事があるでしょうか。そのゆったりとした動きや優しい眼差しを
見ていると慌ただしい日常が遠い世界のできごとのように感じられるのです。時間が経つのも忘れて、ただただクジラを眺めてぼーっとすごしたひとときの心の充実を、私は今も忘れません。</p>

CSS
.shop-photo {
float: left;
padding: 0 1em 1em 0;
}
0906Name_Not_Found2019/12/23(月) 02:51:48.77ID:???
チン毛じゃね?
0907Name_Not_Found2019/12/23(月) 08:08:32.91ID:???
>>904
>大海原を悠然と泳ぐクジラの姿を見た事があるでしょうか
私は無いのですがマリン板のガチムチ諸兄なら適切な回答がもらえると思います
0908Name_Not_Found2019/12/23(月) 08:24:54.29ID:???
これ教本の課題だよ
クジラカフェっての記憶にある
0909Name_Not_Found2019/12/23(月) 14:17:25.31ID:NSUhDtWD
一つお聞きしたいことがあるのですが画像のサイズを変えずにアップロードってできませんよね? サイトのヘッダーに画像を使いたくてもPNGやJPEGで取得できませんし…
imgerを使ってしまうと小さくなってしまいます
PNGというもので自分のPCからHTMLの要素として追加できるのでしょうか?サーバーにあげずに
0910Name_Not_Found2019/12/23(月) 16:09:50.01ID:NSUhDtWD
https://codepen.io/sadsfff/pen/xxbdpvm

連投すいません 上記のコードで書いたのですがスクリプトが機能しません
書き方はあってますでしょうか? 同じボックスに同じjsを当てはめたいのですが…
0911Name_Not_Found2019/12/23(月) 16:36:10.71ID:nysedyWc
>>909
アップローダーならいくらでもあろう
スレ違いなので自分でググって探して
0912Name_Not_Found2019/12/23(月) 16:40:26.20ID:???
>>911
<button>要素閉じよう

あと、自分で書いたとおり
クリックイベントのターゲットは<button>要素の方で<a>要素じゃない

だから、ボタンの端っこの方をクリックするとアニメーションするけど
<a>要素の部分をクリックするとリンクしてる
0914Name_Not_Found2019/12/23(月) 17:07:22.36ID:???
>>909
ちょっと何言ってるか分からない
imgerってimgur?
だとすれば、imgurにアップロードした画像を自分のサイトのヘッダーにリンク画像として表示させてたけど
原寸表示させたいから、ローカルのPC内に入ってる画像をサーバーに上げずにサイトのヘッダーに表示させたい
っていうこと?
0915Name_Not_Found2019/12/23(月) 19:45:56.61ID:YgV9zCN+
すいません分かりました buttonの中にjs を書くと良いんですね
<スクリプト> と直せば実行できました
疑問なんですが<スクリプト src>とはなんですか? このsrcは要らないような気がするのですが
0916Name_Not_Found2019/12/23(月) 19:46:48.57ID:YgV9zCN+
>>914
はい、ずばりそういうことです
別の方のサイトを見る限り可能なようだったので…
0917Name_Not_Found2019/12/23(月) 19:50:47.76ID:YgV9zCN+
スクリプト srcと指定している人が何故してるのかは大体予想できます
もしHTMLが複雑だった時もしくはjsが複数ある場合 配置位置がぐちゃぐちゃになるからですよね?
だから<スクリプト>だけで良い物をわざわざ<スクリプト src=クラス名にして直接指定してやるということですよね??
0918Name_Not_Found2019/12/23(月) 19:58:05.77ID:???
>>915,917
ごめんちょっと何言ってるかわかんない

前にも質問書いてた人かもしれないけど
script要素をHTMLのどこに書くか
要素の中に直接書くのか、別ファイルにしてsrcで読み込むか
なんてのは果てしなくどうでもいいこと

>>910の問題はquerySelectorに渡すセレクタ
0919Name_Not_Found2019/12/23(月) 20:01:46.22ID:???
>>915,917
超大雑把に言えばJSは

・要素にアクセスして
・イベントをつかまえて
・やりたいことをやる

の3つで出来てる
>>910だったら

・button要素、a要素にアクセスして
・clickイベントをつかまえて
・既存の動作をキャンセルしてから、アニメーション用のクラスの付け外しをする

になる
この1つ目を失敗してるからそれだけ直せば良いこと
0920Name_Not_Found2019/12/23(月) 20:12:54.68ID:YgV9zCN+
>>919
つまりはHTMLが間違ってるということですか?
先程手直ししてスクリプトsrcをスクリプトに書き換えました
button要素を最後にかいて中にjsを入れ込みました
スクリプトsrc=は外部リンクだったんですね…
てっきり=配置したい所のクラス名だと思ってました
0921Name_Not_Found2019/12/23(月) 21:51:14.07ID:???
>>916
自分のサイトってどっかのサービスか何か使ってんの?
それとも自分でサーバー借りてやってんの?
前者なら、そのサービスが何か分からんことには答えようがないし
後者なら、自分のサーバー内の任意の場所に表示させたい画像を
ftp等でアップロードして、HTMLファイルのヘッダー画像のパスを
アップロードした画像のパスに書き換えりゃいいだけ
0922Name_Not_Found2019/12/23(月) 22:00:47.45ID:???
>>920
>つまりはHTMLが間違ってるということですか?

ちがうよー
たぶんちょっと前にも質問した人だと思うけど
そんでそのときにも答えたと思うけど
script要素をどこに書くかなんて、君が抱えている問題に関しては
果てしなくどうでもいいことだよ
0923Name_Not_Found2019/12/23(月) 22:22:57.10ID:???
何かもう意思疎通が出来てる気がしないから、正解書いてあげたら?
そもそも当該スクリプトで、どういう動作をさせたいのかよく分からんから
何が正解なのか分からんけどw
0924Name_Not_Found2019/12/23(月) 23:02:07.74ID:???
混乱極まってるますな
クリスマスだし仕方ないか
0925Name_Not_Found2019/12/23(月) 23:09:32.96ID:???
JavaScript(JS) の質問は、JS のスレへ書いてくれ!

それに、素のJS で書いていくのは、キリがない。
時間が掛かるだけ

初心者は、わかりやすいjQuery を使え!
09269252019/12/24(火) 00:02:30.58ID:???
jQuery なら、こんな感じ。
先に、jQueryを読み込んでから、ソースコードを書く

</button>のラベルと閉じタグが無いから、ボタンが表示されない!

注意! 投稿できないため、scr@ipt と間に、@を入れた

<button class="bubbly-button">押して</button>

<scr@ipt type="text/javascript" src="../jQuery/jquery-3.1.0.min.js"></scr@ipt>
<scr@ipt type="text/javascript">
$( function ( ) {
$( ".bubbly-button" ).hover ( function ( ) {
$( this ).stop( ).animate(
{ opacity: '0.5', fontSize: '22px' }, 1000 );
}, ( function ( ) {
$( this ).stop( ).animate(
{ opacity: '1', fontSize: '16px' }, 1000 );
} )
)
} );
</scr@ipt>
0927Name_Not_Found2019/12/24(火) 18:45:31.97ID:???
最近はスマホで見る人も多いから
ラジオボタンよりもプルダウンメニューの方が好んで使われるんだね
0928Name_Not_Found2019/12/24(火) 19:02:22.86ID:???
>>927
UI/UXとしてはケースバイケースだと思う
一覧性が必要な場合もあるし
0929Name_Not_Found2019/12/24(火) 19:08:00.04ID:???
フレキシブルなヘッダ固定テーブルってどこ調べても使える解答がないんだけど無理なのか?
0931Name_Not_Found2019/12/24(火) 20:44:12.49ID:???
HTMLで、雨が降る、というテキストを
夜更け過ぎには雪に変わるだろう、というふうにしたい場合はif文章を使えばいいんですかね?
時間が変われば変更する感じでswich文章の方が良いですかね?
0932Name_Not_Found2019/12/24(火) 20:56:43.08ID:???
>>931
JSで
そのテキストが書かれている要素にアクセスして
Dateオブジェクトから現在や任意の時刻を得て
その時刻に呼応した文字列を作り
アクセスした要素のinnerHTMLに差し替えます

HTML/CSSの話ではないので
詳しくはJSスレへどうぞ
0933Name_Not_Found2019/12/24(火) 21:12:35.78ID:aEkvtPBt
レイアウトについての質問です

以前 grid や flex は試したことがあるのですが、
Bootstrap のグリッドシステムにも興味が出てきています。

まだ Bootstrap がどのような記述をするものなのか分からないので、ざっくりとした質問で申し訳ないのですが、
css 標準の grid や flex と Bootstrap のグリッドシステムを比較した時、どちらが記述しやすく明確になりますか?

レスポンシブ対応等、Bootstrap を採用するにあたってメリット等ありましたらそれも教えて頂きたいです。
小規模な開発には不要、などの情報もあればよろしくお願いいたします。
0934Name_Not_Found2019/12/24(火) 21:27:27.34ID:???
>>933
Bootstrapは、ありがちなデザインのスタイル(CSS)を予め作ってくれてるもので
CSSじゃないわけじゃない
やることはいっしょ

あとグリッドシステムというのはデザイン用語で
グリッドを使ったデザイン手法のこと

Bootstrapのメリットは、楽なことと、主だった手バグがフィックスしていること
デメリットは、Bootstrap臭いデザインになること
0935Name_Not_Found2019/12/24(火) 22:25:58.92ID:???
>>933
クリスマスイブにHTMLやCSSのコード書いてるのかい
ご苦労なこったなあ
俺もだけどw
0936Name_Not_Found2019/12/24(火) 22:27:57.23ID:???
この時期になるとやたらこじつけでクリスマスネタ使いたがる奴いるけど正直見てて寒い。
0937Name_Not_Found2019/12/24(火) 22:30:49.09ID:???
>>936
別にここに居なくていいし寒いならここ来なくていいんだよ誰も頼んでないからな
メンタル病んでるんじゃないか
0938Name_Not_Found2019/12/24(火) 22:33:21.11ID:???
まぁ、落ち着け。
0939Name_Not_Found2019/12/24(火) 22:40:41.70ID:???
>>936
わかる
ウッキウキで書き込んでるんだろうなぁ
0940Name_Not_Found2019/12/24(火) 23:47:18.07ID:???
今仕事帰りなんだけど正直寒い

なにこの気温…((((;゚Д゚)))))))
0941Name_Not_Found2019/12/24(火) 23:54:49.57ID:???
初めにcssをエディタの上の方で
display: flex;
と書いてphotoとテキストが横並びになるようにしておきました。

でもスマホで縦画面で見た時に横幅が狭くて、photoとテキストが横並びだと見ずらいのでエディタで下の方に
desplay: block;

と書きました。スマホで見るとphotoとテキストが縦並びになって見やすくなりました。cssは下に書いてる方を優先するから、displya: block;が優先されて、縦並びになったと思うのですが、パソコン画面で見直すとphotoとテキストが横並びになります。

これはまだ desplay: flex;が生きてるって事ですか?
上の方のcssが下の方に書いたcssに書き換えられてるのではなく、下も上もcssは生きてて、下が優先されるって事でOKですか?
0942Name_Not_Found2019/12/25(水) 00:01:49.49ID:???
>>941
本当にその通り書いたならスマホの方は効いてないよ
0943Name_Not_Found2019/12/25(水) 00:30:39.90ID:???
>>941
何か間違ってる
書いたコードを正確に言葉で説明するのは難しいし無駄なんで
どっかに晒して頂戴

そのためにcodepenやjsfidlleがあるのだから
0944Name_Not_Found2019/12/25(水) 02:01:12.28ID:???
デスプレイってオスプレイの友だち?
それともチャッキー?
0945Name_Not_Found2019/12/25(水) 05:26:49.69ID:???
レズプレイの一種だよ
デブプレイとも似てる
0946Name_Not_Found2019/12/25(水) 11:41:32.48ID:???
>>933-934
Bootstrap 4 の本。
CSSフレームワーク Bootstrap入門、掌田津耶乃、2018

xl : デスクトップ PC などの大画面モニタ - 1200px 以上
lg : ノート PC などの省サイズモニタ - 992px 以上
md : タブレット端末など - 768px 以上
sm : スマートフォン(横持ち)など - 576px 以上
- : スマートフォン(縦持ち)、IoT 端末など - 576px 未満

画面サイズで、この5つに分類して、
横幅を12分割して、その内のどれぐらいの幅を使うか指定する

md 以上なら、12を、4-4-4 に分けるとか、
md 未満なら、6-6 に分けるとか、

他には、Carousel などのコンポーネントも付いてる
0947Name_Not_Found2019/12/25(水) 23:16:34.56ID:???
>>946
横レスですまんが、
昔、知り合いが180ピクセル単位幅でレイアウトすればなにか便利とか言ってたけど、
これと関係する?
グリッドコンピューティングだっけ?
0948Name_Not_Found2019/12/26(木) 08:04:22.26ID:???
"floatする際にはwidthの指定も必須"みたいな記述を見かけるけど
そんなルール仕様書にありましたっけ?
0949Name_Not_Found2019/12/26(木) 08:20:38.12ID:???
そもそもそんな記述を見かけない
0950Name_Not_Found2019/12/26(木) 10:22:51.60ID:???
>>947
グリッドコンピューティングてのはクラウドサバみたいなやつのことだ
複数の生きてる資源を組み合わせて1つのコンピュータとみなすやーつだ
0951Name_Not_Found2019/12/26(木) 10:23:47.03ID:???
>>947
で、180云々てのは約数の問題だろう
09529332019/12/26(木) 21:28:58.41ID:???
>>934
結局のところ触ってみないと分からなそうです
Bootstrap臭くなるっていうのがちょっと気にはなりますが試してみようと思います
ありがとうございました
0953Name_Not_Found2019/12/27(金) 14:25:09.90ID:???
今progateで勉強し始めて、liを横並びにしたいのですが、

index.html

<div class="header">
<div class="header-logo">Progate</div>
<div class="header-list">
<ul>
<li>プログラミングとは</li>
<li>学べるレッスン</li>
<li>お問い合わせ</li>
</ul>
</div>
</div>


の時、
stylesheet.cssにおいて、

.header-list li{
float: left;
}

で適応されるのですが、

.header-list{
float: left;
}

では適応されないのは何故でしょうか
.header-list{}であっても、liは範囲内にあると思うのですが・・・
0954Name_Not_Found2019/12/27(金) 14:27:09.99ID:???
失礼、IDを出しておきます
0955Name_Not_Found2019/12/27(金) 14:28:40.96ID:VmgQiWjM
ごめんなさいミスりました・・・
0956Name_Not_Found2019/12/27(金) 16:45:34.57ID:???
俺からも質問いいかな

progateって何なん?レッスンサイト?
詳細見ようとしてもログイン強制されて見れんし。
0957Name_Not_Found2019/12/27(金) 17:24:53.62ID:???
>>953
CSSてのは、セレクタで要素を特定して
その要素に適用したいスタイルを記述するものなんよ

で、横並びにするためにfloat: leftというスタイルを使ってるわけだけど
そのスタイルを適用すべき要素は、<li>要素じゃん?
<li>要素が横並びになるわけだから

だから、その<li>要素を特定するために
前者の.header-list litというセレクタが必要なんよ

後者の.header-listは
<div class="header-list">という要素を指すセレクタであって、<li>要素ではない
0958Name_Not_Found2019/12/27(金) 17:25:29.99ID:???
>>956
それはスレ違いなのでおググりください
0959Name_Not_Found2019/12/27(金) 18:18:20.34ID:VmgQiWjM
>>957
なるほど・・・
.header-listにfloat: left;を適応させようとする行為は、
「箱の中の石を横並びにさせようとしているのに、
箱そのものに横並びをさせようとしていた」という認識であっているでしょうか?
0960Name_Not_Found2019/12/27(金) 18:25:52.93ID:???
今どき横並びにするのにfloat left教えるとかだっせぇサイトだなw
0961Name_Not_Found2019/12/27(金) 18:48:51.39ID:???
>>960
もっと良い方法があるんですか?
今時の主流はなんでしょうか
0963Name_Not_Found2019/12/27(金) 19:03:51.07ID:???
>>960
だから古い教材でメシ食ってるって言ってんだろハゲ
0965Name_Not_Found2019/12/27(金) 21:03:14.69ID:???
>>953
俺より初心者を初めてここで見たわ
俺も初心者じゃなくなって来たって事かな?
0966Name_Not_Found2019/12/27(金) 21:11:16.58ID:???
>>965
そう見えたなら、初心者は脱したとは思うよ。
単体で金を稼げるようになったら一人前
0967Name_Not_Found2019/12/27(金) 21:27:49.81ID:???
そのサイトがfloatを推奨しているのか、
ただ横並びせよと命題出してるだけで初心者が勝手にfloat採用したのか、どちらなのかは分からんぞ
0968Name_Not_Found2019/12/27(金) 21:32:39.54ID:???
多分進めていくとflex出てくる
とりあえずfloatの使い方を最初にやってるだけ
0970Name_Not_Found2019/12/28(土) 00:25:38.45ID:???
上と下の奴だと上じゃないとダメですか?
idが先でclassが後などのルールがあるのですか?



<div id="change-text" class="btn">文字列を変更</div>


<div class="btn" id="change-text">文字列を変更</div>
0971Name_Not_Found2019/12/28(土) 00:44:12.23ID:???
順番はありません好きにすればいいです
0972Name_Not_Found2019/12/28(土) 01:08:00.07ID:???
そういやなんでみんなidから書くんだろうな
自分もだけど
0973Name_Not_Found2019/12/28(土) 01:08:34.80ID:WMd/dG8p
>>971
thank you!
0974Name_Not_Found2019/12/28(土) 01:25:38.87ID:???
今の時代はflexだけど、floatも使えた方がいいって先生から教わった
0975Name_Not_Found2019/12/28(土) 01:35:15.85ID:???
そう。そういうのいつも思うけどさAかBかじゃないんだよ。

AもBも両方覚えろって話なんだよ。
photoshopかillustratorかじゃないんだよ。
ReactかjQueryかじゃないし
macかWindowsかも討論不要なんだよ。
レズプレイかデブプレイかじゃないんだよ。
両刀なんだよ!!
0976Name_Not_Found2019/12/28(土) 02:26:01.92ID:???
そら使えないより使えた方がいいに決まってんじゃん馬鹿でー
横並べにfloat出すのが不適切って話よ
0977Name_Not_Found2019/12/28(土) 05:56:56.88ID:???
テーブルセルに対してmax-width指定しても基本効果無いけど、
特定の列の幅だけ完全固定する、他の列は親要素に対して広がる、みたいなことはできんかね?
0978Name_Not_Found2019/12/28(土) 10:56:31.01ID:???
特定の列の幅だけwidthをピクセル指定すりゃいいだけやん
0979Name_Not_Found2019/12/28(土) 11:39:26.83ID:???
ああ固定レイアウトにして他の列をautoにすればいいだけだったわ
テーブル本体のwidthがauto指定だと自動レイアウトになっちまうってのが混乱の元なんだよなあ
0980Name_Not_Found2019/12/28(土) 11:43:51.20ID:???
>>975
じゃあ六法全書ぜんぶ覚えるべきだよねw
法治国家日本では法の無知は言い訳にならないからおちおち出歩けもしないしねww
0981Name_Not_Found2019/12/28(土) 13:57:25.52ID:???
>>980
六法と何を比較して悩むの?
弁護士・司法書士なら関連は全部覚えるに決まってるだろ
0982Name_Not_Found2019/12/28(土) 15:18:33.56ID:OpUm7XrG
html フォーム受信ってPHPでしか受け取れない?Javascriptじゃあ無理?
0985Name_Not_Found2019/12/28(土) 21:51:30.47ID:A/uXwtrt
もし文法エラーやHTMLだけ設置しておりそれに関するCSSがなかった場合 サイトを表示できないのでしょうか?
0986Name_Not_Found2019/12/28(土) 22:43:21.94ID:0lTwDZot
>>985
大抵のブラウザにデフォルトのCSSがあるので、それで表示されるよ
適当なサイト表示して、開発ツールで読み込んでるCSS全部外してみると見られるよ

ヘッドレスブラウザみたいに
表示そのものがないブラウザもあるよ
0987Name_Not_Found2019/12/28(土) 22:44:20.39ID:0lTwDZot
>>984
その仮サーバーのセッティングが間違ってんじゃない?
0988Name_Not_Found2019/12/28(土) 22:45:24.36ID:0lTwDZot
>>982
GETなら
0989Name_Not_Found2019/12/29(日) 05:18:43.76ID:ahCLpc/S
>>987
家に帰って設定してみます…
0992Name_Not_Found2019/12/29(日) 23:14:37.74ID:???
>>991
そのフローだと設定はできない。
亡くなる前に設定を完了させて、その後に亡くなって霊きゅう車で帰るべきだよ。
0993Name_Not_Found2019/12/30(月) 04:55:31.10ID:???
"flex-growの総和が1未満だとスペースの配分量が100%にならない"
という仕様っていつぐらいにできた?解説してるサイトが見当たらん
Chromeは仕様通りに動いてるみたいだが。
0994Name_Not_Found2019/12/30(月) 11:21:11.79ID:???
>>993
次スレに書いてあげるから次スレ立ててくれ
0996Name_Not_Found2019/12/30(月) 19:01:00.83ID:???
パイソンって触りでも知ってた方がいい?
0997Name_Not_Found2019/12/30(月) 19:38:10.31ID:???
オッパイは触ったほうがいい。
0998Name_Not_Found2019/12/30(月) 21:04:45.72ID:9H4NiHU/
エラーチェックした場合 その箇所を絶対直さないといけないのでしょうか?
1000Name_Not_Found2019/12/31(火) 00:40:14.50ID:???
俺は伝説のクリエーターになる!!!!
10011001Over 1000Thread
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 111日 0時間 56分 33秒
10021002Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
レス数が1000を超えています。これ以上書き込みはできません。

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