HTML/CSS のどんな質問にも優しく答えるｽﾚ 43
レス数が1000を超えています。これ以上書き込みはできません。
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 42
https://mevius.5ch.net/test/read.cgi/hp/1577720324/l50
■関連スレ
Webサイト制作初心者用質問スレ part251
http://mevius.5ch.net/test/read.cgi/hp/1564414228/l50
■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html cssについて質問があります
line-height: 0;
とはどういう事ですか？
％とかピクセルを入力するなら理解できますが
高さが０って理解できません
どういう事が教えてください まさか0の概念を理解しとらんとゆうわけやないやろな？ どう理解できないのか、サッパリ分からんけども
まぁ、用途としては、画像の下とかにできる余白を無くすために使ったり
そのまんまline-height: 0;ググれば色々出てくる css からバックグラウンドではない画像、通常のimg srcの値を指定/変更する方法はありますか？ これができますか？な質問の時はどういう場合を想定してそういう処理が必要なのかも併記しないと 中身消して、afterとかbeforeで頑張ってみるとか？ すみません、aタグがついてるheader内のhomeへ戻るための画像なので、背景画像にはできません。
一応自己解決方かもしれないので方法書きますね。
img要素2つ用意しておいて、それぞれをdisplayプロパティのblockとnoneで出し分けする方法で実現できました。
というかdisplay:blockとnone使っちゃえば殆んどの表示切り替えはできちゃいますね。 >>10
背景画像にできない理由にはなってないけど
それで良いなら、まあよかったじゃん >>4
画像の下の余白を無くす！
そういう事でしたか
テキストや画像の高さの事だと思ってました
テキストの場合はテキストと余白の高さ、画像の場合は下の余白って理解であってますか？
間違ってますか？（アフォすぎてさーせん） >>13
そういうことじゃない
>>4はline-heightそのものの使い方じゃなくて「line-height: 0;」の使い途の話
だから「「line-height: 0;」でググれよっていう
簡単にかみ砕いて理解しようとすると間違うので、とりあえずコレでも読んでみて
https://developer.mozilla.org/ja/docs/Web/CSS/line-height >>4
中学1年になったとき英語用に4本線の描かれたノート買ったじゃろ
上から3本目が赤線のやつ
gとかyとかが赤線より下になるやつ
あの赤線が英文を書くときのbaselineで
vertical-alignのbaselineはこれのこと
img要素もデフォではinline-blockなので、このbaselineに揃う
だから赤線と4本目の線の間ぶん、画像の下に空白ができる
line-heightは行の高さだから、ゼロにしたらもちろんこの下の空白はなくなるけど
いささかやりすぎ
画像の下の空きを消したいならvertical-alignを使おう ええなあこういう基本的な概念からの解説ってｗ
やはり基本は大事だしここができてないと変な解釈へ走るから >>15
いやいや、line-height:0;の使い途の話をしているんであって
余白の無くし方の話をするならline-heighｔ:0;なんて勧めないってば
line-height:0;で検索したら、いくらでも余白の無くし方が引っかかるし
だから先ずはググって色々読めって言ってるんだよ >>17
ここではなんでそうなるのかのわかんない奴への解説だからこれでよかろう
人に物を教えるときには順序立ててやんないと理解してもらえない
一番難しい学問は人に物を教えること 後からやって来て横から御高説を垂れるのはいいけど、そもそもの質問に答えてないっていうねｗ
>>15
imgはインライン要素な。
displayのデフォルトはinlineであってinline-blockではない。
だから、baselineとbottomの間の余白を無くしたいなら、baselineに揃ってる画像の下端を
vertical-alignを使ってbottomまで下げてやればいい（img{ vertical-align: bottom; }）
ってとこまで説明しないと、わかんない奴にはわかんないだろｗ
ちなみにテキストと横並びにしてる場合には、画像だけが下がるので余白分だけテキストとの
位置関係がズレるが、位置関係を変えたくなければline-height:0;の方がズレないので便利。
良し悪しは知らんが。
https://jsfiddle.net/c5jf4ous/
まぁ、他にも画像をdisplay: block;でブロック化したりfont-size: 0;とかposition使うとか
色々あるから、ケースバイケースで使い分ければいいんじゃないかね。vertical-alignに絞らずに。 日本語に限らずベースラインはフォントによるんじゃね？ >>5
.example:before {
content: url(../img/face.png);
}
>>6
回答者の資格なし >>10
一昔前はそれで対応されてたけど
それの欠点は不要な画像までロードする必要が出るのと
displayを表示か非表示かの用途で使用してしまうと
inlineかblockかの概念で使えなくなる欠点がある。
スマホと出力分ける場合は、一般的にはサーバーサイドで出力わけるか
<picture><source media="(max-width:750px)" srcset="images/hogehoge.png">のようなのを使う >>23 >>24
すごい！師匠と呼ばせてください。
疑似要素使えますねー >>26
お思い知りましたでございますでしょうか？
オチンカスの皆さま >>28
使えないよ。
その画像、可変対応できないから。
お主もまだまだよのう content:にいれた画像ってサイズ指定できないのか 背景画像として指定すればサイズ変更できるよ
とりま、これでも読んでみ
ttps://saruwakakun.com/html-css/reference/change-before-after 兄弟や従兄弟要素同士、または同クラス同士で高さを揃える方法ある？
例えばテキストボックスが4つあって、一番文字数が多いテキストボックスの高さに他のテキストボックスの高さも合わせるとか >>36
兄弟はflexやgridで
従兄弟はCSSではむずい ただいま疑似クラスに苦戦しています
<div>
<h3>見出し</h3>
<p>文章1</p>
</div>
<div>
<h3>見出し</h3>
<p>文章2</p>
</div>
みたいなコードで上のp(文章1)だけを指定する方法は分かりますでしょうか？ div:first-child > p
とか
div:first-of-type > p
とか 兄弟や従兄弟同士、または同クラス同士でフットサルする方法ある？ おお、いけた！ありがとう
ちなみに更にpが複数あった場合は
div:first-child > p:nth-child(2)
みたいな長いセレクタになっちゃうんですかね…
ここまで来たら個別のclassを指定した方が良いのでしょうか？ >>38
>>45
そんなしょっちゅう個別に変える必要があるならclass指定かspanでいいだろ 今までcssで表の背景透明度とかしてたのに突然css適用されてなくて枠も表の背景色も表示されなくなってしなったのですが
原因はどこにあるのでしょうか?cssへのパスとかは弄ってないので原因がさっぱり分かりません。。 >>48
HTMLの方が変わって
書くべきセレクタが変わってしまったか
CSSファイルの読み込みが失敗するようになったか
じゃね？
開発ツールでスタイルはどう表示されている？ 指定したフォルダ内のファイルを一括で検索・置換できるオススメソフトない？
「複数行置換」ってソフトがほぼ条件満たしてるんだが、検索がない！！
いきなり置換しかできない！！なんだこの糞使用！！
どこが置換されるのかされたのかわからんだろ！！！
理想
・指定したフォルダだけ検索・置換（PC丸ごと検索すんなボゲ！）
・正規表現に対応してる
・複数行に置換ができる
要するにdreamweaverの機能だなｗ
あの機能を無料で使いたいんだが >>52
いけた！ありがとう～
アイコンちっせーｗ >>49
開発ツールって何ですか？
レンタルサーバーのfftpから直接コード編集してます >>55
当該ページをchromeとかfirefoxで表示させてアクティブにした状態で
ショートカット「ctrl + shift + i」押してみ 初心者でテキストの応用がうまくいかず質問します。
お答えお願いします。
ヘッター作成後、
div cssでバックグラウンドイメージ
h2で文字
/div
h2にマージンで位置を調整したいのですがうまくいきません。
バックグラウンドイメージの中央に文字を配置したいのですが、
h2にマージンを入力しても、ヘッターとの間にマージンがかかってしまいます。
よろしくお願いします divにoverflow:hidden;
そもそもh2だけでやれ >>57
うまく伝わるかどうかわからんが
マージンは貫通してる
パディング使ってください そんでその貫通してる様子も
開発ツールで見られるので、見てください
あと次スレ立てる人は
>>1にあれこれ書く前に
「初心者はまず開発ツール見ろ」と書いてほしい… >>54
おお、久しく使ってなかったな
なんで使わなくなったのか忘れたが、何か理由があったはず。
でもありがとう 回答者はやさしくする義務があるが
質問者がやさしくする義務はないだろ？ >>57
margin:0 auto;
や
display:inline-block;
text-align:center;
は試した？ htmlやcssの整形でbeautifyを使っているのですが、コメントアウトも改行されてしまいます。
改行されないようにするにはどうしたらいいでしょうか？ >>69
どのbeautifyを使ってるかわかんないからアレだけど
設定がないならあきらメロン >>68
ありがとうございます。
インラインブロックでうまくいきました。 >>70
gulpのプラグインgulp-html-beautifyです。
設定か、ignore?でどうにかできないか知りたかった。
以下にできるとは書いてあったんだけどな
https://haniwaman.com/gulp-html-beautify/ >>70
>>72に加えてcssはbracketsのプラグインです。htmlにも手動で使います。 >>77
ではスマホ、タブレットで開発ツール出す方法教えてやってよ 大事な事なので2回いいますが
Scssって構造通りの入れ子で書いてますか？ 大事な事だからです
これも2回目ですね（ニヤニヤ） おう素人共！
さっさと質問しろや
先生忙しいから締めきっちゃうぞ h3タグに「くだもの」というタイトルがあったとして、その下に
リンゴ：バラ科リンゴ属の落葉高木樹。またはその果実のこと。植物学上はセイヨウリンゴと呼ぶ。
みかん：ブドウは、ブドウ科 (Vitaceae) のつる性落葉低木である。
こんな場合、名前と説明をどういうhtmlの構造でマークアップすれば良いのでしょうか？
説明はpで良いと思うのですが、名前はliの後ろに ： をつけるのも構造としては変でしょうか。 >>87
ほうなかなかないい質問しやがるな
考えてる事は素晴らしい。
回答は
li > h3 dl > dt dd だな
定義済みリストってのがあるからリンゴは<dt>だな。
：はsfter疑似要素でつけるがよろしい。
ちなみにdtというのは童貞の事な ごめんsfter疑似要素でなくafter疑似要素の間違い
56すぞ >>88
まあdlで果物をdtで説明をddでやるがベターだろうな
中にはタイトルをhタグで説明をｐタグでとか簡単にやってるとこもあるが >>88
先生ありがとう
ul liを使っていましたが、dl dd dtを使うのですね。
定義済リストというのがよくわからないのですが、
定義済ならdl dd dtで、
定義されていないリストならul liってことかな・・・ >>93
・ul li 順序の無いリスト
・ol li 順序のあるリスト
・dl dt dd 定義済みのリスト。用語（dt）に対して説明（dd）が入ったものが1セット >>87
なのでこう書く
<h3>くだもの</h3>
<dl>
<dt>リンゴ</dt>
<dd>バラ科リンゴ属の落葉高木樹。またはその果実のこと。植物学上はセイヨウリンゴと呼ぶ。</dd>
<dt>ブドウ</dt>
<dd>ブドウは、ブドウ科 (Vitaceae) のつる性落葉低木である。</dd>
</dl> あとdtに対してddが複数あって説明を分けても別に構わないしその逆もまた同じ dlって、tableのtrみたいな
dtとddをくくるタグがあったら使いやすかったのになー >>97
ほんそれ。
デザイン上の区切りが付けにくいったらありゃいない >>93
今日の夕食は魚です。
ここでいう魚とはサンマの事です。 ← 定義
この魚は一匹100円でした。
この魚は秋が旬で美味しく食べられます。 >>91
あ？みんなって何人に調査したんだよ？あ？
本当にBL好きかどうかなんてわかるのかよ！あ？ >>101
それはそれでなんかおかしな気が
１つのリストとして表現できなくなるのだから >>100
なんかそれ飽きてきた…
最初見たときはちょっと面白かったけど ずっと定義リスト＝Definition Listだと思っていたけど
MDNはDescription Listなんだな
説明リストとでも言うべきか
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl >>97>>98
なんでdiv使わないの？バカなの？
https://momdo.github.io/html/grouping-content.html#the-dl-element
＞名前-値グループは、dtおよびdd要素の子、ならびにdiv要素の子であるdtおよびdd要素以外の
＞すべてのノードを拒否し、1つ以上の名前（dt要素、場合によりdiv要素の子として）に続き
＞1つ以上の値（(dd要素、場合によりdiv要素の子として）で構成されなければならない。 >>107
リンク先読んだ？
ちゃんと例（三つ目）に載ってるよ
次の例は、ある種のメタデータをマークアップするdl要素の使用例を示す。
例の最後で、1つのグループは、2つのメタデータラベル（"Authors"と"Editors"）と2つの値（"Robert Rothman"と"Daniel Jackson"）を持つ。
この例はまた、スタイリングを支援するために、dtとdd要素のグループの周囲にdiv要素を使う。
<dl>
<div>
<dt> Last modified time </dt>
<dd> 2004-12-23T23:33Z </dd>
</div>
<div>
<dt> Recommended update interval </dt>
<dd> 60s </dd>
</div>
<div>
<dt> Authors </dt>
<dt> Editors </dt>
<dd> Robert Rothman </dd>
<dd> Daniel Jackson </dd>
</div>
</dl> 以前、外注として仕事してたとき
dlの中にdivを書いたのが気に食わなかったらしくて
担当者の上司に呼び出され
書いても良いんだよってHTML LS仕様書見せて
お互いニヨニヨした思い出 >>106
へえ それは知らなかったわ
ありがと
つーかもうなんでもありだな
こうなったら全部なんでもありにしちゃえよな
<ul>の中にdivでもpでもaでもありにしちゃえや
中途半端に変なルールつくるなや
<p><div></div></p>もありにしちゃえよ >>110
pだけじゃね？
昔から頑なに、中にブロック置くとそこで終わっちゃうの >>115
薄ら笑いというか
ニヤニヤの無害版というか
勘違いして怒っちゃった方も
正しかった俺の方も、無駄に強気になったりせず
嫌な大人の対応で無かったことにしよう的な >>117
獣とは違う知性を持つ体で
数十年かけて何かをなし得ることだよ 数十年ではなく、2年くらいでなしえちゃいけないって事？ ここでいいのかな？
ご教授願います!!
＜やりたいこと＞
クリッピングマスクの横幅はブラウザの幅に合わせたい
クリッピングマスクの縦幅は480pxに固定したい
切り抜く画像の縦横比は維持したまま、マスクの横幅いっぱい表示したい
＜現状＞
マスク部分はブラウザの幅を変更したとき思い通りに機能するもマスクの縦横比に画像の縦横比が連動してしまう
とりあえずChromeだけ試してます
<svg xmlns="http://www.w3.org/2000/svg"; width="100%" height="480px" viewBox="0 0 959 480" preserveAspectRatio="none" >
<clipPath id="clip01">
<path d="省略"/>
</clipPath>
<image href="背景画像.jpg" width="960px" height="480px" preserveAspectRatio="xMidYMid slice" clip-path="url(#clip01)" />
</svg> ページのヘッダーやフッターをパーツのような感じで管理する方法はPHPでインクルードするのが一般的ですか？SSIというのもあるようですが、まだ理解できていません。どなたかアドバイスをください。 どっちでもできるよ。
javascriptでもできるし、jQueryのajax()だっていい >>124
PHPでインクルード、サーバーサイドインクルード、Dreamweaverのテンプレートやライブラリ機能、JavaScriptで処理……と
やり方はいくらでもあるし、どれも一般的といえば一般的だよ
個人で趣味でやってるだけなら好きなの一つ選べばいいが、仕事でやってるなら全部対応できるのが当たり前 >>127
俺もそう思ってたんだが、最近2件ほどDW使ってくれって下請け案件があってな… なんかiframeでヘッダーとフッターを埋め込んでるサイトを見たんだが、どういう意図なのかな？ >>125さん
javascriptでもできるのですか。
アドバイスありがとうございます。
>>126さん
どれも一般的な方法なのですね。
個人でやっているのでいろいろと試してみます
お二方、アドバイスありがとうございました。
試行錯誤しつつ、がんばります。 >>129
ECのモールとかASPだな
CMSのようになってるから、そこにはjsやphpが使えないのよ。
jsだけ使えるファイルサーバーがあるけどCMS側とドメインが異なる上に
文字コードがeuc-jpなので(ajaxが古いIEに対応しない)
かなりマニアックな事しなきゃいけないからそんな事するならiframeの方が10倍楽ちん
そういう環境もあるってこと。
ヤフーショッピングとか楽天とかポンパレとかね クロスドメインのajaxも使えなくなった今、
phpが使えない環境で異ドメインの文字コードeuc-jpのヘッダーを共通化する方法は
SSIとajax駆使してかなりごにょごにょやってフューチャーショップに対応したことあるが死にそうだったわ まちがえたフューチャーは文字コードwin32とかいうやつだったかな当時 >>133
>クロスドメインのajaxも使えなくなった今、
なにそれ聞いてない！ 文字コードwin32とか平気で言えるレベルだろ。相手にすんな >>135
YQLが逝ったんだよ
確か2018年辺りだったか。 ワードプレス使用者です。質問させていただきます。
プラグインで『Rich Table of Contents』と言う目次作成ソフトをインストールしましたが、目次をタップすると、ページ上部のタイトルにスクロールされてしまいます。
HTMLを確認したところ、すべてのhタグにid＝〇〇が入っており、id＝〇〇を消すことで、目次が正常に動作します。
手動で全部消すのはめんどくさいのですが、一括で消す方法、またはCSSなどでうまく手間かけずに直すことは出来るでしょうか？ document.addEventListener("DOMContentLoaded", function(){
Array.prototype.slice.call(document.querySelectorAll("h1, h2, h3, h4, h5, h6")).forEach(function(h){
h.id = "";
});
});
JavaScriptで全部のhタグのIDを消すならこうなるが、うまくいくかどうかは
コード見てみないとわからんね >>135
jquery.xdomainajax.js という、jQuery で、無料のYQL を使ったライブラリ
サーバーを立てずに、ブラウザ環境だけで、クロスドメインできたが、
yahoo が、そのサービスを辞めたから使えなくなった
jQuery.ajax mid - CROSS DOMAIN AJAX
Manipulate options so that JSONP-x request is made to YQL >>139
5ch は、マルチポスト禁止です！
同じ質問を、複数のスレに投稿できません！
以降は、JavaScript のスレで、聞いてください！ こんにちは初めまして
<svg height="固定">
<clipPath>
<path />
</clipPath>
<image />
</svg>
で<image>を切り抜いたとき、ウィンドウの横幅が変わっても
imageのアスペクト比が保たれる秘訣を教えていただければと思います https://i.imgur.com/flwIc6P.png
初心者ですが練習のためニコニコ動画を模写したいと考えてます
画像のヘッダー部分の縦線はどのようにすれば入れれますか？ へー
そんなものがあっただなんて
なにに使うんだそれ >>145
ボーダー
その質問は
お箸の使い方を習う人が
「右ってなんですか？手ってなんですか？指ってなんですか？」
と聞いているのに近い
そこからいちいち説明するのはお互い得しないので
次は要素のスタイルは一通り知ってから来るといいよ >>149
境界線
嫌な予感しかしないからもう質問するなよ CSSを勉強していて
とあるサンプルに、
content: "\e003";
というのが書いてあって、ブラウザで見ると絵文字（フォント？）みたいなものが表示されてました
contentの仕様自体は読んでわかったのですが、
これってブラウザでしかこの絵文字を出力出来ないんでしょうか
illustratorやphotoshopでも同じ絵文字を出そうとしても出すことができません
ちなみにサンプルはローカルに落としてWEBフォントへのリンクは全部削除して試行してます イラレやフォトショで使うなら、ローカルにフォントをインストールしてなきゃダメだろ
インストールしてあれば、あとは字形パネルで選ぶだけだ >>152
それは文字コード
ただし絵文字はブラウザ依存なので同じのが出ない >>153
>>154
字形パネルってやつを初めて知ったのでイラレで開いて探したら出すことが出来ました…
ありがとうございます flexboxで例えば
①②③
④⑤
みたいに折り返したボックスの行頭を一つ分空けるみたいな並べ方って出来ますか？
オプション指定で出来ないかなと思って探したけど見つからなかったです >>158
おお！できました！神か
てかこのJSFiddleとかいうサイト超便利ですね！
今後も使ってみます！ すいません、Tumblrのこのテンプレートで
https://github.com/sanographix/tumblr/tree/master/tokusetsu2
購入する というボタンがあるのですのですが、リンク先を設定する項目がなく
HTMLを直接さわっているのですが、どのようにしたらリンクできますでしょうか
<div class="available">
<h3>Available Now</h3>
<span class="available-btn btn btn-large">購入する</span>
{/block:IfStore01Name}
{block:IfStore02Name}
<div class="available-dropdown"> {/block:IfStore01Name}
{block:IfStore02Name}
この部分に、JavaScript か何かのフレームワークで、コンポーネントが書かれるのだろう。
React, Vue.js, Material UI とか サイトのリンククリックしたらファイルダウンロードしたりURL先に行ったらファイルダウンロードするってHTMLでやってるん？ ApacheとかのWebサーバーソフトウェアの設定次第じゃなかったっけか？（うろ覚え） >>167
サーバが返すヘッダのContent-Typeなどを見て
ブラウザがどうするか決めてる 色々やってたら思い通りになったのですが
コードが理解できません・・・
先生方、アホな俺に↓の意味を教えてくれませんか
#main :not(div)>a >>170
divではないid="main"直下のaタグ。
マークアップとしてはクソレベル >>170
#main → 日本
div → 東京
a →女性
として
日本 （但し、東京都は除く）に住んでいる 女性 は申請が必要です。
回りくどい言い方なので、
まあこう書くほうがわかりやすいよね。
東京都以外の女性は申請が必要です。 >>171
直下とは>のことですよね？例えば
<section id="main"><p><a></a></p></section>
はp>aなのにスタイルが効いているのですが・・・ あ、わかったぞ！
#mainの子孫である何かの要素（divは除く）直下のa要素
これだ！ 俺が時間かけて例え書いたのにガン無視してまだ考えてる
ふざけんなボケ 質問ならどういういきさつでそういうの使うのか理由も書いた方がいいぞ
もっと簡潔で良い方法を教えてくれるかもしれんし すいません、質問です
レスポンシブで作成してて
・スマホ表示の時はボタンを押すとメニューがふわっと出てふわっと閉じる
・PC表示の時は左に固定
という仕様にしたいです
しかしスマホの時にアニメーションさせるために仕込んだtransitionが
PC→スマホに切り替わった時にもびろーんと作動してしまい、
displayとかvisibilityをあれこれ触ってみても解決することができませんでした
どなたかアドバイスお願いします
https://jsfiddle.net/ygehmLd3/ >PC→スマホに切り替わった時にもびろーんと作動してしまい
そりゃ、この条件に合致しているからじゃないの？
@media screen and (max-width:499px) {
aside {
transition: 1s all; >>181
そうなんですが、解決方法がわからなかったんですよ
例えばそこのtransitionを取って.openの中に入れてしまうと
closeボタンを押した時に「閉じるアニメーション」が作動しなくなりますよね（スマホ時） >>182
jQuery部分から見直した方がいいよ。
状態としては、3種の状態が必要。
①何もクラスが無いとき
②openのクラスが付いているとき
③closeのクラスが付いているとき
自分ならtoggleClass()で書くけど、その書き方を使うならこんな感じ。
function modalClose()
{
$('#menuBox').removeClass('open').addClass('close');
}
んで aside に指定しているtransition: 1s all;は削除して
aside.open,aside.close{transition: 1s all;}にする >>183
やっぱ横着しようとしすぎましたね
closeのクラスも作ろうと思います
toggleClass知らなかったので勉強になりました
ありがとうございます 同じくレスポンシブなんだけど、画面右下にすべてのデバイスで横から10pX下から10pXの位置に固定できる？ できるよ。絶対配置にしてpxで指定すればいいから
おまえならきっとできるって父さん信じてるから ザコみてーな質問ばっかりしてねーで
回答者びびっちゃうようなロックな質問こいや >>186
できるの？デバイスごとにピクセルサイズ違うからずれるんじゃないの？ 他で質問できるスレがないので失礼します
適切なスレがあれば誘導おねがいします
SNSに乗りきらない長い文章はどうしたらよいですか？
やはりいまだにブログに誘導するしかないですか？
まとまったコンテンツがあるわけでなく単発ですので
簡単なもので何かありますか？ >>184
https://jsfiddle.net/voj7gkt2/
コードが色々あれなのは確かだが、この場合の対処としては183は的外れ
無駄なvisibilityの指定を消して
tansition: 1s all; を
transition: 1s transform;
に書き換えればいいだけ >>190
ありがとうございます
教えて頂いた方法で動きました、
コード的に何も増やすことなく修正出来たので大変嬉しいです
ひとつ疑問があるんですが、
この修正の考え方としては、
tansition: 1s all;だとあらゆるプロパティがアニメーションしちゃうから「動かすものを絞れ」
ってことですよね？
なのでtransition: 1s transform;、つまりtransformプロパティだけアニメーションせよ、と。
しかし、transformプロパティの仕様を見てみると、
transformにはスケールや位置や回転など色々なものが含まれています
https://developer.mozilla.org/ja/docs/Web/CSS/transform
なぜtransformに修正することでリサイズ時の想定外の位置移動と変形がピタっと止まって治ったんでしょうか transition: allだと、transform以外のwidthやheightやleftやbottomの変化にも
transitionがかかるだろ
一方、transformについてはtranslateY以外は変化させてないじゃん
transformでrotateやscaleやskewなんかも指定してれば、それらの変化にも
transitionはかかるよ ああなるほど
transformの中でも指定したプロパティだけが変化するってことなんですね
同じ大きさを変えるにも、transformのスケールで変えたりwidthを変更したりなど複数の方法があるけど、
それらが別個に管理されてるってことで納得できました
ありがとうございます！ >>195
noteが嫌いなんじゃなくて、note使ってる層が嫌いってなら同意 エクセルとかでよくやるテーブルのセル固定表示をやりたいんだけど、これってテーブル2つ用意しないと多分無理だよね
2つ用意した上でテーブルのセル幅合わせるのって、CSSで幅指定しておくかJSで取得するかしないとダメかな tableタグにdisplay:block;して子要素をflexで固定幅にしたらできる 高さ揃えはできるけど子要素の幅揃えもflexでできるの？ active要素にアニメーションを付けたのですが
クリックした瞬間だけしかアニメーションしてくれません
CSSのみで最初から最後までアニメーションする方法ってあります？ 前スレでフレームワークは今はTailwind CSSが台頭してると言ってたので導入
使ってる人いる？ :active はマウスが押されている間の動作だからクリックした瞬間だけの動作になるのは普通の動作だと思う
普通にアニメーションをつけたいelement に animation name , animation duration等指定して
あとは @keyframes animation name{ from{} to{} } などを マウスが押されているって変だな、左ボタンが押されている間だな
CSSだと :hover(cursorが載ってるとき) → :active (左ボタンが押されている間) という感じ >>202
CSSフレームワークって、押し付けられて仕方なく使うものだから
積極的に導入したがる奴なんて、こんなとこにはいないんじゃね >>205
前スレではBootstrapが斜陽だという話からどういうのがあるかという流れの話だったか
まあ使う使わないは個人の自由だ。仕事でやってるとこでは押しつけと言うかもしれんけど <p style="-webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-ms-writing-mode: vertical-rl;writing-mode: vertical-rl;">
縦書き縦書き縦書き縦書き縦書き縦書き縦書き縦書き縦書き縦書き縦書き。
</p>
こん！
Safariだけ縦書きにしたとき文字が横向くのはなんでなんだぜ？ こんこんこんここんこんここん！
そーれ！
そーれ！ >>208
-webkit-text-orientation: upright;足してみるとか？
知らんけど >>213
ありがとうございますしかし失敗です
Windows版のSafariがバージョン5.1.7(Macは13.0.5)で開発が終了していて
writing-modeやtext-orientationのサポートが5.1から・・このあたりが関係している？
同じようなトラブルが検索してもほとんど出てこないのは
Macの最新版Safari使ってる人らからは同じような不具合は出てないということですかねえ >>215
あざます
Win版のSafariはAppleも利用を推奨していないようなので無視します 以下のようなフォームを作りたいです。 どうやってつくったらよいでしょうか？
▼コンビニ ←選択すると▼マークになり、折り畳みのチェックボックスリストが出る
■セブンイレブン ←選択するとレ点でなく、□を塗りつぶす
□ローソン
■ファミリーマート
△ショッピングモール ←選択しないときは△マークでリストは折りたたまれている
△スーパー
よろしくお願いいたします。 >>218
世界のコロナの感染者数の推移のデータをまとめていただきたいです
国別 男 女 比率
日別
週別
月別
累計
伸び率
明日まででいいのでお願いします。
そしたらそれも作ってあげます。 >>218
これでも読んでみて分からないことがあったら、またおいで
【CSS】CSSだけで作るドロップダウンメニュー（多階層）
ttps://webdesignday.jp/inspiration/technique/css/5793/
CSSでチェックボックスの色や形をデザインする方法
ttps://kinocolog.com/css_checkbox/ >>219
モチベーションがないです。すいません。。
>>220
ありがとうございます。参考にして作ってみます >>218
選択されたら、JavaScript で、それらのアイコン画像を切り替えたら？
ひょっとしたら、CSS だけでも出来るかも知れないけど >>219
感染者数って
検査して陽性と判明した人の数だから
それまとめてもなんの参考値にもならんよ？
実感染者数を軽装してる国はまだない 本気でデータ欲しいわけで書いたんじゃないからｗ
突っ込まなくていいよｗ >>223
「なんの」って0-1なわけがない。
そのデータの背景によって何をどのくらいの信頼度で言えるかが変わるだけ。
統計ってたいていそういうもん。 君たち賢い風を装ってるけど
決定的に意図がくみ取れてない。
算数はできるけど国語だダメだったろ？ 意図が汲み取れないとかいう以前に
スレタイ読めないのは賢くはないだろう これこれこういうのを作って欲しいです。
って質問じゃなくて依頼だろ >>226
今世間で使われてる感染者数って言葉は
検査した人のうち、陽性だった人の数
だからゼロ百で意味ないんだよ
この数が増減したところで比較する対象もないし
日本で日本人の数数えても意味ないでしょ？ >検査した人のうち、陽性だった人の数
もしその定義で一貫していれば意味あるじゃん。馬鹿？ A これでは「豚に真珠だな。」
B 真珠って人口のもあるし、デザイン次第ではファッション的価値がないからあーでもないこーでもない
C は？おま、真珠の何がわかってるの？信じ自体の希少性ってのは、あーだこーだ
A いや、そういう話してるんじゃないんだけど・・
グーグルの検索結果みたいなレイアウトになんか呼び方ありますか？
ああいうふうにするにはtable使って出来ますか？
それともdivでやりますか >>235
定義済リストでいいんじゃない
ああいうふうってのは見た目の話だけなら
テーブルだろうがdivだろうが何でもいい。
Googleはdivだが自分ならdlにするな chromeとAtomのプレビューでvideoではった動画の上にjqueryのドロップダウンメニューがのるとドロップダウンのリンクがクリックできない
pointer-eventsをnoneにすればクリックできるけど動画操作ができない
z-indexで下に潜ってるわけでもないのに動画を優先的に選択しているみたい
EgdeとIEだと正しく動作します
解決方法ありますでしょうか JSから特定の要素を判別するための目印を付けるときはclassで良いんですか？
スタイルは定義しないで単に識別するだけが目的です >>238
ｃぁｓｓだとパフォーマンス落ちるからIDか要素での指定が良いって言われてたが >>233
たとえば医者が1日に100人検査できるとすだろ
そうすっとお前の街の人達が
100人感染してても
100000人感染してても
100人までしか数字は上がらねえんだよ
しかも、このリミットは人によって違うの
そんな数字にどんな意味がある どんな意味も何も、ちゃんとデータとって頑張ってます感が出せると思うけど？？ >>239
ありがとうございます
IDは被らないから早いって事なんですかね
とりあえず目印はありって事がわかって良かったです >>240
それは「実感染者数を推定するのには使えない」って言ってるだけじゃね？ CSSについて質問です。どちらの意見を採用するべきでしょうか？という質問です
1）意見1（手持ちの本、ネットの情報）：
グローバルナビゲーション、ヘッダーなどはidに対してcssを指定したほうがいい
2）意見2（父の意見、ネットの情報）：
全要素、classに対してcssを適用したほうがいい。idはjavascriptなどで使うべき
よろしくお願いいたします。 idはユニークにせんといかんから
めんどくさいことにならんよう、なるべくclassを使う 内容なんてどうでもいいからお父さんの方を信じろよ。 >>237
そのドロップダウンメニューが、動画よりも下にあるとか？
z-index で、上下を変えれば？ z-indexで下に潜ってるわけでもないのに
って書いてあるだろ
ちゃんと読めやこのﾊｹﾞｰ Chromium Edgeにしたら、Chromeよりバグ少なかったんで、Chrome捨てたよ flexできれいに組めたなー！と思ってIE見るとガッタガタなんだよな
flex: 1;を1 1 autoにすれば大体治るんだけど ドロップダウンメニューが、動画よりも同じレベルか・祖先の要素になっているとか、
その動画が、iframe とか
z-index を付けて、確実に上に来るようにすれば？
それでも、動かないの？ ありがとうございます
videoタグをやめてiflameにしたらうまくいきました
現象としてはvideoのcontrolsでマウスオーバー時に出てくるインターフェースがドロップダウンの上に透過してかぶる、みたいな現象です
video自体のz-indexはドロップダウンよりはるか下に設定していたのですがダメでした
根本解決には至っておりませんがとりあえず現状を打破できたので先にすすみます ブラウザのバグみたいだね そういうの相談できるフォーラムみたいなのないのかね >>236
あざっす
もしかしてcssのdisplay変えたらどれも同じ？
Googleはクラスやたら使って名前も適当だから解析しづらいっす
ヤフオクの検索結果のほうがわかりやすい こっちもdiv使ってますね >>256
Google検索のHTMLはわりといい加減だよ昔から
俺らがHTMLでこだわらなければならないことの
半分以上が必要ねえし >>245-246
アドバイスありがとうございます。すべてのcssはclass指定で進めていきたいと思います >>256
まあたぶん汎用性を考えてのdivだろな
どこで引っ張ってきたりajaxで読み込んだり加工したり
入れ子のルール構造の影響うけないからなdivは。
それとたぶんソースはもう機械で生成してるんだろ
でも俺らシロウトならちゃんと論理マークアップしたほうがええぞ Googleの中の人が検索結果のhtmlを書いているのを想像したｗ inputのtype=buttonを押したのを機にCSSアニメーションを開始させる方法ってありますか？
javascriptを使わないと無理ですか？ >>264
じゃあ空飛んでみて、体に何もつけないで東京タワーから飛び降りてみて >>265
飛べない理由より飛べる方法を考えようよ 東京タワーって窓開けられないし外に出れないだろ？
行ったことないのか >>267
考え方を変えよう
お前らは飛んでるんだ
地球がお前らに向けて下から突っ込んで来るんだ CSSセレクタを使う時、属性値が数値だと分かってる時に、数値の範囲を指定しながら属性を絞る時ってどうしたらいいですか?
例えば、属性名Numberの属性値が数値だと分かってる時、属性名Numberの属性値が100~500までの物を指定したい時。 >>270
CSSセレクタは文字列でしか記述できんから
100～500まで401個書けばいい >>267
だからお前に聞いてるんだよ。
早く答えて！ >>273
言い訳って笑
おまえできるの？ 具体的にどこから降りるの？ >>275
飛べない理由より飛べる方法を考えようよ 部下「○○なのでできません！」
出来る上司「つまり○○という問題を解決すれば出来るという意味なんだな」
アホ上司「できないなんていうのは嘘吐きの言葉なんですよ。
死ぬまでやれ。そしたら出来る。つまり嘘吐き。死んだらその時は本当だったと認めてやる >>277
あなたっていつもできない言い訳ばかりね >>279
言い訳してないで早く方法考えてよ
いつわかるの？ 手続き系言語（C#, Java, C/C++その他）のプログラミング経験はあるんだけど
Web系は何も知らない。
さすがに今時ちょっとまずいと思ってるんだけど、例えば最近一部で話題になってる
https://github.com/kaz-ogiwara/covid19/
最終的にこういうのを書けるようになりたいんだけど、どっから始めたらいい？ 数言語使えるなら、Ruby
Ruby on Rails で、HTML, CSS/SASS, JavaScript(ES 2015)/TypeScript,
jQuery, Bootstrap, Node.js, Webpack, Babel
Java/Groovy のSpring Boot とか、CakePHP も、Rails のコピー。
Kotlin, Go にも応用できる
web 開発の全工程を、1年掛けてやれば、多言語へ応用できる
他には、実行環境構築。
Linux, WSL, Vagrant, Docker, Kubernetes, CircleCI, シェルスクリプト・PowerShell
Rails チュートリアル日本語版の1つ前のバージョン(Rails 5)が、無料で読める >>270
JavaScript, jQuery などを使わないと、絞り込めないのでは？ >>283
まずはノートと鉛筆買ってきて
<div>って100回書いて すみません。Htmlとcssでの質問です。
Wikipediaのサイトであるように、あるキーワードをホバーした時に、そのキーワードの説明文が吹き出しで出るような機能が作りたいのですが、どのように書いたらいいですか？ 質問です
こういうフレームをレスポンシブルで（サイズを可変で）コーディングする時にスマートな記述をアドバイス頂きたく
https://i.pinimg.com/564x/ec/69/d4/ec69d4490976fa58351377f29c5f4a47.jpg
自分が考えたのは、画像を■だとして下記のように
■■■
■□■
■■■
9つに分解して書き出して
コーディングとしては
display:grid
で同じように9つにのグリッドに分けて、真ん中の□にコンテンツを突っ込む
という形を想定しています
ここ数年コーディングから離れていたんですが、最近だともっとスマートな書き方があったりしますか？
自分ならこうする、というのでも良いので教えて頂ければと思います サイズ可変しても全体やパーツの縦横比は固定？
あと「レスポンシブ『ル』」だと意味が全く違うので「レスポンシブ」で。 >>291
サイズ可変するとフレーム全体の縦横比は変わります
各パーツのサイズの大きさも変われば理想だけど、手間がかかるなら固定でもいいかなって感じです
あと追加のオーダーになっちゃうんですが、
こんな感じで四隅の画像が真ん中のコンテンツ（テキスト）の範囲まで広げられるなら良いなと思うのですが、
こうなるとdisplay:gridで９マスに分けると実現出来ないので自分にはお手上げです… Javascript質問スレは糖質ばかりで殺伐
こっちは平和でほっこりだよ(ToT)/ >>294
これだったら
背景画像8枚でなんとかなるんじゃね？ こんなん文字ごと全部画像にするか作る手間考えてデザイン変えるのが普通だよな >>298
background-rotationみたいな項目があればそれこそ画像3枚のみで済むけど
現状は8枚用意しないといけないのは不便ですね >>292
そもそもだがデザイン的にイケてないというか古い・・・
追加のオーダー内容もダサイ。 余白の取り方、デザインの基礎知ってるならそんな詰めしないぞ。 >>294
昔懐かしいやり方だと
上の部分、中部分、下の部分の画像をスライドで切り取って
<div>上画像</div>
<div 中部分をbackgroundで繰り返し>テキスト</div>
<div>下画像</div>
中部分のコンテナをネガティブマージンであげる >>302
それだと下部分もネガティブマージンで上げないといけないので
あまりスマートじゃないように思います、すみません いまだに calcの使い方わからんのだけど
これなに？ >>307
デザイン通りコーディングしてくれませんか？
勝手に枠のデザインを変えないでください。
リピートできないようにしてるのわかりませんか？ >>307
ありがとうございます
コードとしては（自分のレベルでは）ややこしいのですが
フラットな三角形を作る方法とか使ったことないcalcとかとても勉強になりました
JSFiddleで作って頂けるとわかりやすくて助かりますね
質問なのですが、
.containerの高さを10pxに指定したり
.textの幅をこれまた10pxに指定しているのはどういう意図があるんですか？
beforeとafterにまたがって指定している点も空のcontentを突っ込んでる点も気になりますが、
色々なノウハウが詰まってるんだろうなと思うのでよろしければご教授いただければ幸いです
自分的には、背景の複数指定が可能なことを知ったので下記のように
CSSを書くだけで、htmlとしてはsectionタグ一つで実現出来ました、いったんこれでいこうかなと思っています
画像の読み込みはとりあえず四隅だけですが上下左右の罫線もこの方法で問題なく実現できると思います
（自分が気づいていないだけでウィンドウサイズを可変した時などにデメリットがあるかも知れません）
section {
padding: 30px;
background-image:url("./a.png"),url("./b.png"),url("./c.png"),url("./d.png");
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
background-position:
top left,
top right,
bottom left,
bottom right;
} 自分の方法では、上下左右の罫線が四隅をぶち抜いてしまうので、
四隅のコーナー画像は透過させないで背景色ありの矩形で書き出す必要がありそこが難点かなと思います
レスポンシブで背景に依存しないコーディングが出来ると今後もこのコーディングパーツを使いまわせて良いですよね >>308
使い道は自分で考えるもんだが
(100% - 固定幅) / 2
とかよく使うね 固定幅+リキッドの2カラム作りたいときに
左を300px、右をcalc(100% - 300px)って書いたりとか コロナの影響も加わって無人化やAIが加速する、
もうすぐAIバブルが起きるから、シコシコcssなんてやってないで
JuliaやPython覚えてAIエンジニアになったほうがいいぞ Webサイトを自動生成するAI作るにはCSSとかの知識が必要だってばよ 無人化に慣らす為には最初は擬人化が必要だから
人工音声や人の動作をイメージしたものが今後求められる だいたい、他人にイメージや概要を伝えるのも大変なのに
（伝わってる気になってるやつは、相手のエスパー力に感謝しろと）
AIに伝わるようにするとか
どんだけ教育せにゃならんのよ >>323
いずれとは何年後？100年後にあと数年で～いずれ～とか言われても困るんで
具体的に言ってくれない？ >>316
>>317
計算式なのはわかるんだけど
どういう用途？効果？で使うのかがわからん >>319
理想はPSなりイラレなにりで作ったデザインを
クリックひとつでHTML化してくれるものだな 用途と効果を書いたのにそれを質問されてしまって困る >>322
XDとか使ってプロトタイプ作れよ
その方が流れは速い >>327
バカッター見てると最近こういう人結構多い。 >>325
誰かも書いてた気がするが
例文みてわからないレベルなら、道具の用途なんて先にわかる必要ないよ。
最近まで元々なかったもの、つまり無くても大丈夫な便利道具だから。 IEと古いAndroidで挙動怪しいから気をつけてな みんな仕事依頼を初めて受けるためにポートフォリオをアップする時、サーバー代を払ってサイト作りましたか？ 求職者支援受けてる間にイラレで作って印刷したやつ今の会社の面接に持ってったわ >>333
タダ鯖でもいいんじゃない？
広告とか入らなければ スマホ用に全体を375pxに合わせて作ると
SEの320pxだとフォントのサイズが大きすぎます
かといってサイズごとにCSSを書くのは面倒なので
SEだけ全体を80％小さくする
みたいな記述方法ないですかね？ >>339
画面の大きさがマチマチなのに
サイズを絶対値のpxで設定するのがいかんのよ
vwとか、画面の大きさに依存する単位を使うといいよ >>339
bodyにmin-width:375pxつければいいんじゃね
他がちゃんと書けてれば、画面幅375px未満の場合は
<meta name='viewport' content='width=375px'>
を設定したのと同じことになるから、縮小されて表示されるよ Bootstrap の最小のブレイク・ポイントは、576px
320・375 は区別しない Bootstrapを使わないあるいはブレイクポイントそのものを書き換える Bootstrap のSource files をダウンロード・解凍してみたが、
scss フォルダ内に、bootstrap-reboot.scss, bootstrap-grid.scss, bootstrap.scss があって、
bootstrap.scss 内で、reboot, grid を読み込んでいる
dist/css 内には、bootstrap-reboot.css, bootstrap-grid.css, bootstrap.css が作られているから、
bootstrap.css は、bootstrap-reboot.css, bootstrap-grid.css の内容を含んでいるのか？
つまり、bootstrap-reboot.css, bootstrap-grid.css の2つだけを使うと、
余計なものを含まず、グリッドシステムだけを流用できるのか？ >>330
ありがとうございます
とりあえずこの方法で解決しようかと思います
>>341
ありがとうございます
vw、rem使えないんです
>>342
ありがとうございます
bodyにはダメでしたが
<meta name='viewport' content='width=375px'>
の方はできそうなので>>330の方法でもダメだったら
こちらを試してみます。 すみません↑レス番間違えました
>>330ではなく>>340でした ある人のHPをGoogleから訪問した時、Googleのリンクの下に書いてある文章がHPには書いてありませんでした。
これはどうやったら表示させる事が出来るんですか？メタ部分に何か書けば良いんでしょうか 大手は、JavaScript を使っているのでは？ >>349
<meta name="description" content="XXXXXXXX">
があれば、XXXXXXXXを表示するようになってる。 表示されてるテキストコピーしてソース開いて検索かけてみりゃいいじゃん >>355
いや本当ですよ
「DJ C TYPE」で検索すると「C FACTORY」というサイトが出てくると思うんですけど、
「大阪在住のハードコアDJ、C－TYPEのHP。 イベント情報。DJチャート、DJ講座等。レーベル「 殺人ヨットスクール」の情報もあ り。」とGoogleには表示されますがサイトを開くとそんな事は書いてありません これでも読んどけ
https://support.google.com/webmasters/answer/35624
＞メタ ディスクリプション タグ: Google では、ページ コンテンツから直接取得できる情報よりも
＞ページの概要をユーザーに正確に説明できると判断した場合、<meta> タグのコンテンツを使用して
＞スニペットを生成することがあります。 やっぱり思いっきりdescriptionの中に書いてあるね
ttps://i.imgur.com/v2rp4mp.png
しっかし古くせぇサイトだなぁ
HTTP, HTML4, Shift-JIS
しかもpreタグで等幅フォント指定、fontタグで各字のサイズ変えたりしてるしｗｗ
今時中々見ない貴重な遺物だわ vscodeのEasySassでminifyのcssを書き出すと、
文字コードの指定、@charsetが消されるのですが
原因わかりますでしょうか？ HTML/CSS勉強すればアフター5で副業出来るようになる？
いつか月5万稼げたら最高だなと思ってる 技術を身につけるのはそんなに難しくないけど、ちょうどいい案件探すのが大変だと思う つべでパンチラさせながらどうでもいい話する方が
稼げるんじゃね >>364
月100万ぶんやってくれるなら仕事いくらでもあると思うけど
5万円ぶん程度だと管理コストの方が高くなるとは言わんまでも
面倒だから仕事降りたくはないなあ >>367
数千円の案件とかないの？
会社が暇な代わりに収入少ないんだよ >>368
あるよ！
とあるアプリをスマホに入れてもらう必要はあるけど
空いた時間に簡単にできるのが
簡単な商品の配達だからスキルもそんなにいらないし プログラミングで稼いでみたいんだよ
かっこいいだろうが >>372
公開後、収益の半分とかゆー案件もあるでよ
まともな人はやらないけど
チャレンジしてみれば HTML/CSSしか学ぶ気無いのに「プログラミングで稼いでみたい」とかヌかしてる時点で笑う
そもそもHTMLはマークアップ言語であってプログラミング言語じゃないから >>371
いけるいける
おっちゃん仕事始めた時そんな感じだったから
大学の講義でタグ5つくらい教えてもらって
あとはいろんなところ行って「ホームページ作ったるわー」って
それで2～3年で、学生にしては調子乗った稼ぎと生活してたよ
なつかしや スレチだったら100回土下座します。
某ゲームがサービス終了するためサイト内のキャラ音声データを抽出したいのですが、
ソースを見るとLightBoxが使用されていて構造がわからず途方に暮れています。
3年以上捧げたゲームなのでぜひよろしくお願いします！！
ttp://raramagi.wrightflyer.net/pc/character.html ダイアログにラベルとinput textをこの順番で横並びに作成したいです。
そのときにinputの幅をラベルの長さを考慮して、ダイアログ一杯まで広げたいのですが、どのようにしたらよろしいでしょうか？ 一生懸命隠そうとしてるから抽出しちゃいかん気がする
var ext = '.mp3';
var dir = 'media/';
var playlist = [];
for (i = 0; i <= NUMBER_CHARACTER; i++) {
playlist.push('audio_' + i + '_1');
playlist.push('audio_' + i + '_2');
playlist.push('audio_' + i + '_3'); ブラウザのアドオンでありそうだけどな
動画ファイルとかそういうの使って落とすし >>380
全部は試してないがfirefoxのアドオンvideodownloadhelperで普通にイケた
ダウンロードしたいキャラの音声を再生してアドオンのアイコンをクリックすると
ダウンロード可能なファイルが一覧に出てくるから、そこからダウンロードできる >>381
よく分からんので、仕上がりイメージの画像を作って
貼ってもらえると助かる コメントしてくれた方々ありがとうございます。
>>385さんの方法で無事取得できました。
本当に本当にありがとう！！！！！！ >>382
これって隠そうとしてるのか？
むしろ積極的にアドレスばらしてるようにしか見えないんだが 暇人なら効率よくダウンロードできるコード書くだろうな for i in {0..33};do for j in {1..3}do curl -O http://xxxxxx/media/audio_${i}_${j}.mp3;done;done
で終わりやろ
3分かからん 音声データには著作権あるからできても落としたら違法でしょ >>394
どの辺が違法なん？
そのコンテンツを利用する権利を正当に持ってて
コンテンツを利用するために必要なリソースで
ダウンロードできるようになっているものだから
問題なさそうな気がするが 著作権は自然発生するもんだよー
著作権保持者が許さない使い方は
全部NGだよー
だから
堂々とやるもんじゃなく
こそこそやるもんだよー よく知らないけど
児童ポルノは国際条約で、DLするだけでも逮捕されるけど、
普通のコンテンツは、DLするだけは逮捕されないのだったかな？
YouTube などで違法動画を見るだけなら、DLもしていないし逮捕されない
>>393
一気にダウンロード(DL)すると、ヤバイのでは？
数秒とか、ランダムな時間を空けながら、DL すれば？ >>399
法律の言う「ダウンロード」は
一般的なコンピュータにおけるダウンロードではないのよな？
ウェブコンテンツは基本的に
サーバから何かしらのデータをダウンロードして
ブラウザやビューアなどのソフトウェアで見るわけだけど
法的には、これはダウンロードに当たらない HTMLって将来AIが作る言語に置き換わるから無くなるってマジすか × HTMLがなくなる
〇 HTML以外でもWebページが書けるようになるかもしれない
〇 AIがWebページを書くようになる htmlなくてもtext/plainでどうにかなる WHATWG「10年かけてやっと奪ったHTMLを簡単に終わらせるものですか！」 Windows Xpに対応するバージョンが49までで
未だにXpを使ってる人がいるからじゃね？ >>408
今時XP環境でインターネット接続するのは顧客として見なくていいよ >>410
外部に繋がってないイントラネット内のみのWEBシステムとかは大手ほどあるんだがな VB6アプリが現役だったり、大手ほど内製は昔からのを使い回してたりするのはあるあるやで ちなみになんで大手ほどなん？
中小よりも多いのん？ 会社の規模がデカくなるほど全社展開するのにも金も時間も掛かるからでしょ
ソフトウェアだけならまだしも端末のアップデートもセットだしね いくら時間がかかるとはいえ大手で20年もそのままはやはり怠慢だな 大手ほど古いシステムつかってるなんてみずほみりゃわかるだろ ガンダム量産するまでもなく
ジムコマ作った時点で勝っちゃったから 電線を全部地中化します
日本全体で行う 問題点があっちこちに出てくる、特殊事情もありまくり
○○村だけで行う 問題点がすぐわかるし解決案もすぐ出せる >>422
千代田区がやってるけど
それほど困ってるのかなあ >>423
ファミリータイプのネット回線が通せない CSSで条件styleって出来る？
タグ内に表示されている数字の値によって色を変えたい。
元々、値の更新はJavaScriptで行うので、当然JSでやるつもりでいたのだが、
ふと思うにこれは滅茶苦茶あるシチュエーションで、現行のCSSで出来ても全くおかしくない。
(俺が無知なだけで）
さらっと検索した限り、なさそうな感じだが、逆に、無いと不自然なレベルでもある。
そこで質問。
内容は、上述の通り、例えば値が100なら緑、90以下なら黄色、60以下なら赤とかにしたい。
1. 今のCSSで出来る場合は、そのプロパティを。
2. 出来ないのであれば、将来の仕様として、今現在検討されているかどうか。
また、HTMLでなくともそれに近い物で目指している物があればそれを。
フォーマットを参考にしたい。例えば、以下。
https://coderwall.com/p/_jiytg/conditional-html-tag-attribute-in-haml
PHP等でレンダリングする場合、
(エレメントそのものに一々色付けしていいかという議論はあるにしても）
やるのは簡単だし、例えばコロナの患者数が○○人を越えたら赤色、なんてのは
滅茶苦茶普通にある状況だから、サーバーサイド各言語で普通にやってる手法もあるはず。
HAMLってのはRuby(Rails)なのか？
いずれにしてもこの辺の、あまりにもテンプレすぎる色の付け方については、
各フレームワークでも当然対応していると思われるが、知らないので教えて頂きたい。
先に見ろよ、と言われそうなので確認してみたが、
コロナのダッシュボードは各要素にgackgroundを与えてαを変えて対応している。
https://www.stopcovid19.jp/
(CSSで出来ない場合に）俺が知りたいのは、この元になったテンプレート的な何かの記法（文法）。
有名な何かがあるのなら、合わせておいた方が後々よいので。
よろしく。 と思ったが、これっていわゆるテンプレートエンジンがそれぞれの記法を提供している状態か？
なら、いわゆる超有名な物を数個教えてくれれば助かる。
https://worktoolsmith.com/php-template-engines-matome/ >>432
ありがとう。Smarty自体は良さそうだ。
チラ見してみたが、if文（条件式）を直接書いて行く感じか。
元々PHPもそうだが、基本はテンプレートにプログラムを混ぜる感じか。
まあこれが一番使いやすいのは事実だが、最低限if文が使える程度の知識が要るのは難点か。
https://teratail.com/questions/64402
既に公開しているスクリプトでユーザーが色指定出来るようにタグを許可しようと思っている。
ただ、色々質問されてもウザイので、見りゃ分かるだろ、というノリを目指している。
（なお、全く有名なスクリプトではないので念のため)
とりあえずSmarty文法をパクっておけば、日本人にはまあ「ああ、なるほどね」と分かる程度になるかな？
あと、海外でも多く使われている物って知らないか？
（上述のスクリプトは海外サイト用GreaseMonkeyスクリプト）
それと、if文とか混ぜない、いわゆるプログラミングの知識が全くない人でも分かる書き方をしている有名な物ってないかな？ >>430
HTMLとCSSは分けて考えろな
HTMLはCSSがなくとも意味をなしていなければいけない。
つまりHTMLにすべての情報がなければいけない
すべての情報というのは、緑、黄、赤ということだ
例えば目が見えない人のことを考えればわかるだろう？
音声ブラウザで読み上げた時、目が見えなくても
緑、黄、赤に相当する情報がわからなければいけない。
緑、黄、赤と色を言われてもわからんので
good, warning, bad とか具体的な意味であったほうがいい
日本語だと良い、注意、危険とかだな
くり返し言うがHTMLの話をしてるぞ
音声ブラウザで読むのだからその数値の横にラベルが必要
・100 良い
・90 注意
・60 危険
これを
・100 <span style="good">良い</span>
・90 <span style="warning">注意</span>
・60 <span style="bad"> 危険</span>
とするのは簡単だろう。良いと出力できるなら、一緒にgoodと出力することもできるはずだ
あとは健常者用にCSSでこの文字を見えなくして色を変えてもいいだろう > 既に公開しているスクリプトでユーザーが色指定出来るようにタグを許可しようと思っている。
ユーザーカスタマイズのCSSを使えるようにするだけでいい
HTMLにはすでに、情報が書かれている。
色指定程度でタグの許可などいらん。 >>434
いまいち何が言いたいか分からん。が、まあこちらの提供情報の不足もある。
以下を読んでくれ。
>>435
> ユーザーカスタマイズのCSSを使えるようにするだけでいい
それは既にしている。
というかまあ、それくらいは知っている。
ちょっと話が混乱しているようなのでもう少し情報を追加する。
こちらの書いているのはGreaseMonkeyスクリプトで、
サイトのJavaScriptと共にクライアントサイドで動くJavaScriptだ。
それによって画面は例えば10分毎に自動的にアップデートされる。
(サーバーサイドの話ではない)
その時に、ユーザーが「ここの値が10以上になったら赤色にする」と指定出来るようにしたい。
例えば430のコロナダッシュボードなら、地元県にだけ「5以上で黄色、10以上で赤」とかだ。
勿論人によっては「20以上で」もいれば、「5段階で青緑黄橙赤」にしたい、もあるだろう。
そういうのに対応する為だ。
CSSのようにスタティックに出来れば一番いいのだが、今のところその方法はなさそうに思える。
となるとJavaScript側に何らかの「指示指定」を読み込ませて、その通りにさせるしかない。
その「指示指定」に適切な文法を探している。
JavaScriptで更新時に色をお決まり仕様通りに直接変更するのは至極簡単なことだ。
ただそれは、あらかじめプログラミングが必要であって、任意の場所の色を任意の段階には変更出来ない。
それをユーザー指定で出来るようにする為に、特殊タグ（みたいなもの）を追加してJavaScript側にやらせる。
（vimとemacsの設計方針の違いのようなもの、と思ってくれていい） >>436
ユーザーの環境がわからん
公開されてる普通のサイトなのか
会員登録して自分用に公開できる編集できるサイトなのか
会員登録してだれでも編集できるwikiみたいなサイトなのか
会員登録なしでだれでも編集できるwikiみたいなサイトなのか >>433
かなーり前だけど
プログラム側で、コンテンツに合わせたクラス名を生成して要素のclass属性に書いて
同時にSASSのパーシャルファイルとして、そのクラス名を変数化したものも出力する
みたいな方法で連携とったことはあるよ
やっぱ、CSS側で条件分岐をなんとかするのは無理だから
プログラム側でCSSを選ぶのが正解だと思う >>438
公開されている普通のサイト用の勝手スクリプト。(3rdPartyScript)
会員登録無しで誰でも編集出来るサイトに監視機能等を追加するもの。
基本的には本体スクリプトで提供されていない機能を提供するだけ。
2chは3rdPartyScriptを禁止されているのでやらないが、2chに適用するなら、
オートリロードして新しい投稿があれば通知する。
その時に分かりやすく色を付けるとして、
「新規投稿○件で○色」がユーザー毎に好みが違った場合にも自由度を提供する。
要は専ブラと同じと思ってくれていい。
wikiなら、例えば監視項目（ページ）を指定しておいて、
誰かによって新しく編集が為されたときに通知して、
編集合戦相応の更新頻度に成ってきている物についてはだんだんと赤くしていくとか？
ヤフコメなら、同様に監視して、例えば新しいニュースを追跡しておき、
コメの数が増えてきたニュースには色を付けるとか？
コロナダッシュボードは勿論提供者によって色づけされているわけだが、
正直地元県だけでいい奴はオレオレ県用に基準値を変更するとか？
この辺はサイトに依らず抽象化した形態は皆同じで、
結局のところ、何かを監視しておいて、基準値が越えたら色を付けていくだけ。
基準値とか、色を付ける対象とか、ユーザーなら自由にしたいでしょ。
その場合にJavaScriptに対して指示する為の分かりやすい文法を探している。
一々質問されても面倒なので、見た瞬間に、「あ、これなら分かるわ」位なのが望ましい。 >>440
なるほど。
確かにコロナダッシュボード程度なら、それとCSSで対応可能だな。
値30ならvalue30というクラスをJSで付けておけば、
後はユーザ指定のCSSで何とでも出来る。
ただまあ今回はそれ以上に数字の数も幅も大きいので現実的ではないが。
ちなみに条件分岐自体が必要なのではなく、CSSでやるなら、
属性セレクタで大小比較が出来ればいいだけ。(以下見る限りないが)
http://www.htmq.com/selector/attrvaluet.shtml
E[foo^="bar"]はfoo属性に対して先頭マッチをしているわけだが、
そうではなく、ここで大小比較、
例えば、E[value>=30]と書いたらE要素のvalue属性が30以上とか。
内容と共にHTML属性(value)もJS側から同時に更新するようにしておけば、これで全く問題ない。
これって提案すらされてないものなのかね？
現状サーバーサイドでやる分に全く問題ないから、というのは分かるが、
正直アニメなんかより余程使われる物だと思うのだけど。
数字を一覧表示している時に色分けするなんてアニメ以上に当たり前だし。 >>430
Ruby on Rails でも、HAML はあまり使われていない
多いのは、Bootstrap。
Bootstrap には、jQuery が必要
だから普通に、jQuery・JavaScript でクラスを変えて、色を変える。
Bootstrapの、_variables.scss ファイルで、変数を定義してる
例えばクラスに、primary を設定すると、青色になる
$primary: $blue !default;
$secondary: $gray-600 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-100 !default;
$dark: $gray-800 !default;
YouTube に、たにぐちまことのBootstrapの動画がある >>443
これか。
https://qiita.com/opengl-8080/items/2764b6db143b1a4411f6#%E8%83%8C%E6%99%AF%E3%81%AB%E6%84%8F%E5%9B%B3%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%81%9F%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B
なるほどレスポンシブデザインに対応したCSSスタイル集と考えればそれなりに使い勝手はいいはず。
ただこの場合はやはり「何がいくら以上でwarningとするか」が作り手側の都合で決まり、
ユーザーが自由に指定出来ないのがイマイチだ。
ただしSaasだStylusだを眺めていると、どうやらこの界隈はちょっとした方言が大量に出回っており、
見れば分かる程度の違いなら問題なく許容されるであろう事は分かった。
しかし意外なのは、オレオレCSSセレクタを定義している奴が全く居ないことだ。
そういう発想はないのかね？
例えば先に書いたE[value>=30]、これが使えれば任意のサイトの任意の数値について、
独自のwarning/errorレベルと色やフォントの大きさやその他を指定出来るようになる。
圧倒的に便利になると思うのだが？
実はstylish等の有名CSSアドオンでは当然この程度のことくらいは出来ていると思っていた。
ただ、あれはどうやら単なるCSSエディタであって、それだけなんだな。
ちなみに実装は技術的には出来る。
JSでmutationObserverを使って監視し、ヒットしたらJS側からその指定されているスタイルをエレメントに直接与えればいい。
だからCSSの次提案とか色々試すことは出来るのだが、そういう奴が全く居ないことに驚いた。
実際実装してみて動作速度的に問題がないとは言い切れないが、
それでも普通は誰かしらやっているものだがなぁ。
ちなみにこれ、実装したら受けるかね？ >>445
結果的に実際に実装するかもしれんよ。
技術的には大して問題ないし。
だから聞いている。
使っている奴等がだいぶ被っているのに状況が全然違うのに驚いた。
JSなんて糞な新機能を一々実装/試験済みで、仕様採用される数年前からみんな使ってたりする。
実はC++等の他言語も同様だから、仕様なんてそういうものだと思っていた。
これはプログラマとデザイナの違いか？
なるほどこれではW3Cなんて見切られてWHATWGだLSだとか言われだす意味も分かる。
あまりにもおっとりしすぎているし、一緒にはやってられない。
見つけられたのはCSS4用のチェッカだけだ。(NWMatcher等）
これは既に仕様に上げられている物を実装してみただけだ。（仕様→実装）
JSなら逆に、オレオレ新機能を実装しまくって、スゲー使えるからこれ仕様に入れろ！と来る。（実装→仕様）
だからフリーソフトを提供するにしろ、一般的には全てやり尽くされていて、
ちょと考えて「これ便利かも？」なのは既に誰かが考案/実装済みで、新規参入の余地なんてほぼ無い。
E[value>=30]とか使えたら世界が変わるだろ？
なら普通は当然誰かが実装済みで、それがStylishだと思っていた。
だから逆に、「え？ここがブルーオーシャンなの？」と驚いている。
というわけで参考にアンケートになってしまうが、
もしE[value>=30]なるCSSセレクタを当てられる何かが出現したとして、
1. お前ら使うか？
2. 使うかどうかはさておき、インパクトがあると思うか？
3. ついでに実装するとしたら他に欲しいCSSセレクタは？
(なお演算子違いのE[value<30]等は当然実装するからそれ以外で） >>446
1 あるなら使うと思う
2あんまない。jQueryでさっさとやってきた事だから。
3要素の親を選択するセレクタ。つーかjQueryにあってcssにないやつ全部。 プログラム畑の人って物事を正確に伝えようとして、なんでも詳細まで書く癖あるよな。
仕事や仕様書ならそれが必須だけど、コミュニケーションの場においてはそれは必ずしも正解ではない事が多い。
ありのままの事実を伝えるならAIに取って代わられちゃうぞ stylishで普段見るサイトのフォントを統一しようとして指定してもSugoe UIのままだったりすることがあるんですけど
解消法はないですかね system-uiとか置換出来ないSugoe UIが有る
ゴシックもメイリオも見たくないのでググって出てきたこのコードを使ってます
@font-face {
font-family:"Segoe UI";
src: local("BIZ UDPゴシック");
} 特にpixivのフォントが全然変わってないのでchromeの拡張機能でpixivのフォントをBIZ UDPゴシックに
置き換えられる猛者がいましたら教えてほしいです :root {
font-family: "BIZ UDPゴシック" !important;
} >>452
ありがとうございます pixivのフォントは変わりました
twitterのハッシュタグに使われてるsystem-uiを変える方法はありますかね？
後はそれさえ変えられればとても満足です すみませんがお願いします twitterに関してはSegoe UIをfont-faceでBIZ UDPゴシックに指定しても
文字の太さだけ変わるみたいな現象も起きてるからそれもどうにかしたいです >>448
『大小比較の出来る』属性セレクタがあれば出来る。（勿論JS側のサポートも必要）
今はそれがないので、=(一致)だけで30個くらいなら頑張って書くか？ではあるが、それ以上は無理がある。
>>447
確かに、jQuery使えるのであれば、
無理にCSSセレクタ拡張した何かを使わず、自分でGMスクリプトなり書いたほうがいいわな。
あと、親要素セレクタはCSS4で入るらしい。
ところで、俺はjQueryを使ってないので詳しくはないが、jQueryのセレクタは既に拡張済みか。
http://semooh.jp/jquery/api/selectors/
近いのは :contain(text) だが、
実際に欲しいのは、例えば :greater(30) とかで、
動作は if (parseFloat(element.textContent) > 30) 相当品だね。
jQuery側も基本的にテキストの世界に留まっているのは分かった。
ただjQueryだと自分が更新する側だから必要性がないのも事実だが。 jQueryのセレクタは自分で拡張できる
やり方はもう忘れたが >>456
これか。
https://terkel.jp/archives/2008/12/extending-jquerys-selector-capabilities/
https://j11y.io/javascript/extending-jquerys-selector-capabilities/
なお下側の記事はフォントのスペースがまばらで妙に読みにくい。
外国人が無駄にスタイルに拘る理由がよく分かった。
スペースで単語区切りだから、スペースかどうかが非常に重要で、正しくプロポーショナルじゃないと無理なんだな。
そしてモロに書いてあるな。
> One of the things that jQuery lacks is the capability to easily query elements according to their data.
なるほどこの手法で拡張することは簡単だ。
ただ、jQueryは所詮query側だからこの手のマクロ的手法で済むのだが、
CSSの代わりをさせる（他が勝手に更新しても自動的に検出して追従する）のはそれなりに面倒だ。
とはいえ、何だかんだでjQueryも使われ続けてるだけあってよく出来ているね。 >>456
とはいえ、現実的にはjQueryの拡張でも大半のケースで対応可能だ。
そして今の所アドオン等は存在してなさそうだから、実際に需要もないのだろう。
例えばコロナダッシュボード、特定県だけオレオレアラートレベルと色を指定したいとして、
(実際はAjaxで自動更新されるのかもしれんが、)現実的には更新はリロードだから、
最初に一回動かして終わりでいい。
となるとJSで色々工夫して高速化なんてするだけ無駄で、
jQuery的手法で宣言型で書いて終わりでいい。
jQueryで :valueGt(N) と拡張し、中身は parseFloat(textContent) > N として、これには20行程度か。
そして、ユーザーは、
:has(.prefname:contain("岩手"))+span:valueGt(0)) {background:red}
の一行で岩手県で患者が出たら赤に出来るようになる。
ただ、この程度の本当に簡単なフリーソフトが今存在しないのだから、実際に需要はないのだろう。 >>453
a[href^="/hashtag/"], div[data-testid="tweet"] a[href^="http"] {
font-family: "BIZ UDPゴシック" !important;
} >>453
こっちだった
a[href^="/hashtag/"], a[href^="http"] {
font-family: "BIZ UDPゴシック" !important;
} もし、ユーザーが設定できるなら、すべてのデザインが崩れてしまうから、対応できない
すべてが可変なら、その無限の組み合わせについて、
デザインが崩れないように検証しないといけないから、
テスト費用が無限に掛かって無理
それにユーザーから、設定を変えたら、デザインが崩れたという、苦情も来る >>453
何度もスマンが、色んなパターンに対応するとなると
a, span[class^="css-"] { font-family: "BIZ UDPゴシック" !important; }
こっちの方がいいかもだ
>>454
それ、フォントは変わってるけど、太くなったように見えるだけじゃ
font-weight: 400; だし >>461
Stylishは2005/10リリースなのに今更お前は何を言っているんだ？
https://en.wikipedia.org/wiki/Stylish
ただしサイト側の変更の影響を受けないようにユーザーCSSは書くべきであって、
先述のコロナダッシュボードなら以下の方がいいのは確かだが。
.pref:has(.prefname:contain("岩手”)):has(.npatients:valueGt(0)) {background:red}
HTML構成よりもクラス構成の方が不変なので、
ある程度まともな奴が作ったら、だいぶ変更したとしても、クラスの階層構成は変わらない。
だからユーザーCSSとか書けばサイト制作者の技量も当然見えてくる。
書きやすいサイトと書きにくいサイトの差はすごくあるし、無駄に複雑なCSSも多い。
まあここら辺は君らの方が詳しいとは思うが。 >>462
基本の部分からコアな部分までひとまとめに変えられて良かったです
フォントの統一感がなくてモヤモヤしてたのでとても助かりました
ありがとうございました 色んなお願いが有って申し訳ないんですけどstylish使って
plug.djというサイトの埋め込み動画(YouTube)の大きさを2倍から3倍未満で適度に拡大するCSSが知りたいです
https://i2.wp.com/just-a-chill-room.net/wp-content/uploads/2014/07/beginners_help.jpg
拾い画ですがデフォルトだとこんな感じで動画として見るには物凄く小さいんです
これもとても知りたいと思っています 一般的なYouTubeの埋め込みだとiframeのwidthとheightをいじりゃ
何とかなるんじゃね？表示崩れしそうだけど ノーマライズcssってブラウザのアップデートで既存のサイトが
意図しないことになったりしないの？
reset.cssのほうが初心者向き？ >>467
10年近くweb仕事してるけど、今はノーマライズcssなんて使う機会ない
reset.cssだけでいい（配布のは足りないから自分でカスタマイズしてる） >>455
jQueryはjsと組み合わせて使うんだよ。
数値の比較や条件分岐したいだけなら、三項演算子をjsの記述で普通にjQuery記述の中に書けばいいだけだよ。
>>458
リロードしなくても発火の方法なんていくらでもあるよ
ajaxで非同期なんてしなくても、フォームの値が変化したらとかsubmitボタン押したらとか、特定箇所がクリックされたらとか まあjsの内容はjsスレで聞いたほうがいいかもな
理屈から理解したそうな人だし。
jsスレに行けば博士みたいに詳しいのがわんさかいるから気が済むまで細かいとこまで教えてくれるぞたぶん どれくらい博士かというと
比較演算子の使い方について質問したら
考え方の違う住民同士が口論になって質問者そっちのけで
その起源や歴史や捉え方の宗教や概念レベルの話まで進んでいくレベルだから >>471-472
多分俺はお前よりも、また、JSスレの連中よりも詳しいと思うぞ。
君は俺が何を言ってるか理解出来てないようだし。 >>473
君どのレスの人？
実現しようとしているのは値の比較による発火だと思ったんだが
もし違うなら君の質問力がなさすぎる 詳しいってのは現在のトレンドや現場のレベル、これまでの経緯も知った上で言わないとね。
jQueryなんてのは知ってて当たり前レベルですぞ >>475
> 値の比較による発火
mutationObserverを444で言及済み。
君は「自分で」書き直す場合に限定してる。
俺は元々のサイトのスクリプト等「他人が」更新したときも追従するのも含めてる。
StylishのようなCSS拡張アドオンとして提供するならそうじゃないと意味がないから。
質問力ではなくて理解力がないんだよ。
それは例えば>>434もそうだが、
> つまりHTMLにすべての情報がなければいけない
これはAjaxが無い世界ならその通りだが、Ajaxの世界ではあり得ないだろ。
話を自分が知っている世界に限定してしまってる。
自分が全てを知っているなんて思ってはいけない。
勿論他人が全てを知っているわけもなし、また、自分も知らない可能性もあるから、
自分がどこまで知っているか相手にも分かるように話さなければいけない。
結果、どうしても冗長な内容になり、
それを見て>>449は「俺の方が偉い」みたいな馬鹿な思考になっているわけだが、
ネットではこれは明確に間違いだ。
この勘違いは自分と全然違う相手と話す訓練が出来てない所から来る。
リアルだと、自分の周りの連中は大体自分と同程度の知識は持っているから、色々簡単に済む。
ただ、ネットではそうではないので、「自分の知識がどの程度か」相手にも読めるように書く必要がある。
だからこのクドクドっぷりは必要悪であって、
それをネット議論慣れしてない連中は（相手が同レベルの知識を持っている前提の）「俺流簡潔文章」でやろうとし、
また、それを他人にも強制するから、ネット上での議論が紛糾しないことがない。
ただ、あれは、俺に言わせれば双方ともネット議論下手だからだ。
どうやったら齟齬を回避出来るか、それを考えなければならない。
で、mutationObserverを上記の通り早い段階で出していたわけだ。
それ以上に君が知っているか、または俺に何か間違いがあるというのならどうぞ。 ①複雑な事をそのまま複雑に説明する人
理解が浅いから端折って良い箇所がわからないのでそのまま伝達する良く言えば素直な人
②複雑な事を余計に複雑に説明してしまう人
要領が悪い、知識が中途半端な人
周囲に認められてきてないから努力を認めてほしいという余計な要素が情報に混じる、コミュ障傾向
③複雑な事を簡単に説明できる人
完全理解してるから端折って良い部分がわかり 相手のレベルに応じて説明を分けられる人
業務では②のタイプが一番危険 >>477
>>475の質問に対する回答がその30行の何処なのかもう意味不明だし
そんな癖があると、コードもスパゲティになるだろ
今聞きたい質問は何なのか3行くらいにできないの？ 迅速に共有および強調表示することにより、この集団発生へのグローバルな対応をサポートするオープンで協調的な方法研究データと関連調査結果。
COVID-19の研究は猛烈なペースで発表されています。 6,000を超える記事
2020年4月20日の時点で公開されており、COVID-19の少なくとも15のオンラインリソースセンター/ウェブサイトが公開されています。つまり477は言いたい事が多
すぎてどこを言いたいのかが相手に伝わていない事実に気が付いて対処すべきです。
利用可能な最新の研究、証拠、およびデータへの高速かつ無料のアクセスを可能に
するために出版社によって作成されました。また、
COVID-19の多くの証拠に基づくガイドラインは、学術論文および論文の要約に基づいて発行されています。 長く書いても実際に混乱/脱線しているのだからどうしようもない。
それが俺の「質問力」だといえばそうだが。
お前らはよく「これだけで済む」というのをやるが、
それは「お前」に質問する場合であって、
ここみたいに馬鹿から博士まで揃っている所で使える手法ではない。
だからそれを言ってくる奴も分かってないんだよ。
(と思うが、もし本当に上手くやれるのなら見せてもらいたい）
ただ一応、頭がいい奴なら頭の数行だけで済むようには書いてるだろ。
それ以降は基本的に説明追加であって、冗長部分だ。
とはいえ、俺は、頭の数行部分しか投稿しなかった場合に、もっと上手く進行したとはまるで思えないけど。
(リアルなら頭の数行だけで問題ないが）
>>480
（君と俺の理解に齟齬がなければ）全部の投稿は頭数行だけで解決出来るようにしてるだろ。
質問は430
> CSSで条件styleって出来る？
> タグ内に表示されている数字の値によって色を変えたい。
2行だし、475に対する回答の本質部分は
> mutationObserverを444で言及済み。
1行だよ。 >>481
言いたいことは全て先頭に書いてる。
それで済むだけの知識と理解力があるのならそれでどうぞ。
勿論（読んでなかったとしても）それ以降の部分で俺が説明している部分を見落としていたら叩くけど。
俺はそういう無駄ループを防ぐ為に敢えて冗長に説明しているのであって、
そんなの俺に必要ない！というのなら読まないのも自由だが、
そこで齟齬が生じる＝お前は読まないと駄目な人だった、ということだから当然叩くよ。
それで、mutationObserverまで言及しているのにonclickとか知らないとでも？
そういうのはマジで止めて欲しいよ。 >>482
そんな前のレス持ち出さないで、まず>>475の回答は、「イエス」か「ノー」で答えようよ。
つーかそんな前に質問してそれだけ書いてまだ結論でてないの？
それを実現するのに一般的に、mutationObserverなんて使わないぞ
それでも実現できるだろうけど検知したいのはフォームの値の変化だろ？
そういうのも含めてトレンドや実務レベル（古いブラウザへの塩梅も含め）で違和感感じる人だから
jsスレにいるマニア共より詳しいとは思えんのだけどね。 >>484
Noだ。
俺が求めているのは「値の比較が出来るCSSセレクタ」であり、「発火」ではない。
JSでやりたいとは思ってないんだよ。
静的なので、可能ならCSS側に追い出す。
俺の技術レベルについて君がどう思うのかは君の自由だ。
そんなマウント合戦なんて意味がない。
ただ、さすがにその程度は知っている、というのを出されても無駄だから止めてくれ、というだけ。
> フォームの値の変化だろ
違う。何の為に何度もコロナダッシュボードを例に出しているのか理解しろ。
俺が色を変えたいのはspanやdivに書かれている単なる数字に対してだ。
それも既に何度も具体的に書いてるだろ。 長文で長々と語る奴は人に教えるのが総じてヘタｗ
わからないお前らの方が悪いんだという結論になっちゃう >>485
だいぶ良くなった！
そう！コミュニケーションは今後もそれくらい簡潔にしよう！
今までと見違えるようによくなったよ！ >>485
セレクタなら無理だねって結論で終わって、今も書き続けてるのはなんだっけか？
たぶん今聞きたい事ってのはJSスレの方が内容的に良い気もしてるんだが違うの？ >>496
それよくわかるけど、
今回の彼は成長を遂げられたから人の意見を受け入れない
よくいる偏屈野郎よりかは全然いいと思う >>487
既に書いていることを繰り返しただけだ馬鹿タレ。
全部読んで理解している奴には485は全く不要なレスだし、
同じ事を読まされる事になり、全く時間の無駄でしかない。
はっきり言えば、インタラクティブにしか出来ないのは頭が悪いんだよ。
幼稚園児とか、実際そうだろ。
「どうしたの？」
「痛いの」
「どこが痛いの？」
「膝が」
「どうして膝が痛いの？」
「道で」
「道でどうしたの？」
「転んだ」
最初から「転んで擦りむいたから消毒薬ください」って言えや。
お前は結局、俺の知能と知識レベルに合わせた丁度いい文章を書いてくれ、というだけ。
485はお前向け（お前専用）に書いているからそれが出来る。
ただ、ここはそういう場所ではないんだよ。
だから>>478も状況を理解出来てない。
485がよかったというのだから、俺は既に③にあることになる。
ただそれでも、お前らの知識/知能レベルが揃ってないからここではそれは無理なんだ。
それを理解しろ、ということ。 >>491
君はその余計なプライドが今後もずっと成長を遅らせ邪魔するよ。
自分は最初から知ってたし、最初からできてたしって
思ってるのは実は君だけなんだって事に気付けるのにあと何年かけるつもり？ >>488
いや内容については終わりでいい。
俺は一応、終了後1～2週間程度は見ていることにしているから、それで居ただけ。
一応経緯を書くと、
1. 現行のCSSでは出来ない
2. ならば将来のCSSと同じ書式を採用するけど？
3. その予定もないし、そもそもCSS界隈は新仕様のお試し実装なんてされてない
4. となればユーザーフレンドリーな書式は何かあるか？
5. つsmarty
6. if文か…
まあ現実的に独自CSS的なものかif文にするしかない。
というわけで内容については終わりでいい。
これ以外に何か良い案があればよろしくではあるが。
今のところCSS模倣ですらなく、そのまま条件式を書いてしまおうかと思っている。
例のコロナダッシュボードなら以下。
.npatients>30 {background:red}
ただし既存の>と被るので、それが問題となるかどうか。
見た目はこれが一番分かりやすいし、右辺側が数字限定ならいけるはず、と見ている。 長いからちゃんと読んでねーけど条件分岐で色変えるって話ならsass/scssではダメなの？ >>493
君がそう思うのは君の自由。
君は自分と違う人と話した経験が足りてない。
ここでは相手と自分の知識レベルを探索しながらそれなりに適切に書いていくしかない。
それで最終的にそれなりの回答を得られたかどうかが「質問力」であり、
その手法によって、つまり冗長な文章によって相手を不快にさせ、
結果的に良い回答が得られなかったにしても、それも含めて「質問力」だ。
俺は一応俺なりの方法でやっている。
それに文句を言うのも自由だが、それも含めて「質問力」だし、一応結果は得られてる。
そして434,435でこちらの情報の開示不足で脱線しかかったから修正もしている。
これも考え方としては善し悪しで、最初から全部書くのもありだが、
必要もない情報をてんこ盛りにされても無駄なのも事実だ。
そして問題なのは、(俺も含めて）大方の質問者は必要な情報を正しく取捨選択出来ないことだ。
だから当初は430程度で、というのが俺の判断で、（つまりやや冗長気味）
それが少なくとも434,435,438に対しては不足であったから情報を追加した。
こういう手法も含めて「質問力」だし、それで君が俺の質問力が酷いと判断するのも自由だ。
ただ、君は俺がこういう判断をしているところすら見えてないだろ？
なら、君はやっぱりちょっと驕っている。それも若気の至りとしてはありだが。
で、その若気の至りで喧嘩しまくってるのがJSスレ含めて他全部だ。これはご存じの通り。
(俺はそれが嫌いなわけでもないが、つき合いきれないので読んでない） >>496
サーバー側ならそれでいい。
ただ俺がやろうとしているのはクライアント側だ。
しつこくコロナダッシュボードを出しているが、要するに、
ああいう数字の一覧があったとき、「どれをいくら以上で○色」とユーザーが指定出来るようにしたい。
その時の分かりやすい書式を探している。
JSで直接書くと、ユーザーによるまちまちな希望、
例えば「100段階でだんだん赤くなっていく」に対応なんてやってられない。
CSS的な何かなら対応出来るから、そうしようとしている。 >>498
それはできないよ
やるんならHTML側で、その数字に応じたクラスをつける
CSS側は、その数字に応じたスタイルを書く
ただそれだけよ
簡単 >>499
だから最初の話にループするが、その状況が信じられなかったから質問したんだよ。
数字の一覧があったときに、その数値に応じて色分けするなんて当たり前の話だ。
なら、簡単に出来る手法があって然りだ。
今それはない、というのは事実として、
これが大問題だと理解出来ないのなら仕様考察的なセンスはないぞ。
既に書いたが、
.npatient[val>30] {background: yellow}
.npatient[val>100] {background: red}
と書けるような仕様が策定されれば、PHPなりsaasなりのif文が大量に抜ける。
今時数字の一覧で白黒オンリーなんてあり得ない。
なら普通は、今できなくても将来仕様に提案されてるはずだ。それを聞きに来た。
が、CSSの世界はそういう世界でないというのは分かった。
そりゃWHATWGからは見捨てられるわ。
大体において、質問者は「根本的に手法を間違えている」事が多い。
今回はこの、あまりに当たり前な「色分け」について
その手法を知らない俺が「根本的に間違ってる」と思ったから聞きに来てる。
ところが根本的に間違っているのはCSS界隈だ。こいつらは進化しようとしていない。
今時IDEを使わずメモ帳でプログラミングしているに近い。
もっと楽に出来るように適切に進化しろよ、という話だ。
提案すらされてないってのはクレイジーだ。
(君らが悪いと言っているわけではないのであしからず) HTML/CSSは未だに未完成で最近ようやく少しだけ使いやすくなったね..ふう....程度のものだぞ
あなたの需要なんかなりマイナーな部類って印象。
もっと優先して改善すべき点や問題が糞みたいになる山積み状態なんですが。 ドラスティックな進化をするとブラウザバッサリ切り捨てる事になるんじゃないか
過去のブラウザにも対応する手間が増えてくるならif文書いた方がいいのでは？ そもそもユーザースタイルシートの需要なんて今ほとんど無いだろ
仮にあってもカラーコードや16進数なんてわからないし知りたくも無いだろ
#c61d1dが何色でrgb(196,29,29)だなんて関わりたくもない情報。
若者なんてPCすら持ってないのがたくさんいるしな そういう意味でメルカリはよく考えられてる。
余計なメニューや機能を全部バッサリ切り捨てて中学生でも直感的にわかる情報だけに絞った。
これは勇気のいることだぜい。 不思議な事にUIや機能がシンプル過ぎると
パラダイムシフトというかそれに近い感覚が起きて、諦めるようになる。
そういうもんなんだなって感覚になってユーザー側がアプリ側を迎合する。 >>501
他の糞を先に片づけるべきなのは認める。
>>502
確かに今のCSSの進化速度なら、ブラウザの互換性問題は大して問題にならないだろう。
そして互換対応が糞文法以上に糞だというのも認める。
(糞文法は我慢すれば済むが、互換対応は正しいコードでも動かないときがあって嵌る） すみませんCSS書けないので誰か>>465お願いします レスポンシブの練習をしているのですが、
reset.css
default.css
responsive.css
の順番で読み込み
default.cssのdiv.wrapper{width: 900px}
をメディアクエリで
responsive.cssでdiv.wrapper{width:100%}
にするとfirefoxの開発ツールでは「無効な値」と出ます。
div.wrapper{max-width:100%}とすれば希望通りの動きになったのですが、
なぜdiv.wrapper{width: 100%}は直感で良いと思ったのですが間違った扱いになるのでしょうか？ >>507
会員登録が必要そうだし、ログインしてる人がいないと検証しようもないので
全方位対応できないし、表示崩れまでは面倒見切れないが、とりあえずこれで。
数値は好きなのに変えて。
iframe#sc-frame {
left: -100px !important;
width: 150% !important;
height: 150% !important;
}
もし希望通りの見た目にならないなら、少しは自分で勉強してみよう。 >>498
scssもsassもクライアント側で使うものだけどどういうこと？ 150%のインポーテンツとはどういう状態なのでしょうか エネルギー充填120%。入り切りません。割れます！
みたいなもんだよ バイアグラで無理矢理150%ギンギンにする感じですかね >>510
ありがとうございます
コードの効果を確認しましたが、plug.djが埋め込み動画の共有に対応している
二つのサイトのうちの一つのサイトのときにしかサイズが変わりませんでした
サウンドクラウドの埋め込みが行われているときには表示崩れもなく正に理想通りの大きさになりましたが
YouTubeの埋め込み動画のサイズは元のサイズから変わらなかったと思います
動作確認がし辛い質問で申し訳ないです
下記のURLだったら24時間動画の共有が行われていて
会員登録無しでplug.dj上で動画が見れることかと思います
https://plug.dj/xqcs-stream
何度もすみませんがもしよかったらお願いします >>511
お前が話を理解出来てないって事だよ。
出来るというのなら、俺が何度も言っている以下を試しに書いてみてくれ。
お題： コロナダッシュボード上で、指定した県に指定した数以上の患者が出たら指定した色を付ける
当たり前だが3rdParty、つまり君がコロナダッシュボードの作者ではなく、
既にあるサイトに対して色を付けるんだぞ。
長いからって読まないから理解出来ないんだよ。
長文が苦手＝読むのが遅い＝文献を読み慣れてない＝知識が得られてない＝馬鹿
が成り立つので、俺の長文は馬鹿除けの意味もある。
グダグダ文句を言う前に何を書いているかちゃんと読め。
それが出来ないのなら回答の必要はない。どうせそんな馬鹿からはまともな回答なんて来ない。
何度目だこの説明は？という感じだぞ。
お前以外は理解出来てるよ。
俺の文がグダグダだとしても、お前以外の人が理解出来るときにお前が理解出来ないのは、
お前が馬鹿だからだ。
そう言われたくなかったら人並み程度には読め。
読まないのを正当化するのも自由だが、そういうお前を馬鹿だと切り捨てるのもまた自由だ。
ただ、長文適性は無いとこの業界では生き残っていけない。
2chの長文なんて、世の中一般の長文の内には入らない。
お前らどんだけ文盲なんだよ？っていつも思うよ。 >>515
んじゃ、これで
iframe[id$="-frame"] {
left: -100px !important;
width: 150% !important;
height: 150% !important;
} >>516
うん、だから君がsass/scssで作ったユーザースタイルシートをコロナダッシュボードに適用すれば良いんじゃない？ >>517
コード適用して使ってなかっただけで変わっていました
様々な状況に合わせてコード書いて頂きありがとうございました >>518
繰り返すが出来ると思うのならやってみてくれ。
俺は出来ないと見ているから。 >>516
当事者じゃないけど、その言い方は酷いと思うよ。
残念ながら何度も君が説明する羽目になってるのは君自身にきっと原因があるからなんだよ。
これが現実なんだから、まず受け入れたら？
自分が原因なのに相手に怒りをぶつけるのって酷いと思うな。 >>516は俺が貧乏なのは社会のせいだ
おれは散々勉強してきているはずなのにあんな中卒のバカ経営者にすら年収で負けてる
世の中が間違ってる！政治が悪い！って言ってるのと同じレベル。 コロナのサイト見るとjsで比較演算、条件分岐してrgba値はこんな感じで定義してるだけだな
const setColor = function (c, r) {
if (r > 1) { // || nbed == 0) {
c.style.background = 'black'
c.style.color = 'white'
} else if (r > 0) {
const off = .1
c.style.background = `rgba(${0xad}, ${0x23}, ${0x2f},` + ((r + off) / (1 - off)) + ")"
c.style.color = r < .4 ? "black" : "white"
} else {
c.style.background = 'white'
c.style.color = 'black'
}
}
確かにこれならscssでもできそうだな 掲示板でも長文が正しいて考えもさ
もう化石になるぞ
ホリエモンもPC使うのやめたってよ。もうスマホ前提が主流になるぞ > もうスマホ前提が主流になるぞ
それはサイトデザインも制作も同じだな >>500
個人で間違いだと思うことは別に止めはしないが
持論が間違っていないことは誰が担保するのん？ >>522
分かったもう終わりでいい。
どのみち今のCSSでは出来ないのは確かだし、これ以上言い合う意味もない。
ただ、俺が何度も説明しているのは、最初の部分で既に出している情報でしかない。
同じ事を何度も繰り返すのは、新着情報が何もないという点で、
最初からきちんと読んでくれている人にとっては本当に迷惑なんだよ。
君らはそれを考えず、自己中心的に、俺が読んでないから他人も読んでないと勝手に決めつけてる。
それが横柄なんだよ。
読まない自由はあるが、その場合は話に加わるべきではない。
加わりたいのなら、少なくとも読む努力はしないと駄目だ。
それで情報不足なら、そう言えばいいだけだ。俺はそれにも対応してる。
また仮に、そういうのを含めて全て俺の問題、つまり読む気が失せたり、人間的に気に入らなかったとしても、
それを含めての質問力だし、問題があれば質問者(＝俺)が不利益を負うだけなんだから、それでいいんだよ。
実際、お前らが>>507に回答しないのもそれだろ。技術的に回答出来ないとは思えない。
とりあえずゆとりに対して思うのは、この辺の誠実さが無いんだよ。
上っ面の敬語や態度ではなく、話に加わりたいのなら相応の努力をして、
また、それを書いた相手にも敬意を持って挑むべきだ。
お前らは自分だけの消費エネルギーを最小化することに特化していて（＝つまり自己中）
同じ説明を何度も読まされる/書かされる人の気持ちを無視してる。
その態度が横柄なんだよ。
ここは会話広場なんだから、全員の合計消費エネルギーが最小化する方向にみんなが努力すべきなんだよ。
それが簡単に出来なくても、目指すしかない。
ところがゆとりはネット上の相手に対してならどれだけ迷惑かけてもいいと思ってしまっている。
それが大問題なんだよ。
そして、この程度の長文が読めないのはどのみち問題になる。
それは文章をどんどん読んで訓練すれば改善するのだから、読めばいいだけ。
技術文章でなくとも、ニュースでもラノベでも問題ない。
これは早いうちに直さないと問題になるのは明白だから、お節介ついでに言っている。 >>529
色々おかしいってばｗ
まず質問者がここで説教するのもその上から目線もおかしいし
ここは学術論文発表の場でもないし、解説サイトでもなければブログでもないわけでして >>529
>>507への事に関しても普通に回答されてるのに、しかも質問者もそれに対し受け答えまでされてるのに
あなたはよく読んでなくて勝手にそう解釈してるわけでしょう？
それ自分の長文だらけのせいで読みにくくなってるからじゃないの？ 便所の落書きに「この長文を読めないやつはバカ」とか書いてあってもねｗ >>529はまず>>507に回答しない（されてない）という誤認をまず認めようか？
間違えましたすみませんって言えるかい？
自分の事棚に上げて私時自身が人の文章だるくてよんでませんでしたって。
まず自分の間違いを受け入れ、認めるところからスタートしないと話にならないよ。 >>532
コロンはつけていたのですが、もう一度手書きで書くと
width: 100%
で怒られなくなりました、不思議な感じです。
ありがとうございました。 CSSでそもそも出来ないことを喚いた挙句、
読み手の気持ちは理解できず自分が長文を書くのは人の為とホザき、
その長文を読めないゆとりはバカだと書いて去っていく。
くっそ迷惑だなｗｗｗｗｗ
さっさと死ねや老害ｗｗｗｗｗｗｗ >>537
どこかからコピペしたりしてない？
それで変な制御コードが混ざっているとか
あと、指摘された行の前後の行
もしくは前後のディレクティブに間違いがあるとか
そういうのも良くあるよ >>507 の回答者だけど、そもそも >>466 で解答してるんだよね。
それで理解できないみたいだから >>510 >>517 で解答してるって流れ。
まぁ、自分は長文の人には絡んでないんだけど、信じるか信じないかはあなた次第ということで。
とにかく、みんなスレタイ読もうぜ。荒しと思うならスルーだ。 >>529は自分の作るサイトに毎日違う人から質問が来て
それを質問者のせいにしていつまでも無駄な時間を浪費してそうだな
約款の26,154行目に書いてるだろうが！！！！って言ってそう。 まあとにかく間違いを認めることはしようよ。
それすらできないなら今まで書いてきた長文は全て信頼に値しない内容だよ。 アスペルガーは自分の思い通りにならないとリズムが狂うからなぁ。
結局他人の意見を受け入れられず、調和を見だし社会から孤立する。
アスペは良く言えば職人肌だが、残念ながら余程のことでは一人では生きにくい。 >>542
終わりでなくてまだ召還するのか？
なら>>507に対して回答してこなかったのは、と言った方が適切だったか？
いずれにしても大して変わらないと思うが。
お前らが>>465に対して技術的に即答出来るのに無視した経緯/真意を問うている。
そもそも回答しない自由もあるので、その事自体を問題視しているわけでないが、
気に入らないその他の理由で回答されないこともあり、それも質問力のうち、ということ。
実際、お前らが507を放置した理由は何だったのさ？
そして>>540が出てきたことによって結果的に、
俺と絡んでいる馬鹿共は507に回答してないことがばれてしまった。
この件で回答していた540が馬鹿と混同されて気分を害したのなら申し訳ない。
ただ、質問力が、と言うのならこれら全部含めてなんだよ。
お前らゆとりは表面的な敬語や態度、上から目線とか、そういうところしか見えないコミュ障なのだが、
それは明確な間違いだ。それを何度も言っている。
上から目線ガーと言う奴は、何でそうじゃない507を放置したのさ？
1言えば10理解する奴と、1から100まで全部言わないと分からない奴が混在しているここでは、
20を言ったら前者には冗長すぎ、後者には不足すぎる。全員に適切な情報詳細度なんて存在しない。
それを、全て自分に合わせろ、それ以外は認めない、というお前らの態度は基本的に横暴すぎる。
そして今回ば、一周目の458までで話は終わっている。
それ以降は1周目に理解出来なかった馬鹿に再度説明を試みた結果であり、有効情報無しなので、
結果的に1周目の情報量で適切だったことになる。
間違えたのは、2周目以降の、文盲で何度も説明しないと理解出来ない馬鹿を相手にしたことだ。
これは明確な間違いだった。
1周目の情報量で理解出来なかった馬鹿は無視するべきだったし、そうした方が君らにとっても有益だった。
そして540、君がその他馬鹿と混同されて気分を害したのなら申し訳ない。
再度謝っておく。
（ただし俺の文を信頼して欲しいわけではない。そもそもどう受け取るかは各人の自由だ） 長文で相手を批判しつつあわよくば質問に答えてもらうというのは質問の仕方としては最悪だな
その態度で質問されたら真面目に答える気無くされても仕方ないよ
幾ら人間力や技術力に差が有ろうが質問者は質問者 回答者は回答者
質問者としてではなく相手より上の立場もしくは対等に振る舞いたいなら質問者になるな
ネット上だからといって不特定多数に対して質問者として振る舞えてないのはお前
不特定多数に質問したという責任を持てよ
出来ないなら現実で対等に話せる人に聞け >>545
謝罪とか要らないから、その代わりにコテつけてくれない？ >>546
だから実際にそれなりの結論は得られてる。(>>494)
それも含めて質問力なんだよ。
基本的にゆとりは『傲慢』なんだよ。
何故お前らが回答者『様々』だと『当然』見なされていると思うのか？
1から10を理解出来る人だけに回答して欲しいのなら、
情報を絞ってそういう人しか回答出来ないようにするのも、
また、上から目線な奴には回答したくない奴が居るのなら、
そういう奴からの回答を拒絶する為に敢えて上から目線で挑むのも、質問力のうち。
全て総合的に判断して「質問前と比べて進んだか」が質問力なんだよ。
馬鹿の癖に当然回答者様々に成れると思っている時点で傲慢すぎる。
なお俺は別に敢えて上から目線なわけではなくて、馬鹿に馬鹿と言っているだけだ。（情報も絞ってないが）
実際、間違いなら修正するし、謝るし、賢い奴は馬鹿にしてないだろ。
それをお前らゆとりは「ぼくにちゅういするひとがだめなひと」(>>492)だからゆとりのままなんだよ。
そして俺＝悪人でなければ困るから、無理にそっちに持っていこうとするが、そもそもそういう問題ではないんだよ。
実際、謝られて、間違いも修正されると、打つ手がなくなってるだろ。
JSスレのマウント合戦も酷いが、お前らも同レベルのクズだよ。
なお俺が基本的に敬語を使わないのは、過去の経験による。
どうも本気で底辺なのか、敬語を使われるだけで舞い上がってしまう奴も居て、
ただ、それはつまり「リアルでは敬語を使われることの無い人」な訳で、つまり馬鹿かクズだから、
そんな奴を調子に乗せて発言させてもろくな事がなかった。
それよりは、「この上から目線野郎一発たたきのめしたる！」と今のお前らみたいに挑んでくる方がまだましだ。
実際、叩きに来る奴は勿論それなりの理解をしているつもりだから、全くの馬鹿は除外出来る。
しかし何故1周目と2周目以降でこんなにも状況が変わってしまったかを考えてみろ。
そして俺の駄文はともかく、それでも1周目について来れた人と、何度も説明しても状況を理解出来ない2周目以降君とでは、
だいぶ差があることも自覚しろ。 長文書くならID出してよ
読みたくない人だっているんだから
そういう層に無視されても、別に困ることもなかろう？ >>547
君が謝罪を要求してないのは理解してる。
他の連中の要請に応えただけ。
そもそも俺はここの住人になるつもりはない。
今回の件は完了しているし、1-2週間後には出ていく。
俺はHTML/CSSの達人でもないから、
俺以上に理解している連中が多数居ると分かり切っているここでは、
余程の流れにならない限り回答することもない。
結果的に、呼ばれない限り自然と居なくなるはずだが、
それでもフィルタする自由を尊重する為に、それまでは430という名前を付けよう。 >>549
不特定多数に質問しといて、現れた回答者に対して
お前は役に立ってないから回答者ですらないただの馬鹿だ。だから俺の長文で自分の行動を改めるべきだ。
とかやってるのはどう考えても傲慢でしょ。
少なくとも回答してくれた人に対しては馬鹿であろうが質問者として振る舞えよって話
「こうすべきだ」っていう断定口調じゃなくて「こうしてくださいませんか？」っていう態度で振る舞え
それが出来ないならお前がゆとり以上に傲慢なんだよってだけ
本題に関係ない文章で本題の脱線に加担してるのは自分なんだよ
脱線させない努力も出来るはずなのに、いざ脱線したら脱線の原因はお前だとか
延々批判始めちゃってるのはお前
お前のその態度が数々の脱線を生んでやり取りが円滑に進まなくなってんだよ
質問者の立場で脱線の原因を押し付け過ぎなんだよ傲慢だから
傲慢だからやり取りが円滑に進まなくても問題ないと思ってる
人間だから回答者も完璧じゃないけどお前にも問題は有るよ >>552
俺に問題があると思うのはお前の自由。
それで俺が不利益を被るだけなら、君がグダグダ言う必要はないだろ。
読みたくもない人の為にコテも付けた。それで何が不満だ？
> 少なくとも回答してくれた人に対しては馬鹿であろうが質問者として振る舞えよって話
まず回答しようとして時間を割いてくれたことには感謝し、
その返礼として、こちらも時間を割いて何度も説明しているだろ。
結果的に無限ループになって大失敗だったが。
実際、2周目以降の参加者は誰も有効回答出来てない。
つまり、居なくてもよかったということであり、
回答者『様々』なんて扱いをする気はないし、する必要もない、というのが俺の判断だ。
そういう偉そうなことは、何か有効情報の一撃を与えてから言うもんだ。
お前らは自分を棚に上げて全部「全て他人が悪い」とするからガキのままなんだよ。
「ぼくがよめないぶんがだぶん」「ぼくがよめないこーどがきたないこーど」をやってしまっている。
そうじゃない、お前が馬鹿なだけなんだよ。
お前も本質を理解出来てない。というより、都合が悪い部分は読み飛ばす癖があると思うのだが、
何故1周目は有効回答が出揃い、2周目は紛糾したのか、よく考えてみろ。
それは参加者の違い、つまり参加者の議論術、技術レベルの違いなんだよ。
実際、540が俺に要求したのはコテだけだろ。謝罪とか本当にどうでもいいんだよ。
お前らもクソガキ過ぎる。 >>552
終わりか？
いずれにしても俺をどう思うかは自由だが。
俺が思うに、お前らゆとりは『心の中で』上から目線過ぎる。
JSの基本的な事なんて聞いてない俺を、何故JS初心者だと勝手に決めつけるのか。
相手を『心の中で』見下しすぎてる。
お前らが繕ってるのは表面上の態度だけであり、中身は本当に傲慢そのものだ。
結果的に紛糾するのはこれが根本的な原因だ。
> 質問者として振る舞え
> お前のその態度
> 質問者の立場で
これらに如実に現れてるが、表面的な態度は大して問題ではないんだよ。
仮に俺が2周目に敬語を使いまくったとして、有効回答が得られたわけもないだろ。
俺の人格を責めたところで、俺が1周目にも当然参加していた事実は消えない。
勿論1周目と2周目で俺の文や性格が変わるわけもない。
なら違いは1周目と2周目でお前らが入れ替わってるからだよ。
2周目が紛糾したことについては、上記の通り、お前らに問題があるのは否定しようがない。
俺に謝れと言うのなら、お前らも謝らないといけない。
それはここを読んだ連中の時間を無駄にしたからだ。
回答者様はどんな馬鹿でも何をやっても許される、なぜなら回答者様だから、なんてのはゆとりの勘違いだ。
少なくとも理解出来てる内容についてだけ回答しろ、という最低限のマナーはある。
そこを無理しすぎるからおかしな事になる。
(とはいえそれが成長の原動力だから否定はしないが、もう少し自重してくれ）
それでお前ら、きちんと謝れるのか？一応聞いておく。
別に謝って欲しいわけではないが、お前らのような人格者様なら上記を論理的に否定出来なければ謝るのは当然だと思うがどうか？
お前らは結局人格攻撃も中途半端でどうしようもない。
JSスレの連中は少なくとも技術的にマウントを取りに来る。その辺お前らより100倍マシだ。
JSスレを馬鹿にしてるのも『心の中で』上から目線過ぎる。それが根本の問題なんだよ。 >>508
Ruby on Rails でも皆、Bootstrap から始める。
Bootstrap 以外は無意味
YouTube に、たにぐちまことの動画もある
【ポイントは一つ】プログラミング未経験でも受かるポートフォリオの作り方
https://www.youtube.com/watch?v=la0rkh6wlxA
Ruby on Rails, Bootstrap, Github, Heroku
ログイン、コメント・画像・文字列の投稿、いいね、検索機能など
この娘は、勉強に1週間、作成に2週間 説教強盗みたいな人は気にしないで、ちゃんとスレタイ読める人は
流れとか気にせず普通に質問して下さいねー >>430
で？>>536についてはどういう認識なの？
なんで誰も回答してないって決めつけたの？
人の文は読んでなかった（見落としてた）って事だよね？ 俺が投げかけてあげた「質問力」って言葉をよっぽど気に入った様子のか連発して使いまくってるけど
本読んだことないっしょ？ ちゃんと理解する価値はある内容だから読んでみて。 まあこれだけ散々指摘されても一向にくどくどした長文が改善しないのはする気が無いんだろう。
こういう人はイノベーションが起きたときにもついていけず淘汰されるんだよ。
ビジネスもWEBも相手あってのものなのにそれを理解しようとしない。 >>557
それも既に言ってるだろ。
文盲な君の為にもう一度言うと、
> 実際、お前らが>>507に回答しないのもそれだろ。技術的に回答出来ないとは思えない。
君が問題視しているこの一文だが、君についてはこれは間違ってないだろ。
事実として回答しているのは>>540であって、彼は俺に絡んでないと言っているのだから、
君は回答してないことになるが違うのか？
この一文についてカチンと来ていいのは540のようにちゃんと回答している奴だけなんだよ。
回答もしてないのに切れているお前みたいな奴はどうかしてる。
都合よく主語を切り替えるのは止めろ。
普段は「俺様専用に俺の理解力と技術レベルを考慮して書け」と強いるのに、(>>478)
いざ書かれたその文については「お前向けだ」と認めず、
自分が回答してもないのに「回答して居る人も居ます」と主語を都合よく拡大解釈するな。
そんなことをしているからいつまでもクズのままなんだよ。
結局お前らは誰向けの文章を書いて欲しいのさ？
自分向けの文章を書け、というのなら、いざ書かれたときにはそれをちゃんと受け入れなければならない。
そして本質はそこではなく、507が『君に』何故回答してもらえなかったのか、それを考えろ、と言っている。
つまり、君は何故507に対して回答しなかったのか、だ。
507が上から目線だったからか？違うだろ？
なら上から目線だったら回答もらえず、下手に出れば回答をもらえる、という単純な話にはならないだろ。
そこをちゃんと考えろ、と言っている。 荒しの相手をするのは人生の無駄なのでスルーしましょうねー
そんな暇があったらスキルアップに時間を使った方が良いですよー rubyガイジとか長文説教老害とか名物だらけやなｗ https://www.lifehacker.jp/2020/06/0608_amazon-timesale-fes.html
このサイトのように商品を並べたいのです。
商品の画像サイズは設定変更されてると思われます。
コピーして商品の写真を変えようと思ってもうまくサイズが合いません。
どこを変えたらいいのでしょうか？
一つできればそれをコピーでひな形にして
何度も使えますよね？アドバイスお願いします。
こういう感じなら何でもいいのですが、、お願いしまsう >>558
それで発端のお前は謝る気ないのか？
「質問力」を読んでるぼくすごい！とか思ってる程度だからゆとりは駄目なんだよ。
繰り返すが、回答者様ならどんな無知でも許されるわけではない。
お前の発言がなければ2周目は発生せず、俺はそのままフェードアウトだった。
今となってはそれがみんなが望んでいたことだろ？
繰り返すが、人に謝れと言うのなら、ゆとりであっても間違ったときは謝らないといけない。
「ゆとり」は免罪符ではないんだよ。
謝るのが嫌なほど幼いとしても、間違った事実を認識し、次はもっと上手くやってくれないと困る。
この場合に「しつもんりょくのほんよんでたぼくすごい」と思ってしゃしゃり出てこれるその感覚がおかしい。
本当にゆとりはこの辺の感覚がずれてて、
お前が原因なのに知らんぷりかよ、が多すぎ、無邪気にコミュニティを破壊していく。
結果的にゆとりはゆとりによって焼き出され、ゆとり的に安住の地がなくなり、
ここ含め他の年齢層コミュニティに無駄に進出してくるからやっかいだ。
ゆとりは本質的にコミュニケーションを理解してないコミュ障なんだよ。
何度も言ってるが、分かるか？
俺が言ってる『コミュ』ってのはゆとりがやってる『敬語を使う』とかとは全く別次元の物だ。
本質的な問題はそっちなんだよ。ゆとりが拘っている部分なんて次元が低すぎる。
もう一度読み返してみろ。俺のそれまでの発言のどこをどう捕らえたら、
> jQueryはjsと組み合わせて使うんだよ。 (>>469)
> 数値の比較や条件分岐したいだけなら、三項演算子をjsの記述で普通にjQuery記述の中に書けばいいだけだよ。
> リロードしなくても発火の方法なんていくらでもあるよ
> ajaxで非同期なんてしなくても、フォームの値が変化したらとかsubmitボタン押したらとか、特定箇所がクリックされたらとか
こうなるんだよ？そして「その程度知ってるから止めてくれ」と言ったら、
> もし違うなら君の質問力がなさすぎる (>>475)
つまり元の発端はお前なのに「ぼくがわるいわけじゃない」と思っちゃってるだろ。
ホント最悪だ。
質問力があるつもりなら、もう少しマシな流れを作れるように俺に問いかけるべきだったろ。
それをちゃんと認識しているか？ お願いですからID出してやってよ
こんなのもう荒らしじゃん 今来てちょっと見させてもらったけど、これ出来るよね。
430ってアホの子なの？そんな長文ばかり書いてるから本質に近づけないんだよ。 >>565
どこをどうコピーしたのか分からないけど、画像部分だけだとこういうこと？
https://jsfiddle.net/f6Lzso1h/
部分的にHTMLとCSSをコピペしただけだと、CSSのセレクタが合わないから
サイズ指定が適用されてないんじゃない？ >>568
あのさあ、その本結構役に立つから興味湧いたならぜひ読んでみて！
ってオススメしただけじゃん？そんなに気に入らな方の？
何をそんなに敵意むき出しで攻撃してくるのお？ 長文好きそうだからその本3時間で読めるよきっと。
何度も読む価値は無いから中古かキンドルで充分。 結局そのおじさんはネットでゴミばら撒く事為に何時間使ったんだ レスポンシブが効くか、viewportとメディアクエリを書いた上でiphoneXで試してみたのですが、
pcの幅を縮めるとレスポンシブが表現できたのですが、iphoneXではpcのサイトのままでした。
結果的に
<meta name=“viewport“ content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
ではダメで
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
だとレスポンシブが効いたのですが、
maximum-scale=1.0があるだけで効かないのはなぜでしょうか？ >>529
＞実際、お前らが507に回答しないのもそれだろ。技術的に回答出来ないとは思えない。
違う。 技術的に回答できない。
>>507に自分が回答しなかった理由は>>510が同日に先に回答していたから。
>>510言ってる通りで、音楽の配信者がいないと質問者のいう状態が再現できない。（検証環境が無い、つまり技術的に回答できない）
それを>>510が既に言ってるから回答しなかっただけだが何勝手に思い込みで決めつけてるのか。 >>578
maximum-scaleってのは最大ズーム率で、それ以上は拡大できないってことなので
minimum-scaleと同じ値が設定されてると、拡大も縮小もできない
だから、1.0倍のサイズでしか表示されなくなる >>568
お前は>>507の内容すら読んでないだろ？
質問者のサイトすら開いてないんだろ？ それとその後の回答者がいたことも本当は見落としていたんだろ？
それをすり替えて、「回答者がいなかった」んじゃなくて「お前が回答しなかった」にごまかそうとしてるのがバレバレなんだよ。 >>572
CSSでザイズ20％に変更でサイズ変更できました！ありがとうございます
あとは
https://www.lifehacker.jp/2020/06/0608_amazon-timesale-fes.html
あとはこの商品このレイアウトのHTMLですが、、これのコツを教えて下さい。
コピーしても中に余計なコードが混ざっていて、、なんだか、、
imgとhrrpを検索してそこを書き換えたのですが汚くて、、 >>580
ちょっと眺めたぐらいじゃ対象部分のソースも確認できなさそうだし、面倒臭そうだから普通ならスルーするとこだよな
それでも>>466のお茶を濁した程度の解答があったし、それで再度質問が無ければ解決したって思うわな
そもそも質問に回答するってのもタイミングの問題なんだよな
年中貼り付いてるわけじゃないし、誰かが解答してて特に言うことが無ければ、いちいち口を挟むことは無い >>583
レイアウトって、そのサイトで言う商品ごとの緑枠部分のことかな？
https://jsfiddle.net/r6Lp5gjv/
購入ボタンの画像はlifehackerの直リンなので実際には使わないでね
あと、とりあえずCSSにおける変更箇所の指定方法を勉強してみるといいかも
この件に限って言えば、コピペで上手く行かないのが、どうにかできるようになると思う
というか、そもそもの話なんだけど、こういうのは
ttps://kaereba.com/
とか
ttps://kaereba.com/wind/
みたいなサービスを使ったり、WordPressなら専用のプラグイン使ったり
そういったツールみたいなものでやった方が早いと思うよ >>587
ありがとうございます
わかりました、使いません。
が、質問だけさせていただきます。
そのカートの緑の購入ボタンの画像ですが
購入という文字は消えましたけど、押した時飛ぶ商品のURLに
自分のIDが入ってればOKな感じですか？
便利なサイト教えて頂きありがとうございます。
少し勉強してまいります、ありがとうございました >>587
横レスだけど、このcssは手書き？コピペ？
こんなの頭に全然出てこない・・・ >>588
画像を使わないでねってのは、購入ボタンをそのまま使うのであれば、自分で別途画像を用意してねって意味。
購入ボタン部分のHTMLを画像（<img src～）だけでなくリンク（<a href～）ごと丸々削除しちゃうと、CSSで追加した
「購入」って文字列まで消えちゃうので、購入ボタンを使いたければ、画像へのリンク（img src="○"の○部分）を
自分が用意して自分のサイトに設置した画像のパス（URL）に書き換える。
購入ボタンを使わないならリンクごと削除してもOK。
アフィリエイトリンクは自分のものに書き換えればいいし、購入ボタン使わず適当なリンクで大丈夫。
リンクは<a src="自分のアフィパラメーター付きURL">購入</a>とか、商品画像から飛ぶリンクと同じURLで。
>>589
不要なもの削除したり、一部改変してるけど、ほぼ全てコピペ。
部分的なコピペだとHTML上で書かれてないclassとかCSSに残ってると上手く動かないので。 >>590
ありがとうございます
お礼だけ先にさせていただきます。
少し触ってみます！
ありがとうございます
この緑の四角い枠もつけたいのですが
これもCSSの方での設定なのでしょうか？ >>591
緑の枠は
https://jsfiddle.net/r6Lp5gjv/
これのCSSの先頭にある
.inner-buy-box {
border: 4px solid #b8d793; ←この部分
padding: 15px;
margin: 15px 0;
overflow: hidden;
}
当該部分は、inner-buy-boxというclassが付いたHTMLタグに
4辺の枠線(border）に4pxの太さ、solid（実線）、#b8d793（色）を設定
っていう意味 >>592
https://jsfiddle.net/r6Lp5gjv/
このCSSをそのまま入れて
HTMLもそのまま入れてみても
枠線が出ないのはなぜでしょうか？
>>572
の
https://jsfiddle.net/f6Lzso1h/
の下にCSSをコピペしたのですが
572を消してみてもでてこないです
私のCSS スクショです
https://imgur.com/a/mqsdgN0 >>559
その「自分こそが大正義」という感覚は怖いと思うけどね。
ゆとりはゆとりもいつか「老害」とされることを脳内から都合よく排除している。
いや、自分達は「老害」にはならないと信じきっているのだろうが、それはないんだよ。
何というか、心の中が都合よく傲慢すぎる。
「老害」ってのはつまり「年上で邪魔」だからだが、これは本質的には
1. 世の中が進歩したことにより、
2. 若者の方が比較的上達が速く、
3. 結果、無能な癖に上にいる人が邪魔になる
という、分かりやすい論理に依っている。
例えばプログラミング界隈では、最近は最初からIDEで学んでいるはずだが、
それは以前のテキストエディタ+printfデバッグ(ステップ実行無し）よりは上達は速い。（はず）
結果、若者が上世代に技術的には追いつくが、
（年功序列だと）立場的に追いつかないから、「老害」となるわけだ。
よって、ゆとりも脱ゆとりからは「老害」とされ、淘汰される対象となることは本質的に確定済みだ。
だからそれをぬけぬけと言える時点で「自分達こそが常に大正義」な価値観であり、
それ自体が本当に危ういと思うのだけどね。
既に言ったが、>>492が典型的にそれで、
「ぼくをちゅういするひとがわるいひと」と思える＝「僕こそが常に絶対大正義」と本気で思ってる、ということ。
これが本当に危うい。
結果、何をやっても「自分は悪くない」と勝手に思いこむ。
これが本当にどうしようもない。
とはいえ、淘汰されるかどうかは市場が決める、その市場原理は公平だから俺は支持する。
ただ、その淘汰対象に自分が含まれることはない、と思っているのならそれは傲慢すぎる。
繰り返し言ってるが、俺がゆとりの本質的問題だと思ってるのはこの『心の中の傲慢さ』だ。
若気の至りの「全能感」にしても、ちょっと行きすぎてる。
とはいえ資本主義はゆとりを特別視しないから、結果は自ずと公平なのはいいことだが。 >>569
.post:has(.name a:contains("430")) {display:none} >>593
> このCSSをそのまま入れて
> HTMLもそのまま入れてみても
> 枠線が出ないのはなぜでしょうか？
どこに入れたの？どういう状態か分からないので
https://jsfiddle.net/
ここに、あなたがコピペしてまとめたHTMLとCSSを貼り付けて
画面左上にあるSaveボタンを押して、生成されたURLを
貼り付けてみて >>596
かえれば
とか読んで勉強してきます。
何度もすみませんでした。 誰がお前にお前の教えを享受してほしいって言ったんだよ
このスレじゃなくてtwitterでやってろよ
スレの目的とそぐわないことをダラダラやってる時点で傲慢
ゆとりの教育がやりたいならtwitterでしろ
見たい奴は見るから URL貼るくらいなら許してやるよ >>592
すみません、やり直したら出てきました。
ごめんなさい
そしてありがとうございます！ >>573
相変わらずか。
まあその面の皮の厚さはここでは必要だが、
どう投稿すべきだったかは本当によく考えておいてくれよ。
謝るとかいう表面的なことは本当にどうでもいいからこの際放置でいいが、
ただ、onclick/onchange/onsubmitでドヤられても対処に困るんだよ。
> 脱線させない努力も出来るはずなのに (>>552)
これは事実で、確かに俺はそれも出来た(かもしれない)が、それを選択しなかった。
とはいえ指摘出来てる552も同罪で、それで俺を断罪するのはクレイジーだから放置としても、
これは本当にそうなんだよ。
（とはいえ実際はこれは難しく、471時点でどう回答すべきかの正解は俺にはない。
従って基本的にどれもギャンブルで、その意味では俺は賭け負けてる。
君の性格も多少見えてきてる今の段階ならまだしも、
なら552、そこまで言うのならお前は471の時点での「模範解答」を出せるのか？とも問いたい。
それは469の性格がどうであれ対応出来るからこそ「模範解答」だ。
それを出せるのなら確かにお前には俺を断罪する権利があると認める。）
だから発端となっている君が「どう投稿すべきだったのか」は本当によく考えてくれ。
君に全責任があるわけではないが、
君の投稿がなければこの流れは存在しなかったのも事実なんだよ。
あと、現段階の君はとてもじゃないがJSに詳しいわけではないから、
JS案件には口出ししない方がいい。この程度はわきまえてくれ。 >>598
いや、そこを読んだところで…
>>572のCSSに>>592をコピペしても意味ないよ？
>>572には>>592で指定されてるHTMLが書かれてないんだから 享受してほしいではなく享受したいだな
間違えました >>605
本当にありがとうございました、、
リンクも画像を変更したら
なんとか形になりました。
ありがとうございました！ ファンはアイドルの鏡、とはよく言ったもので
このスレにおいては、回答者は質問者の鏡
ってことがよく分かる一連の流れ >>580
>>582
お前（ら？)が俺と会話を続けたいと思っているとはとても思えない。
最後に言って勝ち逃げしたいのならそれでいい。
もし回答を望むなら、混乱を防ぐ為に、580と582が別人かどうかだけ先に回答してくれ。
その回答があれば回答要請と見なし、明日夜回答する。
なければこれで終わりとする。
>>584
お前ももういいよな？
上記と同様、明示的な回答要請があった場合のみ回答としたい。
あと外野、俺が折角コテになってるのにお前らが名無しで投稿しまくってるようでは540に申し訳ないだろ。
俺に対するレス（不満愚痴レス含む）だけでもコテ付けろ。
お前らは本当に自己中過ぎる。相手のフィルタする権利もちゃんと尊重しろ。
そして「こてはんできるぼくすごい」5ch大先生な>>548は、>>569にいろいろ教えてやってくれ。 >>608
お 前 に は 何 も 言 っ て い な い chmateでデフォルト表示されない長文増えてるから
あれだなーとは思ってたがw >>605
度々すみません
スマホからだと
https://imgur.com/a/nPctSlR
こうなっちゃうことに、、CSSってスマホにも有効なんでしょうか？ >>612
もちろんCSSはスマホにも有効だし
https://jsfiddle.net/r6Lp5gjv/
のコピペに加えて
HTMLの<head></head>内のcharsetの下辺りに
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
を入れれば、スマホではこうなる↓はずなので、どこか間違ってるかも
https://imgur.com/a/WRmQZoG >>578
VSCode で、! と入力すると、emmet の補完で自動的に、下のように展開される。
minimum-scale/maximum-scale などは無い
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html> >>615
emmetで補完されるといっても、jaをenにするとか外部CSSのリンク入れるとか、自分の好きなように
改造も出来るし、デフォルトで展開されるものが正しいってわけでもないと思うが、ちなみにGoogleでは
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
が推奨されてるとか何とか >>614
どこか間違ってるというのは
今まで教えていただコードだけでスマホも
>>614に添付された画像のようになるはずだということですか？
色んな所に貼り付けてみてもうまく行かないです
HTMLに書き入れるのですよね？
>>https://jsfiddle.net/r6Lp5gjv/
のコピペに加えて
HTMLの<head></head>内のcharsetの下辺りに
とは新たに加えるということですか？
<head></head>の中ならどこでもいいのでしょうか？ >>617
説明が面倒なので、とりあえず全部貼った
>>614の添付画像は↓の内容を実際にスマホで確認した時のスクショ
https://jsfiddle.net/njuLhr83/
これを真っさらなファイルにコピペして上手く行かないなら、何か別の問題があるはず
ちなみにサイトはどうやって作ってるの？
例えば何かのブログサービスを使ってるとか、サーバー借りて自分で編集した
HTMLファイルやCSSファイルをアップロードしてるとか >>618
おはようございます、返信ありがとうございます
ライブドアブログを使ってます。スマホ側のチェックはアイフォンです
ライブドアのCSSを全部消して入れてもスマホ側は変わりませんでした。
https://www.lifehacker.jp/2020/06/0608_amazon-timesale-fes.html
このサイトでは添付していただいた画像の通りになります。 CSS初心者なんですけど、このスレってStylish関係の質問も大丈夫ですか？ 成功率
99%
と表示させるために
content:"成功率\A99%";
white-space:pre;
とすると
成功率□%
と文字化けで表示されて、しかも改行できていません。
数字の前でなければ問題なく改行できるのですが、数字の前でさせるにはどうしたら良いですか？ >>620
CSSはスマホにも有効だけど、ライブドアブログだと、普通に編集してたらダメみたいね
ライブドアブログでスマホでもCSSを反映させる方法
ttp://kenchan.blog/archives/archives/cat_193145.html-2019-08-18.html
【完成版】ライブドアブログのスマホ・PCに、共通のCSSを適用する方法
ttps://akapeso.info/1064567111/ >>621
ちょっと前のログを見てもらえれば分かるけど
CSSに関することなら、大丈夫。 >>622-623
\Aと99%の間に半角スペース入れるだけでもいける >>625
ありがとうございます、すみません自分であれこれ弄ったら自己解決しました
また何かわからない事があれば聞きにきます img要素はインライン要素なのにwidhtを指定しないと親要素をはみ出してしまのはなぜでしょうか >>624
ありがとうございます
そのとおりやってみました
レイアウトは完璧でしたが
https://imgur.com/a/7emHTt9
購入のところの文字がスマホもWEBも文字化けしてしまいます
どこが問題なのでしょうか >>632
CSSを画像フォルダーにコピペしたとき
日本語のところが文字化けしてました。
/* ヘッダー Twitter,RSS,検索窓----- */
のような書き込まれな場所なので気にしませんでしたが
CSSには
.inner-buy-box .buy-box-order a::after {
content: "購入";
position: absolute;
のような箇所があります。だから文字化けしてるのだともいますが
リッチテキストやシンプルテキストでやっても文字化けします。 >>633
購入をBUYに変更しても文字化けしました。 >>634
何度もすみません BUYと英語の変更だとうまくいきました
CSSを変えたらフォルダーのCSSの変更を忘れてました、、
しかし
英語だとちゃんと表示されますが
位置が微妙にずれてます
https://imgur.com/a/2Vcmuwl
これを直したいのですが >>635
先ず文字化けについてなんだけど、とりあえずCSSファイルをメモ帳で開いて「購入」に戻して
「ファイル」→「名前を付けて保存」→文字コード「UTF-8」で保存して、そのファイルを
再アップロードして、文字化けするかどうか確認。 >>635
で、購入（もしくはbuy）の位置調整は、CSSファイルの一番下にある
.inner-buy-box .buy-box-order a::after {
content: "購入";
position: absolute;
top: -8px; ←ここと
left: 72px; ←ここ
以下略
}
の数値を調整してみて。 >>637
文字の問題解消しました
ありがとうございます
文字ですが元のCSSと画像フォルダーのCSS両方書き直すのでしょうか？
それと
TOPとは高さで
leftとは右に動かしたかったら72をへらす感じでいいのでしょうか？
2つを色々書き換えて消えては出たり混乱して質問させていただきました。。 >>638
ちゃんと外部CSS化されたのであれば、元のCSSってのは全部消しても多分大丈夫。
現状、外部CSS（画像フォルダ？に置いたCSS）が適用されてる状態だと思うので、元のCSSは
放置でも大丈夫なはずだけど、混乱すると思うので消してもいいかも。
もし消しても問題が無ければ、今後は外部CSSの方を編集することになる。
leftは親要素の左端からの距離なので、右にずらしたければ数値を増やす。
その辺はとにかく自分で色々試してみなよ。人に聞くよりも憶えられるよ。 >>639
https://imgur.com/a/k4hL1r5
左がPC 右がスマホ
ですスマホを下にするとPC側が消えてしまいそうなので
連動の限界なのでしょうか？ >>610-611
ならば何故ゆとりを殺さなければならないか合理的に述べよう。
それは最終的な価値観/目的地の違いによる。
ゆとり：たとえ間違っていても、回答したことを感謝される優しい世界(>>552,469)
俺（前世代）：情報の正しさが第一、間違っているなら無い方がまし
Web上のWeb系技術情報がやたら間違っているのは、発信している連中が初心者だらけだったからだ。
それは上の世代が少なかった事、つまりゆとり世代もそれなりに主力だった事を意味する。
そして当然その中で掲示板やSNSがそれなりに新たに生まれたのは想像に難くない。
ゆとりの、ゆとりによる、ゆとりの為の、優しい場所だ。ゆとりには心地よかったはずだ。
ところがこの価値観では情報の正確さが担保出来なかった。結果、
A. 優しく教えてくれるが間違っている事も多い場所
B. ボロカス言われる時もあるが（間違いはブッ叩かれる為）内容は概ね正しい場所
ではBの方がましだと判定する奴の方が多く、上の世代の巣窟だと分かり切っている5chにゆとりも押し掛けているわけだ。
だから、ここで再びゆとり的価値観を展開されたら困るんだよ。それだとここも死ぬから。
ここでは価値観含めて上世代になりきってくれないと困る。
そしてそもそも自分達の独自コミュニティを存続させられずにここに押し掛けてきてるゆとりには、
ここを存続させてきた上世代を批判する資格はない。
という当たり前のことがゆとりには分からないし、何度説明しても聞く耳持たずだ。
その結果、今5chの専門板が全板的に絶賛大劣化中となっている。
お前らが嫌っている「間違ったらブッ叩かれる」のも、情報の精度を高める作用はあり、コミュニティには必要悪だって事だ。
そして俺もそれなりに頑張ってみたが、ゆとりの傍若無人っぷりはどうしようもなく、2-3年前からお手上げ状態だ。
今現在のこのスレのゆとり浸食率はもう閾値を越えてる。
>>540がどこを目指しているのかは知らんが、このスレももう手遅れだぞ。
頑張っている君に俺が渡せる役に立つかもしれない情報はこの程度だから、迷惑ついでに書いておく。
が、フィルタされてるだろうから、外野、これを読ませる価値があると考える奴が居たら、540に教えてやってくれ。
判断は敢えて君ら外野に任せる。 >>642
読んでないけど、あなたの「ゆーとーりー」 >>641
CSSの機能として、PC用とスマホ用に書き分けることもできるんだけど
そもそもライブドアブログだと、色んなことがいちいち上手く行かなくて
試行錯誤が必要そうなので、もし急いでいるなら、購入ボタンを削除するとか
元々ライブドアブログの機能としてあるAmazonの商品リンク貼り付けボタンを
活用するとか、別の方法も考えた方がいいかも >>641
あ、ごめん。これ>>624のやり方でPCとスマホで分けられるのか。
両方に同じCSSをコピペしてPC用とスマホ用にそれぞれtopやleftを
位置調整したらイケるのかな？ >>646
従来のCSSがPC用
画像フォルダーに入れたCSSがスマホ用
と思ってやってみたのですが
一緒に動くんですよね、 >>642
スレの目的とズレたことを平気で続けても必要悪
だから問題ないとか言っちゃう
ゴミ価値観展開しないでくんない？ >>648
自分でそういうレクチャーサイト作ればいいのにこういうとこで垂れ流す
つまりはどこかから持ってきたコピペ改変程度だから実際にはサイト作ったり運営はできないんだろうｗ >>642
おまえらの指摘はゆとり害悪だけど俺の説教は絶対正義ってこと？
ナルシストこじらせ頭コロナ説教おじさん乙＾＾ テスト用に持ってるライブドアブログで検証してるんだけど、ライブドアブログって基本的にスマホでのCSSは非対応で
メディアクエリもまともに動かない上に、サーバー上にキャッシュが残ってるのか、新しいスタイルがなかなか適用されないとか
色々と酷いもんだね…。
>>647
というわけで、普通なら出来ることがライブドアブログでは出来ないから、購入ボタンの画像は使わず、PCとスマホで
共用できるCSSで新しくボタンを作るので、夜までお待ちを。 あぼーんしたい人のためにコテつけろって言っただけで、自分はあぼーんしてないけど
しょーもない長文なんて読んでないし、レスアンカーで絡まれるのもウザいから
とりあえず
>>642
最後の段落しか読んでないけど、余計なお世話だし、邪魔だからちょっと黙ってて。 >>652
540乙。あぼーんする勇気も無しか。
まあ情報ってのは普通はもらうだけもらってから捨てるもんだぜ。それも含めて君の自由だが。
>>649
Webサイトを自由に構築出来る世代が、独自のオンラインコミュニティを創設/維持出来ず、
Web音痴な前世代が作ってたむろしているサイトに押し掛けないといけない状況になっている理由を考えろ、ということ。
君らの価値観は、「オンラインコミュニティ形成」という意味では既に他ならぬ君ら自身によって淘汰されているんだよ。
それにも気づけず、>>559ってのはお前らはもう既に老害だよ。
（というかそれに気づけないからこそ老害なんだが、だからこそこの話は無限ループする。今まさにそれ）
とりあえず人格者のつもりなら、上記の通り、5chで上世代を老害扱いするのは筋違いだから止めとけ。
勿論お前らが独自に作ったサイトでは好きなだけ悪口言えばいいが。
5chが色々糞なのは事実だが、それを上回る物を君らが作れてないことも事実なんだよ。
そしてそれはWebサイトを構築出来る奴が多ければとか、敬語を使えばとか、そういう単純なものではないからなんだよ。
ゆとりからは「ネット上の相手」に対するスペクトが完全に欠落してる。だからコミュニティが崩壊する。
それでお前らはここ5chも破壊して、どうするつもりなのさ？
他サイトも含め全部破壊し尽くすまで『君ら自身によって淘汰済み』な価値観を変えないつもりか？
それこそが典型的な最悪の老害だ、というのに。 >>651
神よ、、
おはようございます
そうなんです、名前も変えないと画像フォルダCSSは変更認識もしてくれないんです
わざわざ触って頂き、ありがとうございました 長文なんてスクロールしてるだけなので
何か変な奴いるけど見たこと無いわ >>653
お前が独自に作ったサイトかコミュニティで好きなだけ意見を言えばいいんだが
なんで他人が(HTML/)CSSの話をするために立てたスレで
CSSの話をするために人が集まってきてるのに
CSS以外の話を真摯に聞いてもらえると思ってるんだ？
お前はこのスレの中心人物でも指導者でも功労者でもなんでもないんだよ
もう一度言うがお前が独自に作ったコミュニティかサイトでやれ >>654
でけた。
https://jsfiddle.net/1om453ny/
1. 先ず↑のHTML部分をライブドアブログの記事の「HTMLタグの編集」に丸々コピペ。
2. 一番上にある<link rel=～>の中のhref=～をスマホ用CSSファイルのアップロード場所（URL）に書き換える。
3. ライブドアブログの「ブログ設定→デザイン/ブログパーツ設定→PC→カスタマイズタブ→CSS」に↑のCSSを
丸々コピペして保存。
4. 3と同じページの「個別記事ページ」タブ内の<head>と</head>に囲まれた中の1番上に
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
をコピペして保存。
5. スマホ用CSSファイルに↑のCSSを丸々コピペして保存したら、ライブドアブログの「画像/ファイル」で
上記で指定したのと同じ場所にスマホ用CSSファイルをアップロード。
（今までは「画像フォルダ」にアップロードしてた？みたいだけど「ファイル管理」タブにCSSフォルダ作った方がいいよ）
これで何とかなるはず。 HTML/CSSの質問スレでゆとりに長文説教してるとか恥ずかしすぎるだろｗｗｗｗｗｗｗ
しかも質問者の立場でｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
だからはよ死ね老害って言われるのさｗｗｗｗｗｗｗ
晒上げｗｗｗ >>657 ありがとうございます
<link rel="stylesheet" type="text/css" href="自分のサイトURL/cSSファイルの設置場所/style.css">
だとスマホ版のほうがうまく表示されませんでした
そこで
<link href="★" type="text/css" rel="stylesheet">
★のところをCSSのの場所に書き換えたらうまく表示できました！
ありがとうございます！
これはたまたまなのか、少し触って確認してみます！
ほんとにありがとうございました！！
触ってまた報告させていただきたいと思います！ >>659
それって並び順は関係ないし、こちらでは上手く行ってるから、単に説明を誤解して間違ったURLに書き換えただけかと。
でも何とか対処できたのならよかった。
これを機にHTMLとCSSを勉強すると色々と捗ると思うので、興味があったら是非。 >>660 確かに、、。時間を見て確認してみます。
違う商品に変えてURLをはめ込んでみました
あえて、HTMLタグ編集ではなく、出来上がりの画像や文字からリンクを変えてみました
購入の部分のURL入れ替えると緑の背景が消えてしまいます。両方
と class="buy-btnが消えてしまうみたいです。
HTMLの編集ではもちろん消えませんでした。
それと、上記のようにHTML編集で書き換えない場合
amazonの商品画像を変更する際は
画像のリンクが出てこないので結局HTML側で入れ直さないと駄目なのでしょうか？
以上2つ質問させていただきました。すみません。 >>660
いや、HTMLで出来るのでやります。
本当に何度もやって頂きありがとうございました！
使うのが楽しみです。ありがとうございました！ >>661-662
ライブドアブログでは「HTMLタグの編集」じゃないとダメだと思うよ。
あと元々の質問に沿って答えてきたけど、今のやり方だと運営していく上で色々と面倒じゃない？
ライブドアブログだと「Amazon・楽天アフィリエイトID自動設定機能」ってのがあるらしいから
それを設定した上で投稿フォームのAmazonボタンからリンクを生成して、デザインはCSSで整える
って状態にした方が効率的なんじゃないかと。
Amazonとか楽天のアフィを使っていればの話だけど。 >>655
ボイコットも自由だが、普通は情報は受け取るだけは受け取るもんだぜ。
後でこれを読んだ脱ゆとりが「僕らはゆとりの倒し方知ってますよ」とか言いだしても文句言えないんだし。
>>656
そういうのは今お前が現在進行形でやっている「5ch破壊行為」を止めてから言うもんだ。
ゆとりは自覚無く無邪気にコミュニティを破壊していくのが最悪なんだよ。
だからお前らは独自のコミュニティを維持出来ない。
回答者の数も揃い、Webサイト構築能力もある君らが、何故自分達のサイトで出来ないのか、ちゃんと認識しろ。
ゆとりによる「優しい世界」よりも「老害がウンコ投げ合ってるサイト」の方がましと判断してここに来てるのなら、
少なくとも「老害」と「ウンコの投げ合い」については許容するのが筋だろ。
既に言ったとおり、「優しい世界」が存続出来なくて、「ウンコの投げ合いサイト」が存続しているのには訳がある。
それも理解出来ず、他ならぬお前らが否定済みの『ゆとり的価値観』をここに持ち込むこと自体が最悪の破壊行為なんだよ。
お前らはヒャッハーしなければいいと思ってるだろ？それが完全に間違いだ。そんなに単純で表面的な物ではないんだ。
と言ってもまあ、お前ら本当に聞く耳持たずだからなぁ。
あと、スレのことを気にするなら、何故お前はコテにしない？
それが今適切なのはお前みたいな馬鹿ゆとりにも分かるだろ。
結局お前らは功労者ぶりたいだけで、本当に功労者になろうとはしてないんだよ。
だからコミュニティが崩壊する。
分かると思うが>>653訂正
× スペクト
○ リスペクト
おい、あと一応言っておくが、アフィカスとまとめは問答無用で殺せ、というのは5chの総意だぞ。 >>663
たしかにそうですよね、
かえれば はamazon使えなくなったみたいだし
なかなかデザイン的にいいなと思うものも無くて
CSSで可能性もあるのですが難しそうでｗ
CSSで整えたいんですけどｗ
本当に勉強になりました >>666
購入ボタンは無いんだけど、ライブドアブログのAmazonボタンで生成しただけのHTMLと
カスタマイズ用のCSSを作ったので参考にどうぞ。
https://jsfiddle.net/L31ct0xh/
あとはHTMLの先頭行にはスマホ用CSSへのリンクを貼り付けて、これまでの手順通りにやれば
スマホマホ対応もイケると思うので頑張って。 >>667
うぉーーー
すごすぎる
これで大満足です！こっからなにかイジってみる勉強もできそうな気がしますｗ
勉強したくなりました。すごい。ありがとうございます！ 普通は、Bootstrap でレスポンシブ対応する
これで、PC・スマホ用の両方に対応 普通は、Bootstrap でレスポンシブ対応する
これで、PC・スマホ用の両方に対応 >>670-671
5ch は、ボタンのダブルクリック対応していないw
たまたま、ボタンをダブルクリックしたら、2回投稿されるw
技術力が低すぎる。
普通は、ボタンをクリックしたら、ボタンをdisable にして、クリックできないように作る
こんな機能は常識。
フレームワークで、デフォルトで実装されている >>670-672
ライブドアブログって全テンプレートがbootstrapに対応してんの？
あと普通って何？bootstrap以外は？ >>667
またまた質問なんですけど
システム的に
amazonの商品値段も読み込んでくることは可能なのでしょうか？ >>674
ちょっと見た感じだと、そういうのはライブドアブログには無いんじゃない？
その辺の知識は、あなたと同じぐらいしか把握してないし、技術的にはHTMLやCSSだけでは
実現できないから、スレ違いになりそうなので、とりあえずブログ板のlivedoorブログ関連のスレとか
Web収入板で聞いた方が早いかも >>673
確かに、ライブドアブログが、Bootstrap に対応していないかも知れない
個々のブログのやり方で、レスポンシブ対応にするしかないのかも >>675
>>676
ありがとうございます。
amazonって色々読み込むとうるさく言ってくるって記事も読みましたし
そうなんでしょうね、
ありがとうございました！ レスポンシブ自体はBootstrapじゃなくても簡単にできるだろ 数で言えばBootstrapが一番多いんだろうけど、他にもフレームワークは
色々とあるしな HTML5についてです。
p要素の文章中に英語の例文とその訳語を挙げるとき
どの要素を使うのが適切だと思われますか？
整形上、いちばんぴったりくるのは
dl要素とdt要素もしくはdd要素を使うことです。
これは邪道でしょうか。 htmlは整形するためのものじゃなくて構造を作るためのもの
リスト構造が必要なのであればdlタグを使えば良いし
英文が引用なのであればqタグとか使えば良い
「dlタグで書くと求めてる見た目になる」みたいな使い方はダメ
そういうのはcssで調整する jsfiddleってIE11だとずっと雲マークから動かないけど対応していないの？ >>682
わかった
<div>
<div>
<div>
</div>
</div>
</div>
<span><span><span></span></span></span> いくらお前らがW3CのHTML5のつもりで書いても
ブラウザはWHATWGのHTML（現LS）として解釈するっつー話よ
HTML5は幻想だったんだ
忘れよう >>685
読むのはブラウザだけでなく人間もだぞ？ html5の言い出しっぺはwhatwgだぞ？
html5を忘れるってどういうこと？xhtmlでも書くんかｗ >>681
教えてくださってどうもありがとう。
たしかに、要素は整形のためではなく意味のためにあるのでしたね。
例文を挙げるのは「例示」であって「引用」ではないので、
blockquote要素でもq要素でもないんですよね。
q要素を使うと「」が自動的に挿入されてしまうウェブブラウザがあります。
dl要素とdt要素とdd要素は定義と説明リストですが「例示」ではないですね。
でも意味的にはこれが一番近いかなあ。
整形のためにはclass=""example"属性を設けてCSSで字下げを調節するか、
それとも<p class="example">を使うべきか迷います。 >>687
当時のWeb Application 1.0を
内部ではそう呼称していたってだけじゃね？
>>688
HTML LSにはバージョン番号は付かないんじゃない？ >>683
5ch も、IE11 では動かないだろ？
無限ループか何かが起こって、フリーズする >>692
5ch+IE11まじか、専ブラ使っているから気付かなかった
jsfiddleもUA見て、対応していませんぐらい出してくれれば良いのに。
10分ぐらい待ってしまったわ。 >>689
意味的に正しそうなのであればそれで良いと思う
ありとあらゆる用途に合わせて膨大な数のタグが用意されているわけじゃないし
「どのタグを使うべきか」で悩みすぎるのは良くない
できれば後から自分や他人が読んだときに構造が理解しやすいタグ選びになっているのが理想というだけ
ぶっちゃけブラウザやクローラはかなりざっくりとしかタグ名見てない
良くないことだけど試しにめちゃくそ適当なタグ名とかで書いても表示されるし動くには動く
https://jsbin.com/fabegubago/edit?html,js,output
あと必要無いだろうけど念のため
qタグで挿入される鍵括弧等はcssのquotesで調整できる
https://developer.mozilla.org/ja/docs/Web/CSS/quotes Font Awesomeは i タグを使うようですが、
i タグって斜めで使っていたタグですよね。
spanとかでは無く、i タグを使用する理由は何でしょうか？
spanは文字をマークアップするからspanは用途が違うということでしょうか？ fancyboxを使ったサイトのページソースを見ると
hrefやsrcにそのサイトのURLが記述されてるのですが、
これはライセンスを取ってるってことですか？ > hrefやsrcにそのサイトのURLが記述されてるのですが
ソース内のどこのどのタグに？ jQueryのfancyboxの話なら、個人・非営利は自由、商用は有料
っつーか、そのサイトのURLが記述って何だよ ニセコサヒナキャンプ場の場内施設案内の様に、イメージマップとfancyboxを使って、地図上に番号を配置して、クリックするとグループ化された画像がオーバーレイ表示される表現を作りたいのですが、うまくいきません
DW使ってます
イメージマップに関して
レスポンシブ対応が出来てないのか、四角くしたrectがズレます
これをズレない様にする方法が知りたいです
オーバーレイ表示について
クリックまでは出来ますが、画像がデカくてfancyboxのデモの様にキレイな枠にハマりません
これのやり方が知りたいです >>704
レスポンシブでクリッカブルマップ使うなら
大きさが変わった時には
ちゃんとarea要素の座標も変えてあげなきゃダメだよ background-size:に最大値（max-width的な）を指定するに相当する技ないですかね？ ブロックか画像を下に敷いてmax-width設定すれば？ 背景敷きたいとこに::beforeか::after置いて、それにbackground指定する プロの人達はテキストエディタはなにをつかっているんでしょうか？ VSCode（Visual Studio Code） 俺いまだにAtom
起動遅いのはわかってんだが
いまいちvscodeに馴染めん… >>695
そういうのは検索すればstackoverflowで得られる。
今回は Why is i tag used in font-awesome? とググれば以下の上が得られ、その中で下を読め、と得られる。
> https://stackoverflow.com/questions/21559816/why-does-font-awesome-recommend-using-i-elements-instead-of-span-elements-i
> https://stackoverflow.com/questions/11135261/should-i-use-i-tag-for-icons-instead-of-span
googleの自然言語検索は上手く行っているとは言い難いが、何故かstackoverflowにはヒットする。
stackoverflowはゆとりの「優しい世界」ではまるでなく、結果、情報の正確さは世界一だ。
(現在stackoverflow一強でそれ以外は全部ゴミ)
今現在この分野で信頼に足るサイトはMDNとstackoverflowくらいだ。
それ以外は鵜呑みにはしない方がいい。（当然だがここ5chも）
言い方を変えれば、stackoverflowやMDNでヒットする案件をここで聞くのは、
間違ったゴミ情報もwelcomeな馬鹿でしかない。(自覚出来てないだけで）
峻別は簡単で、「他の人もこれを疑問に思うか？」だ。
他の人も疑問に思う事を、お前が世界で最初に質問する、なんて事はない。
逆に、お前が勘違い等しているのなら、質問して間違いを指摘してもらわないと脱却するのは難しい。
この場合「脱出出来るか」で内容の検証は自然と為されるので、ここみたいな情報精度の低いサイトでも有益なわけだ。
これらの意味で、お前らゆとりはネットの使い方を理解出来ていない。
ゆとりサイトで有名なのはQiitaだ。Qiitaはいいサイトではあるが、
お前らにとって一番幸せな解、「Qiita上でゆとり同士で優しく質疑応答が為される素晴らしい質問コーナー」が成立しないのは、
情報の精度よりも慣れ合いを重視するゆとり気質の限界にぶち当たるからだ。
今考えれば、teratailもゆとり流の舐めた価値観「ネット上の回答はタダ、ググる前に質問しろ」だったから、
典型的なゆとりサイトなのだろう。
ただ、それらをスキップしてここ5chを使うなら、
ゆとりサイトは何故（当の君らにとっても）使えないのかを理解したうえでここを使ってもらわないとここも壊れる。
だからちゃんと理解して壊れないように使え。
（お前らが求めるのが情報の精度なら、それが上がるように質疑応答しろ） >>708
max-widthの意味わかってないでしょ君 隣接セレクタをクラスでやる方法ないすかね
.hoge + .hoge{
padding:10px;
}
みたいな >>712
分かる。
Atom本体も更新されなくなったし、やっぱり慣れだと思って移行したけど
コマンドパレットとか設定とか分かりにくいよな。 >>713
情報の正確さが世界一なのはお前みたいに
ゆとり批判などの私利私欲に基づいた書き込みはしないで
真剣に議題に沿った話をしてるからだよ
少なくともお前よりはこのスレの住人は議題に沿った話ができてるよ
お前はこのスレの住人にとって無益なことばかりを議題として取り上げてることを自覚しようね >>718
それがゆとりの駄目なところだ。
結局、「ぼくにちゅういするひとがわるいひと」だろ。精神レベルが幼稚園児以下だ。
何度も繰り返してるが、年上がたむろしてるサイトで馬鹿やって年上に注意されるのは当たり前だ。
それが嫌なら来るなであり、ゆとりで独自にサイト運営して自由にやれば済む話で、実際teratailは多分そうなのだが、
それよりもここの方がましだと思って来ているのなら、
ここで年上に対して悪態つくなんて真人間なら許されないし、（ただし俺はこの辺の人間性はどうでもいいのだが）
それより重要なのは、何故teratailがああなってしまい、5chが糞なのは周知の事実だがなぜまだましなのか、（少なくともお前がそう判定するのか）
それをちゃんと理解して、正しく行動することだ。
今のお前らでは将来的に破綻する。だから注意している。
つまり「設計」が悪いんだよ。CSSだってクラス設計がグダグダならどうにもならないだろ。
それと同じで、スレやコミュニティも「設計」は出来て、それがそもそもグダグダ過ぎるから注意している。
ただここら辺は「設計」出来ないレベルの奴には理解不能だから大体今の718みたいな反応になるのも分かるのだが。
設計ついでに言っておくと、>>715、それは実は通る。
「空白」も意味がある事を失念しているだけなのか、(.hoge+.hoge)
或いは見慣れないから使えないと勘違いしているのだと思うが、
使われないのはそもそもそんなことをやる必要がないからだ。
逆に言えば、それが必要な状況なら、クラス設計を間違っている。
初心者が典型的に陥る糞パターンは、「○○が出来ません、どうすればいいですか」であり、
大体において「そもそもそのやり方が間違っている」だから、>>716の反応は正しい。（が不十分）
そしてこれを避ける為に、「△△をしたいと思っています」も最初から書くのがテンプレで、マナーであり、
これでお互いに無駄な時間を費やすのを防ぐ。
だから715みたいな質問をする奴をまず修正することが必要で、それは716では不十分なのでどうするかお手並み拝見だったが、
まあ718が発狂したからネタバレだ。
(なお一般的には叩いてそういう質問をさせないようにする）
だから715、お前はもう少し投稿の仕方をよく考えろ。 スレタイに沿って質問に対する回答をして下さる方は、連鎖あぼーん設定してる人にも見えるように
あぼーん推奨されてる人へのレスとまとめずに、別途単独のレスで解答するよう注意して下さいねー >>720
それも違うだろ。
大体今は該当者居ないし。
それよりは>>718と720（お前）がコテを付けてないことが問題だ。
お前らゆとりは結局「ぼくらゆとりはなにをやってもゆるされる」だから駄目なんだ。
まずお前が出来ることをしろ。他人に要求するのはその後だ。
そもそも今のところ誰も該当してないし、それ今言う意味無いだろ。
結局、お前らは終始「ぼくはいいひとですよー」「ぼくにもんくいっているひとがわるいひとですよー」アピールしてるだけであり、
本質が全く見えてない馬鹿ばかりだからコミュニティが存続出来ない。
それをちゃんと理解しろ、ということ。
teratailと同じ事をやってもここがteratail化するだけだ。それはお前にとっても不利益だろ。 >>721
どうでもいい
無能で役立たずのお前が消えろ
それで全てが解決 NGexですっきり
スレタイで限定しときゃ、他スレでの誤爆もないし >>723
それがお前らゆとりのいつものやり口だよな。だから駄目なんだ。
何度も言ってるが、ゆとりの人数ならゆとりだけで質問サイトを回せる筈なんだよ。
そこでは俺みたいな上世代はおらず、居たとしてもそこでのゆとり批判は筋違いであり、ゆとりにとっては心地よい場所になる。
それが出来ないのは、お前らはコミュニティ形成に関しては事実として無能だからだし、
そのくせわざわざここに来て上世代を批判するのも筋違いでしかない。
この単純な事実すら認めないから、お前らはクズのままだし、だからこそコミュニティが存続出来ない。
いい加減もうちょっと大人になれ。
そして何度も言っているが、スレのことを気にかけるなら、
とりあえず俺に関するレス（不満含む)はコテになるところから始めろ。 おっさんはまず言いたい事を簡潔に伝える努力しようか >>726
ゆとりは死ぬか改心しろ
何度も言っているが本当にこの一行に凝縮出来る。
その他はその理由をグダグダ述べているだけ。
そもそもこんな匿名サイトで年齢層を断定出来るのは、お前らがゆとり脳全開だからだ。
だから改心して、或いは少なくともそのように振る舞えば、当然俺もそう誤認する。
そしてそれが悪いことでもない。
現在ゆとりがネット上でも安住の地を見つけられないのは、ひとえにお前らがネット上ではマジでクズ過ぎるからだ。
それはさんざん説明したとおり。
ただ逆に、それならそこを修正すればいけるはずで、実際人数も技術レベルも十分だし、
お前らが文句を言われつつここにへばりつく意味もよく分からないのだが。
どこかにサイトを立ち上げ、そのURLをこのスレに投下して引っ越し、万が一俺が訪れたらBANしてヒャッハーすればいいだけ。
それがお前らにとって一番幸せだと思うがな。
それでそこが盛り上がり、みんな移住して、俺が質問出来る場所が無くなったら、完全に俺の負けだろ。
そうではなく、ここにへばりつくのなら、5ch世代を老害扱いするのは筋違いだし、
君らもそれなりに5chの流儀に合わせてくれないと駄目なんだ。
既に書いたとおり、他サイトで失敗した方法を持ち込まれてもここも壊れるだけ。
たまたまってことではなく、サイトは必然的に失敗しているし、また、成功している。
それが見えないうちは大口叩かないことだ。 >>727
役立たずでしかも老害のお前こそさっさと死ね
それでこのスレは平和 >>727
だからお前はこのスレの指導者でも先導者でもないって何回言ったら分かるんだよ
お前がこのスレのルールを決めてるのが筋違いなんだって
まずはスレの目的と違うことをするのをやめることから始めろ
なんだよ俺が心地よく質問できる場所にするためにって
クソ迷惑だからしねや >>727
いくらお前が他サイトとここの批判を繰り返そうが
お前の掲げるルールには誰も賛同しないのが現状
諦めて他の場所を探しな
無駄な議論を減らすために「どんな質問にも優しく答える」っていう
心がけが有るんだよ そもそも「どんな質問にも優しく答える」っていう趣旨が
お前の掲げる「ゆとり撲滅」と間違いなく合致していない
お前が言ってるのは「不適格な質問や答えに対しては上の世代がジャッジして批判する」ってことで
それは「どんな質問にも優しく答える」っていう目的とはズレてるんだよね
お前こそ「優しく答える」をタイトルに掲げていることの本質はなにか考えてから物言え
お前の「批判し合って品質を保証する」っていうやり方は最初からこのスレとは真逆のやり方なんだよアホが 自分で調べろという回答も禁止！！質問者に対して暴言を吐かない
っていう簡単なルールすら守れない奴がこのスレを導けると思うなよ >>727
ここにへばりつくのなら、ゆとり世代を淘汰すべき対象扱いするのは筋違いだし、
上の世代もそれなりにこのスレの流儀に合わせてくれないとダメなんだ。
上の世代が妄想の中で成功した方法を持ち込まれてもここは壊れるだけ。
たまたまってことではなく、どんな質問に対しても優しく答えるやり方
(回答しないなら何も書き込まない、また暴言は言わない)で成功している。
それが見えないうちは大口叩かないことだ。 >>728-733
その態度がゆとり問題の元凶だ。
お前らはそうやってここ含めあらゆるサイトを破壊し尽くしてきて、結果的にお前らの安住の地をお前ら自身が無くしてきている。
その中にはゆとりが作ったサイトもあっただろうに。
お前らの頑固っぷりは並の老害ではないよ。
>>732
俺がこのスレに住み着くことはないからそれだけは安心しろ。
まあ、色々間違った情報で空回りし、結果的に君らは脱ゆとりにあっさり追いつかれて老害扱い/淘汰されるだろうけど、
それも自己責任ではある。
ただそれを5chでやられるとこっちにも被害がでるから止めてくれ、というだけでさ。
そしてまじでお前らコテにしろよ。せめて俺への文句だけでも。 スレ荒らしにレスのエサやるなよ・・・
レスしてる奴も荒らしと同じだぞ >>732
ついで。
君らが勘違いしているのは、因果関係だ。
ネット上の無料のプログラミング系の場所がほぼ全部「クレクレ君死ね」なのは、
「クレクレ君死ね」だから「それなりの質」或いは「良サイト」になり、結果的に存続しているだけ。
君らは「良サイト」に「俺の都合スレ」を立てると「俺に都合がいい良スレ」が出来ると勘違いしているが、
実際それをやられるとサイトごと死ぬんだよ。
だから結果的に君らはちょっといい感じになったサイトをずっと殺し続けてきているはず。
それをここでもやってここを破壊するのはお互いに利益がないから止めてくれ、というわけでさ。
そもそも元の住民のスタイルと馴染まないのなら来るな、という話だよ。
これはリアルの移民でも同じで、
文化に馴染む気もない糞移民が一角を占拠して好き勝手し始めたら煙たがられて当然だし、
実際をそれをやられてさらに糞移民を呼び込まれだすと国全体が劣化していくから出ていけ、って事になってるだろ。
普通に考えれば理解出来るこれを平気でやるのだから、君らは人間的にもだいぶずれてるよ。
まあ実はちょろっと触れた技術的な内容、後2つほどあったんだけど、
君らは「優しい先生からの間違った情報」を「うるさい奴からの正しい情報」より尊重するようだから、
君らの価値観を尊重してここでは黙っていることにする。
ただ、君らは本当に表面的な見方しか出来ないのが終わってる。
情報をやりとりする場所では情報の正確性は根元的な価値であり、間違った情報は根本的な不快感に通じる。
それが普通は「表面的な優しさ」よりも勝るから「優しいけど間違いの多い場所」は廃れるわけでさ。
まあ君らが欲しいのは「優しくて情報も正しい場所」なのだろうけど、
それが存在出来てない理由を理解出来ない君らがそれを作るのは無理だよ。 はよ消えろや
いつまでもクチャクチャ女々しいんだよクソ老害 負け犬の遠吠えもここまで長文だとある意味立派だわｗ こんな文章書いてる時間あった勉強したら良いのに。
コロナで炙り出された仕事できないオッサン管理職なんだろう >>737
元の住民のスタイル＝優しい人のみが回答
質問者に対して暴言を吐かない
自分で調べろという回答はしない
お前のスタイル＝正しく情報をやり取りするという目的の上では優しさは不要
サイトの質を守るために暴言などのウンコを許容しろ
無駄な時間を費やすのを防ぐために質問者や回答者を叩いて調教しろ
間違っていることに対してはボロカス言え
どう考えても元の住民のスタイルに馴染んでないのはお前なんだが
【優しく】回答する気もない、【節度】を持って質問する気のない糞老害が好き勝手し始めたら煙たがられて当然だし
普通に考えれば理解出来るこれを平気で(ry
>>737
無理じゃなくて10年前から
思いやりを持ち、おだやかに、人の感情を刺激することを避け、
控え目に振る舞い、つつまやしやかに、遠慮深い態度で、
親切に、心に温かみを持って質問に答えることが目的であり
(優しくに対する捉え方は人それぞれだが
それを守れる者のみが回答者となれるというのが前提だということを理解しろ
ゆとり的価値観がもたらす不快感によるストレスで
質問者やスレに対する長文批判始めるようではこのスレの回答者を気取るのは早い
このスレの指導者を気取るのも尚更早い それがお前が荒らし扱いされてる理由だ
お前の言い分はよく分かったが
お前の掲げる5chの流儀よりもこのスレが十年前から採用し続けている「原則」の方が重いというのが結論だから
どんな質問にも優しく答える、>>1を守る、節度を持って質問する
以上のスタイルに馴染めそうになく、これからもスレのスタイルに反したことを主張し続ける
独自のスタイルを貫くためにルールや原則を破って書き込みをし続けるつもりなら黙って消えてくれ
これ以上の議論も望んでないし お前が書き込みすることも望んでない
無限ループするようなら俺ももう消える >>740
管理職だったらいいなｗ
なんなら無職だろｗｗ お前らちゃんと見てんだな
ちゃんと名前にレス番書いてる良い糞レスなんで
ありがたくあぼーんさせてもらってるわ そもそも指導者どころか的外れな質問者だからなｗ
要素の値を読んで条件分岐とかまさにスクリプトの仕事なのに
スタイルシートでできないのはおかしい！進歩してない！とか騒いだ挙句にこの始末だからなｗ
スタイルシートとスクリプトの違いも分からないで5ｃｈの古参とか質問スレで喚いてるとか
それこそ過去の優秀な古参が知ったら嘆くだろうな >>741
まあ完全に無限ループしてるわな。
俺もやっぱり駄目だな、と再認識してたところだ。
君らゆとりは本当に他人の意見はガン無視だから。
何でそこまで意固地に老害なのか、不思議なくらいだよ。
> お前の掲げる5chの流儀よりもこのスレが十年前から採用し続けている「原則」の方が重いというのが結論だから
そりゃ友人グループの決め事が国の法律を越えると言ってるのと同レベルで無茶苦茶だ。カワサキ国かよ！
しかもお前らゆとりはそれが無理な意見だと分かってても主張してくるからどうしようもない。
以前の世代なら文句は言いつつも正論なら聞いてくれていた。そこが違う。
お前らゆとりの居場所を無くしているのはゆとり自身だよ。
そこはちゃんと認識した方がいい。
で、ようやくコテ付けたのはお前だけか。
一応聞いておくが>>716、>>703は君か？
>>540の顛末からして、文句を言っている奴は実は回答しておらず、
540同様、回答してる奴はそもそも俺と絡んでないと予想している。 HTML/CSS学習中でページ模写に取り組んでいる初心者です。
お取り込み中だと思いますが質問にお答え頂けないでしょうか。
box-sizing: border-boxについてなのですが、適用後にデベロッパーツールて見てみると画像1枚目のようにaタグに重なってしまいます。
画像2枚目の様にならないのは何か原因があるでしょうか？
https://i.imgur.com/QfkROfz.jpg
https://i.imgur.com/tvaoSkz.jpg >>741
迷惑ついでに言っておくとだな、お前らゆとりに欠けているのは「長期的視点」だ。
（と言いつつ何個目だ？ではあるが）
お前らが馬鹿にしているJSスレ144を試しに読んでみた。
俺が居た数年前と比べて、「内容」はさらに酷くなっている。
constとセミコロンでスレが終了しており、まともな人は時間の無駄と見て去るだろう。
結果、そこで質問しても良回答が得られなくなり、それが不利益となる。（劣化)
君らにはこの「将来的な利益/不利益」に対する認識が完全に欠落している。
ただ、jQuery厨や仕様書厨まで居なくなっている？のには驚いた。
潜んでいるだけかもしれないが、連中にはそこそこ技術力はあったので、居なくなったとしたら損失だよ。
さてJSスレ、「文化」に関しては5chらしくウンコ合戦をやっている。
褒められた物ではないが、原住民（の文化）を無視するこのスレよりは断然ましだ。
東京で催し物をやるのに東京の人は来るな！と言われても、ハァ？だろ。
東京でやる＝東京人来て下さい、大阪でやる＝大阪人来て下さい、だよ。
同様に、5chでやる＝5ch人来て下さい、だ。システムだけ借りたければしたらばでやれ、であってさ。
専門板の問題は、常に、初心者>>>中/上級者の人数となってしまうことであり、
JSスレが典型的にそれだが、「自由な発言」を許すと初心者でもついていける話題＝自転車置き場の議論に終始してしまう。
これで中/上級者が去ると劣化する為、普通はあまりに初心者的で酷い発言は慎まれるように対策が為される。
それが「クレクレ君死ね」であり、海外ではBANなども併用されるが、
5chではBANはないので、この辺をわきまえない初心者が居座るとスレが崩壊する。
これがゆとり（＝絶対に他人の価値観を認めないマン）による崩壊パターンだ。
正直、君らは既に崩壊済みのスレしか見たことがない（に近い）ので、何を言っているんだ？と思えるだろうけども、
確かにこのスレは10年>>1でやってきているようだが、そうじゃない方針で中/上級者を上手く飼っていれば、
もっと良いスレになっていたかもしれない、ってことだよ。
（ただこの「良い」は君らの価値観の「良い」ではない。どうにもこの根本的価値観が違うからどうやってもすれ違いだな） > ただ、jQuery厨や仕様書厨まで居なくなっている？のには驚いた。
いやいやDOM（jQuery）の話題がでてないから
constの話をしてるだけだよｗ
constはほぼ絶対使うべき >>747
box-sizingはどの画像に適用したの？
aタグというのはどの部分？
その前後のHTMLタグとCSSが分からんと何とも言えないので
↓にソース貼ってみて
https://jsfiddle.net/ >>749
居たんか～い！
しかもこっちも読んでたんか～い！
（ここまで長文垂れ流して何を今更だが）
君の召還はスレチだから消えてくれ。俺もこのスレからは消えるつもりだ。(逆にJSスレへの召還には応じる=後記）
さすがに「優しい人からの間違った情報で十分！お前みたいな老害からは正しい情報でも要らん」では
俺がここにいる意味はないし、知ってても回答も指摘もしない。（というかそれを要請されているわけだし）
何だかんだ言ってもやっぱりJSerはプログラマであり、
その点はゆとりも俺らも「プログラマ」くくりでの価値観は同じなのは分かった。
だからこれは「ゆとり」と言うよりは「プログラマ」「デザイナ」の違いなのかな？
まあJSerが初心者なりにプログラミング議論をしたい！ここ5chはそれをやっていいんだろ！ってのは分かるし、
実際そういう場所が必要なのも事実だが、俺はそれに付いていけず、隠居して多分数年になる。
今更俺に用もないよな？そもそも誰だ？程度だろうけど、正直いきなり君が出てきたので驚いている。
とはいえ、対等とするなら君にも同様の召還権を認めるべきだから、万が一俺に用があったらJSスレで呼んでくれ。
1週間程度は見ておくことにする。（なお今は丁度スレが終了した状態で落ちてるが）
ちなみにkenokabe、QuoraもBANされたようだが、詳細知ってたら教えてくれ。以下だけは読んだ。
https://note.com/ken_okabe/n/n52170719df6c
なお、やるならJSスレで頼みます。俺がそっち行くから。 > constはほぼ絶対使うべき
今後使うべきというならアドバンテージを挙げてよ >>752
くだらないミスが少なくなる
ソースコードを読みやすくなる >>754
だからくだらないミスが減ってソースコードが読みやすくなると言ってるだろ
動きが一緒ならパスワードのようなランダムな変数名でも
問題ないっていう馬鹿じゃあるまいしｗ そもそもそんなに頻繁にくだらないミスするような環境にいたことがないから
あんまりメリットを感じないなあ
読みやすくなるってのは
どう変わるのん？ 質問者がいても言い争いを続けるのか
まだやるなら専用スレでも立ててそっちでやれ >>756
環境の問題とコードの問題は分けて考えなさい
俺の環境では問題ないという条件付きの意見は
それ以外の環境では問題があると言ってるのと同じだから >>755
デメリットは使ってる人間がこのように喋りが下品で口汚くなることですねｗ >>759
ああそれはわかる
俺がメリット感じないってただの感想だしね
で、コードが読み訳すなるってのは
どう変わるん？ >>761
基本だから勉強したほうがいい
すでに答えが出てる話だから議論の余地はないんだよ
「再代入なんて、あるわけない」 ～ふつうのプログラマが関数型言語を知るべき理由～
https://www.slideshare.net/parrotstudio/gunmaweb-5-20110514
不変性と再代入不可能性、或いは「valかつmutable」と「varかつimmutable」について
https://qiita.com/cedretaber/items/38e4dccd2675d5e4566e >>760
人の問題も分けて考えなさい
お前は人の話をしたくてたまらないようだが >>763
でも社会人で仕事するなら一般常識は兼ね備えてないとね
キレやすいのは糖分が不足してたりコロナ騒動でストレス溜まってたりと色々要因があるが とはいえ所詮ものを使うのは人間だしな
口汚い人間がいくらこれは便利だから使えと啓蒙してもそんな態度じゃ広まるはずもなく 技術の話をしてるところに、
お前が！お前が！！って恥ずかしくないんかね？ｗ >>750
>>747です。
box-sizingはdivタグに適用していて、aタグは黒色のボーダーで囲まれた部分のことを指していました。
スマホ向け画面から作っているのと画像の関係でうまく表示できているかわかりませんが、
これでいいでしょうか...?
https://jsfiddle.net/2r476xkw/
(こちらは模写元サイトです)
http://www.matsukazeya.com/ >>771
ようやく何言ってるのか分かった。
要はpaddig部分が重なってるって話でいいんだよね？
だとしたら
.informationsにbox-sizing: border-box;が設定されると、その高さにはpaddingも含まれるんだけど
.informationsのheightからpaddingを引いた値よりも子要素の高さの合計が大きいと、paddingに重なる。
.informationsに当たる模写元の#shopにborder-box設定しても、padding部分が重ならないのは
#shopにheightが指定されてないから、子要素はpaddingに重ならず#shopのコンテンツ領域内に収まる。
つまりborder-boxを設定しても模写元と同じく重ならないようにしたければ、.informationのheight:960px;を
消せば良い。
ってことじゃないかね？
box-sizingについて詳しくはこちら
CSS box-sizing ? 幅と高さの適用方法を制御 - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/box-sizing >>772
ちょうど先ほどデベロッパーツールを触っていて、お話しいただいた部分に原因があるところまでは理解していたのですが、
解説までしていただいて...!!ありがとうございました！
そちらの記事も読ませていただきます！ box-sizingはborder-boxをデフォルトにすればいいのに
なんではみ出す方を選んだのか box-sizingは後発だからな
後からやってきてborder-boxデフォ！ってなったら
対応してない殆どの古いサイトは困るやろ どう書けば左寄せと右寄せを一つの行にまとめられます？
text-align:leftとrightのdivを並べてようとしてできないでいます。
display:inline-blockを並べるとtext-alignが効かないしinline-blockじゃないと二行にばらけます。 マークダウンというのはルール変更できないのでしょうか
例えば見出し２の場合
## 見出し2
ではなく
\t## 見出し２
で見出しとして機能するようにしたいどす お前がそういう規格を作ればいい
世の中で使ってもらえるかは知らん メニューなのですが、
width: 1200px, flex-wrap: wrap; justify-content: center; なflexboxで
width: 195pxなliを6つ並べると問題ありませんが、201pxを超えたら段落ちして落ちたliがセンターに来ます。
上4段、下3段にしたり、メニューを8個にしたら、上4段下4段にしたい場合は、
liのwidthを変更するしかないのでしょうか？
flexboxなら設定で綺麗に同じ数を上下に並べたりできるかなと思ったのですが、有用なflexboxの設定はありますでしょうか？ jQueryは専用スレが昔からあったぞ何いってんだニワカ野郎 >>780-781
>>779の右寄せに複数選択肢の横並びのラジオボタンを置いてます。
display: flex; flex-direction: row;でもラジオボタンが右寄せになりませんでした。 >>787
width: 1200px;が固定でメニュー数が可変だったらCSSだけじゃ無理じゃね？ 上手く行かない原因を知りたいなら、以下のサイトで部分的にソースを貼って質問しよう。
その方が話が早い。
https://jsfiddle.net/ マークダウンの結果の文字サイズは変更できないのでしょうか その結果って何を見て言ってるのか知らんけど、エディタとか
プレビューするシステムの設定に依存するんじゃないの？ そうなんですかね
VScodeですが
cssみたいな設定ファイルがあればいいんですけど エディタのアウトライン設定とマークダウンの設定は一致させたほうがいいんでしょうか？色々便利でしょ？
#h1
##h2
という感じに あるよ
「vscode markdown preview カスタマイズ」で検索してみ >>791
>>794
display: gridで左寄せ右寄せを一行にできました。
助かりました。ありがとうございます。
以下自分が間違えてた部分。
右寄せにしたいラジオボタンをまとめてdivで括ってそこにtext-align: rightしてました。
各ラジオボタンにtext-align: rightを付けると右寄せになりましたが字面も含めて右寄せになり、
display: gridでラジオボタンを置きたい位置に置いて字面の位置はそのままでラジオボタンを右寄せにできました。 vscodeでEasySassでscss使ってるんだけどchromeかFirefoxでデベロッパーツールでscssの行数を表示ってできる？
一般的にはsourcemapでコンパイル前のscssファイルを紐付けるようだけどvscodedeでsourcemapを吐き出さないんだが・・ >>804
ありがと。
vscode使ってる人多そうなので聞きたいんだがみんなデベロッパーツール使う時どうしてんの？
自分はクラス名で検索かけて該当箇所探してたんだが、これだとSCSS使わないほうが圧倒的にやりやすい >>804
Live Sass Compilerで
サーバー上で、WPで、キャッシュ対策クエリ文字付きでも問題なく認識できました。ありがとー
なんか一回削除するまでブラウザで認識されんかったわちきしょう >>805
そもそもvscodeでコンパイルしてないんだよ >>807
そうか、Easysassが少数派ぽいな・・・
Live Sass Compilerも簡単お手軽で助かったわ たぶん設定で、sourcemap を出力できるのだろう
VSCode のLive Sass Compiler は、同じ作者のLive Server に依存している。
YouTube のたにぐちまことの動画でも、これを使っている labelタグって何ですか？
ググって見ましたが
よくわかりませんでした >>811
UI（フォーム部品）のラベルだよ
ラジオボタンだけポンっと置かれても
それがなんだかわかんないでしょ ラベルをクリックしてフォームにフォーカスさせたくないシチュエーションならノンユースでオッケーですか？ >>811
確か、フォームとかの前に何の入力かとか表示させたい時に使うもの見たいらしい
pタグとか使うとCSSとかに依存するからフォントとかサイズとかでおかしくなるからlabelとか使うのが良いとかの仕様説明だったはず >>810
たにぐちまことすげーな
python、php、typescript、js、jQuery、lalavel、Nuxt、Vue、React、AWSとか
プログラマ寄りなんだけどbootstrap使うけどちゃんとcssはフロントエンジニアとしてのレベルやトレンドを掴んでる。
これ全部おぼえらんねーよｗ >>819
確かとか、らしいとかで答えんでもw
知恵袋じゃあるまいに >>821
それだけ言うなら明確な使い方言えるんだろうな？ 空の<header>要素に背景画像を指定する際に、
padding-top:50%;
というような指定で背景の高さを確保しているサイトがあったのですが、
この%は何に対する割合なのでしょうか >>825
paddingの%指定は、すべて親要素の横幅(width)に対する指定
これを利用すると、親要素の幅に応じたアスペクト比が固定された領域を確保できるので、
疑似要素beforeと組み合わせたpaddingハックはすごく便利 上司にウィッス50%でいいよって言われたので
ウィッス！って言ったら、あごめん100%で！って言われたので
ウィーッス！！！！って持てる力こめて全力で返事したらプロジェクトから外されたんだけど widthを何と読むのかという戦争を始めるための分かりやすい罠だな 英語だと「うぃっず」だけど
日本だと「うぃずす」の方が通りが良い気がする 俺は「うぃどぅす」派だけど
「どぅ」は1語なのに文字に起こすと変に見えるな ∧＿∧
. (´･ω･ ) うぃどす
ﾊ∨/~丶
ﾉ[三ﾉ |
(L| く＿ノ
. |＊ |
ﾊ､_＿|
""~""""""~""~""~"" :last-child らすとちるど
font awesome ふぉんと あうぇそん
て習ったんだが
らすとちゃいるど
ふぉんと おーさむ
だよね あうぇそんは流石に無理がありそうなw
ソルスキアとか
コールタードとか
コンセイサオとかに通ずるものがあるな 文章中に画像を割り込ませるように、画像の代わりに「2行分の文字列」を割り込ませたいんだけど、できますか？
div使うと改行されちゃうし、spanだと普通にテキスト扱いだし、display:inlineもspanと変わらんし……
背景色も変えて２行を長方形に表示したいとなれば、ブロック要素にしなくちゃいかんわけですよね……
２行分の
画像の代わりに 文字列 を割り込ませたい >>845
それであってる。
おーさむは、youtubeで良く外人のコメントを見て意味と発音を知ったな。
冷蔵庫のチルドと勘違いしているんだろなぁ。
たまに英語の発音おかしすぎる人っているよなぁ。 チルドじゃなくてチャイルドやろ
チャイルドシートのチャイルド
複数形がチルドレン チルドはchilled
今日は寒くないですね。
It's not chilly today. >>850
中学生以上で
childをチルドと読む人にはまだ出会ったことがない… チルドレン － レン ＝ チルド
論理に破綻はない その昔チャイルズという磯野貴理子らが組んでた女性アイドルグループがいたが
グループ名決めるときに私ら子供っぽい3人の集まりだからチャイルズなんてどう？で決定したが
後からchildの複数形がchildrenだと気がついたというｗ html4は覚えたけどhtml5が全く頭に入らない
練習しようにもhtml4での構成ばっかり頭にうかんでくる
html4が終わる終わるって言ってまだまだ終わる気配がないんだけどhtml5に切り替えるのは絶対に必要なの？ 既に存在するhtml4が終わる(無くなる)わけないやんけｗ
ブラウザが対応しなくなる可能性は無くは無いだろうけどわざわざ非対応にする意味も無いだろうし 主流がchromiumの今の内は問題無いだろうね
例えば今後、「LSしか対応してません」みたいな新しいブラウザが出てきたとすると、
HTML4時代の文書は正しくレンダリングされない（又は全く表示されない）かもしれないね
https://momdo.github.io/html/obsolete.html#non-conforming-features
あたりを見て、
・HTML4時代の非適合機能を使用している
・HTML4時代の記法からLSの新しい記法に置き換えることができない
・今後出る（かもしれない）新しいブラウザでレンダリングできなくても構わない
とかだったらHTML4で書けば良いと思うよ html4でもcss使えるよね？
よく考えたらhtml4の中でhtml5のタグを使っても、googleは文書構造的に理解してくれるのかな >>856
お前が忘れなければHTML4は生き続けるんだ！
お前の心の中で！ >>860
あんまり関係ない
結局Googleも、中のロボがChromeのようなものでサイト見てる
そんで今のブラウザは
どのバージョンであろうが割とお構いなしに解釈しちゃう
DOCTYPE書くと、今のところレンダリングにごく微妙な差は出るけど
そのうち、HTML4もXHTMLも、HTML LSとしてレンダリングされるようになるかもね
せっかく奪ったHTMLですし みんな本当にありがとう
html5のページとかみてるとこのタグは廃止されましたみたいなのが結構あったから共通してないタグは使えなくなるんじゃないかって思って頭を抱えてたんよ
とりあえず最初は4で書いて、あとで覚えたら5に改装していくことにするよ 絶対だから負けない。だからチルドレン！とかいうのがあったよな。 html4で書いてからhtml5に改装するってfloatレイアウトをflexboxに書き換えたりするの？
余計にめんどくさそうだ >>870
css3とhtml5はセットみたいなもんだし テーブルレイアウトとかfont colorとか使ってる古いページって
今の基準で書き直すべきなのかな
手作業で書き換えるにはページ数が多すぎるし
置換で対処するにも
タグが入れ子になってる所とか、うまくいかないし
結局、あきらめて放置状態
とりあえず現状、不具合的なものはないから
このまま放置でもいいんだろうか 俺も18年前に作った客のコンテンツ50ページ書き換えるの躊躇してる。
wordpressでポンポン作った方がスマホでも見れるし、客も喜ぶんじゃないかと思うけど、
客が倒産しかけてる。 >>874
別にほっといてもいいんじゃない？
特に困ることもなかろう フォームに入力された半角スペース(0x20)文字がサーバーに送られる際に
プラス(0x2B)文字に変換されてしまいます。
これを本来の半角スペース文字のコードを示す「%20」にしたいのですが
どうすれば良いのでしょうか？
調べても調べ方が悪いのか見つけられませんでした。
よろしくお願いします。 application/x-www-form-urlencodedだと
スペースは+になるんよ サーバー側で + を区切り文字として解釈するようにするか、+をスペースに変換するようなプログラムを書けばいいんじゃない？
まぁそういうのは大抵、自前でやらなくても良いようにライブラリやapiとして用意されてることが多いけど。 Ruby では以下のように、URI モジュールで、URI.encode/URI.decode できる。
たぶん、PHP にも、同じようなモジュールがあるのでは？
*, -, ., 0-9, A-Z, _, a-z, は変換せず、
空白は + に変換し、その他は %XX に、変換します
require 'uri'
p str = URI.encode_www_form( [["a", "1 2"], ["b", "あ"]] )
# "a=1+2&b=%E3%81%82"
p ary = URI.decode_www_form( str )
# [["a", "1 2"], ["b", "あ"]] >>882
すまんが、いや何もすまなくないが
百歩譲って、千歩譲って、マンボを踊って
Rubyのこと話すのを認めたとしても
その回答は思いっきり外してる
0点だ htmlかjavascriptでページを遷移するときに、リクエストヘッダーに独自のパラメータを付加したいのですが可能でしょうか？ cssのclearプロパティって疑似要素以外で使う時ってあるの？ >>890
ありがと、brに・・・clear？
使い方が全然わからん・・・ https://jsfiddle.net/sbat7rw5
box-bの幅285より大きくなると段落ちしてしまう。
margin, paddingが0なのに、まるでmarginがあるかのようになるのはどうして？ >>892
box-cの左にあるインデントが全角になってる すげー質問者じゃないけどHTMLのインデント気づかなかった >>893
ぐぇー、全然気付かなかったorz
ありがとう。
しかしjsfiddleってcodepenのように勝手にhtmlのリロードしてくれないの？
codepenなら変更したらすぐに反映されるけど、jsfiddleは都度run押さないといけないの？ >>896
開発者ツールで見てみたらすぐ分かった
jsfiddleはWinなら「ctrl + enter」、Macなら「command + enter」のショートカットで JS絡みとか作ってるものによって、
自動更新→なんで勝手に更新するの？勝手なことしないで欲しい！
手動更新→変更したらすぐ反映しろや！気が利かないなぁ！
あるある それがあるから好きな方を使い分ければいいってだけなんだよな やはり>>897は神
自分が>893である事も驕ってないし常に回答が的確で知識も素晴らしい
こういう人がホントに実力あるひと。
普段から周囲に認められているような人ってこんな感じで今更
称賛なんてほしくもないんだよな とあるWebアプリケーションで
IEで起動するとボタンにマウスオーバーすると
ボタンの色が変わります。
chromeでは変わりません。
.cssフアイルを見ても、hoverの記載もないです。
どういうところを調べていけば原因究明につながるでしょうか >>901
それだけじゃよくわからんけど
appearanceじゃなかろか？ >>901
まずはデベロッパーツールで他のCSSクラスが有効になってないかを確認する
次に、全てのクラスを排除して、なるべくシンプルな表記にした上で、どのCSSが原因なのかを探っていく 一昔前に流行ったボタンのファイル名でロールオーバーするやつ
button_on.jpg と button_off.jpgのやつとか仕組み知らない人だと混乱するだろうな 今でも古いサイトで
onMouseOver= MM_swapImage()
使ってるわ。 このシステムの他の箇所では
onmouseout属性を使って画像の入れかえ処理をやっていたりします。
ただ、このシステム内で画像ファイルを格納しているフォルダを見ても
その中に変更後の色の画像は存在していないので、
画像の入れ替えで実装しているようではなさそうです。
IEの設定だけで、マウスオーバーの設定とかできるんでしょうか？ >>907
そもそもそのボタンは画像でできてるの？ >>901
IEの限定的な現象だからそっち系で色々探っていけば独自のコード書いてるとか とあるWebアプリケーションでIEで起動ってのがもうダメだな
なんのアプリでIE起動させてるかもわからないしIEがバージョン不明だしボタンが画像なのかも不明だし いち早く回答して無視されてる俺かわいそう
おまえら
<button>ぼたん</button>
って書いてIEにぶっ込んでみろよ
ホバーで色変わるから
おまえらreset.cssに慣れすぎなんだよヽ(`Д´)ﾉ https://jsfiddle.net/x3byjagq/
横幅を変えると2カラムから1カラムになるスマホ向けサイトを練習しています。
floatで左と右に配置して、1カラムにするとclearするということで
実現できて感無量なのですが、
mainにpadding:10pxを設定するとwidthが変わって2カラムの時も1カラムの時も変になります。
あと、他のサイトにはdisplay: tableというものを使っているのですが、
2カラムのうち片方にしかwidthが設定されていなかったりします。
floatは時代遅れでdisplay:tableが次世代の書き方なのでしょうか？
ナビメニューではflexboxを使ったことがありますが、2カラム1カラムに使えるかわかりません。
今風のやり方があるなら知りたいです。 >>917
http://jsfiddle.net/vfp9rxeg/
paddingを使うなら、box-sizing: border-box; を覚えといたほうがいいよ
最近ではreset.cssで、全要素border-boxにしてるとこのほうが多い
あと、display;table使って横並びは、IE9のころのやり方
最近はdisplay:flex のほうが一般的だな ブラウジングがスマホ中心になって時代も変わったのだ でも初心者からCSSの最も難所になるのがfloatだと思うわ
プロ目指すならfloatは通るべき道 通ったけど忘れたｗ
使わないのに勉強し直してもまた忘れるだろうから勉強してない。
また必要になったとき思い出せるだろうか…？ 既存のコードいじるにしてもCSSまで手を入れなければいかんのなら、
その部分だけflexで書き直せばいいだけだしなぁ
でもfloatってclearfixの書き方覚えるくらいで、特に難しいことあるか？
autoheight.jsとか？ cleafix以外の基本的なことが分かってない独学の初心者が
floatの表示崩れに遭遇すると、原因がつかめず挫折したり
思っていた通りに動かなくて苦手意識が芽生えてしまう
ってのはあると思う >>925
そうかなあ
もう古いIEもないし、親切な説明が沢山あるし
意外とすんなり理解できそうな気がする
clearfixが無い頃でもなんとかなってたもの >>926
それぞれ検索能力だったり理解力だったりもあるから
結局のところ人によるとしか言えないかも
初心者って、分かってる人からすると想像もつかないような
理解をしてたりするからね… 仕事だと古いサイトのメンテしないといけないとかあるから
書き換え禁止で上書きのみのスパゲティなんてよくある話で
知ってると知ってないとでトラブルの回避能力がかわるので
仕事でCSS使うなら知ってないとダメだろ そうは言ってもいつもメンテ案件じゃないし遭遇率低いし新規では使わないしでどうしても忘れてっちゃう。 >>928
そりゃ仕事だったら憶えろ！で済む話だけど
そもそも仕事とか関係なく初心者の話しかしてない >>924
包括要素の高さの認識だね。
背景色がコンテンツ下までこないだの
clear忘れて後続要素が被ってビックリするような崩れはだいたいfloat レスポンシブのテストをするために、自分が確認するブラウザやipアドレスだけ
レスポンシブ用のcssを読み込ませるとかはできる？
別サーバでテスト環境を作らないとダメ？ hotsを設定するかURLにパラメーターつけるとかだろね ブラウザにローカルcss効かす拡張機能入れてアクセスすればいいだけでは？そういう話じゃない？ >>934
>ブラウザにローカルcss効かす拡張機能
そ、そんな飛び道具あるの？
firefoxで利用できる？ 名前なんだっけな…
てかfirefoxの拡張機能がそれ系の元祖だったような記憶が… 今ってレスポンシブするのが主流？
モバイル向けにもうページ作って読み込ませるのが多いみたいだけどヤフーみたいに >>936
それってstylishとかstylusの話？
それだとスマホじゃ使えないしなぁ >>937
考えとして貧乏な方向だよそれ。
いかに効率化、自動化をして人間の手間を減らす事、人生の無駄な時間を減らす事を構造の段階から常に考えないとダメだよ
更新めんどくさくなるし、更新漏れなどのミスも発生する、アクセスも分散する。
もちろんメリットもあるが、お金になるのはどっちか。 人力、手間、労力、間違いが発生しにくい仕組みや構造を考えてない上司や取引先は全部バカだと言え
ヤフーなんかじゃなく世界的に成功しているGAFAに倣え どう考えても別に作るほうが儲かるだろ。
レスポンシブはデザイン自由度が～とか適当に説得して二倍弱の見積りしろ。嘘ではねーし。
逆にレスポンシブだとできて当然でしょ、で単価上がらず苦労は二倍。 レスポンシブ考えながらコーディングするの面倒
デザインもやってるとなおさら
別々の方が楽なんだよなぁ
更新するのもメンテするのも別に俺じゃねえしで
別々につくりまーっすってやってるけど PCではこうなってるけどスマホではこうしたい、ってのにメディアクエリという仕組みで上手くハマればいいんだけどなかなか…
こっちの都合いいように変えさせてもらうことあるけど、別だったら全部いうように作ってあげられるのになぁ。
静的ページならしょうがないけどCMSなんかほんとはコンテンツはDBに入ってんだから別にしても、いやしたほうがいいよな。シングルデータマルチビューってなもんで。
なんでワードプレスはスマホ対応はレスポンシブ前提の作りなんだろうか。 ワールドプレスはもともとPC向けでモバイル対応してなかったので
MTとか他のCMSはモバイル対応込みで作られたものなので
だからWPはレスポンシブという概念ができるまで
スマホおよりガラケーやモバイル対応してなかったんだよ
有志がプラグインでモバイル用の開発とかしてたけどね まるでMTや他のCMSがWPよりレスポンシブ対応しやすいみたいじゃん google的には、user-agent判別してで出し分けするよりも
レスポンシブで対応するのが好ましいみたいだけど
出し分けがngというわけではない
（つか現状、まだまだいろいろしょうがないし） 職業訓練で習ったbootstrap全然使ってないかは忘れた >>950
そのツイートした池田ってやつが胡散臭いんですが？ CSSで 「text」 括弧の中だけ自動でスタイルを弄ることは出来ますか?
Wikiで利用しているので、毎回括弧にdivとかspanとかを使用せず色を変えて分かりやすくしたいのですが
検索しても出てくるのはWordとかテキストエディタです
ご存じの方居られたら教えて下さい 出来ません
自動でspanやdivで囲まれるようにWikiを改造しましょう お二方共ありがとうございました
ページにタグを書くと重くなる…らしいオフラインのWikiだったので自動できたらなと思っていました Bootstrap使ってるやつはデザイン不要なサイトだろｗ そもそも>>950の引用は微妙に間違ってるな
原文は
＞ HTMLコーダーやフロントエンドエンジニアに質問。
＞ 「Bootstrap」はいまの現場で利用していますか？
となってるから、
単純に「bootstrapを使っているか」じゃなくて
「フロントエンドエンジニア（またはその役職や部署がある会社）では bootstrap 使ってますか？」
っていう意味だと思う。
そういう役職や部署があったりそれで飯食っているレベルの人たちは使わなくて済むだろうねｗ >>959
そういう役職の無い会社の社員かな？お疲れ様ですｗ Bootstrapってh4{font-size:16px;}みたいに勝手に決められてるのに
わざわざそれをリセットする作業からしてるの？
まさかそのまま使ってないよね・・？そのままつかっていいようなデザインの無いサイトしか使えない >>963
>>959さん、もう少し技術力付けようｗ デザイン面では頑張ってカスタムしても
ほんのりとbootstrap臭が残るんだよな
別に悪いとは思わんけど 悪いよ。所詮は外人が作っただけあって細かい配慮がないというか
おおざっぱ。 余白空きすぎ。 （その辺は好きにカスタムすりゃいいのではって言いづらい雰囲気…） bootstrapってクラス覚えても次のバージョンで消えてたりするから笑える
一生振り回されそう >>965
bootstrap臭とはいうが他のフレームワークなら固有臭は出ないのかと？ｗ
要は使い方や構成のセンス次第だと思う
>>968
でもこの世界じゃこの程度の誤差はよくあることじゃんｗ
bootstrap程度をすぐ覚えて使えないようではWebには向いてないのかも Strongタグの多用はSEO的にまずいとのことですがBタグはどうなんでしょう？
ググっても意見が分かれて困ってます
CSSでいじるのが最善ですか？ strongは論理的強調だからよくない。
あれも大事、これも大事、それも大事
→結局どれが大事やねん
bタグはただの太字。見た目の問題だから力関係に関係ない。 >>973
ありがとうございます
とても分かり易かったです 先に咀嚼して回答しているのに
後からソース貼っただけのやつだけにお礼いうのすげー腹立つｗ どこの馬の骨とも分からないあなたの意見など不要です。
多少なりとも権威のある参考リンク貼っていただくのに越したことはないです。 >>977
バカすぎ。ならここで質問するな
こんなのググればすぐわかるレベルだぞ
馬鹿なくせに格好つけんな。
この質問すげーレベル低いぞ ググる事もできないやつがここの意見が不要とはこれいかに >>981 すまん無理
ERROR: Sorry このホストでは、しばらくスレッドが立てられません。またの機会にどうぞ。
タイトル：HTML/CSS のどんな質問にも優しく答えるｽﾚ 44
名前： 山師さん
E-mail： sage
内容：
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 43
https://mevius.5ch.net/test/read.cgi/hp/1583911920/ >>979
端から見てるだけだが
それたぶんお礼してた質問者じゃないんじゃね？
恩着せがましい（失礼）レスがあったから
ネタとして書いてるだけかと
あ、恩着せがましいのが悪いとは言ってないからね！
なぜなら俺は>>902,912だから！ >>973
リンクは乙だけど「強調」を「協調」とかこんなので誤変換のままレスすんなよｗ なに照れ隠しで逃げてんだよ
指摘すんなら誤字は恥ずかしいことだと認めとけ むしろWeb界隈に携わってる人なら誤字にはうるさいだろ background-sizeでこんがらがってるんですが
例えば幅100px高さ200pxの画像を指定したとき
「50 auto」と「auto 100」は同じ表示ですよね？ このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 115日 17時間 35分 42秒 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php レス数が1000を超えています。これ以上書き込みはできません。
