HTML/CSS のどんな質問にも優しく答えるスレ 38
レス数が1000を超えています。これ以上書き込みはできません。
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 37
https://mevius.5ch.net/test/read.cgi/hp/1551629579/
■関連スレ
Webサイト制作初心者用質問スレ part250
https://mevius.5ch.net/test/read.cgi/hp/1546055063/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html 今日は休みなのでダメです。
月曜にまた来てください。 >>4
月曜は休み明けでみんな忙しいから火曜からにすべき。 いや、でも火曜は美容室が休みだから
水曜からでいい気がするんだ 水曜日は週の真ん中だから休みだろ
という事で木曜日にまた来てください 来週、もう一度来て下さい
本物の質問をしてみせますよ！ vertical-align:top ;使ったら解決しました。
休日中に申し分けございませんでした。今後は気をつけます。 先生は先週の
レンコンに穴あける作業で今お疲れなんだぞ
静かにせんか レンコンの穴だけ取り出すにはどうしたらいいでしょうか？本当に困っています。よろしくお願いします！ if (Renkon->has_holl) {
return Renkon->holl;
} ゴガギーン
ドッカン
ｍ ドッカン
＝＝＝＝＝） ）) ☆
∧_∧ | | ／ ／￣￣￣￣￣￣￣￣￣￣￣
（ ）| |＿＿＿＿＿ ∧＿∧ ＜ おらっ！出てこい>>14
「 ⌒￣ | | || （´Д｀ ） ＼＿＿＿＿＿＿＿＿＿＿＿
| / ￣ | |/ 「 ＼
| | | | || || /＼＼
| | | | | へ//| | | |
| | | ﾛ|ﾛ |／,へ ＼| | | |
| ∧ | | | |／ ＼ / （ ）
| | | |〈 | | | |
/ / / / | / | 〈| | |
/ / / / | | || | | くるぞ質問
前かがみで膝を少し曲げぎみにして
ちゃんと構えとけよ 五感が研ぎ澄まされている
今ならどんな質問にも答えられるかもしれない ┌──┐←このように見出しと内容で構成されているコンテンツが
│見出│ 縦にいくつも並んでいるのですが、
├──┤ スクロールしても見出し部分だけは画面の上の方に残るようにして
│内容│ コンテンツ最後の部分をスクロールしきると見出しが消えて
│内容│ さらに次のコンテンツ以降も同様に繰り返していくようなやり方って
└──┘ 何か方法はありますでしょうか。 position: sticky
polyfillもいくつかあるからIE11でも安心 アリアリ
アリアリアリアリアリアリ
アリアリアリアリアリアリアリ
アリアリアリアリアリアリアリ
アリアリアリ
アリーヴェデルチ! (さよならだ) 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b) 隣接しているdiv等の中の文字列をクリップボードに入れるのってJSですか？ >>30
そうだね。.execCommand()ってやつだね 107 ：Name_Not_Found：2008/01/19(土) 12:31:38 ID:???アイオイクスの手法が正しいとは言わないが、無意味な相互リンクなどを作って上位表示している個人サイトも、結局は同じだと思う。
今、コンテンツの充実だけに頼ってSEOしたところで上位表示など無理。
趣味のサイトならいいが、ビジネスのサイトは甘いことは言ってられない。
そのときそのとき上位表示してた奴が勝者であり、正義。
108 ：Name_Not_Found：2008/01/19(土) 13:53:30 ID:???そう、だから怪しい業者のリンクを見つけたら、すかさずスパムレポートを送信するべきだな
109 ：Name_Not_Found：2008/01/21(月) 15:32:17 ID:???別にアイオイクスがダーティに稼ぐことj自体は批判しないけど、瀧日伴則があちこちで善意だのモラルだのと偉そうに吠えているのはイラっとくる。
110 ：Name_Not_Found：2008/01/25(金) 18:53:38 ID:hIuxdRgTこんなヤツ
111 ：Name_Not_Found：2008/01/26(土) 07:53:34 ID:TprDsscKSEOの技術力ってなに？
112 ：Name_Not_Found：2008/01/29(火) 19:53:55 ID:AGzgMd6dhttp://test.ifeed.jp/visitor/preview/id/636915
113 ：Name_Not_Found：2008/02/03(日) 08:01:23 ID:6U4FSelIゴメスとかは？
114 ：Name_Not_Found：2008/02/09(土) 01:48:04 ID:???アイオイクスの手法は個人的には嫌いだけど、
でもだからと言ってグーグルを盲目的に礼賛するのもおかしいと思う。
しょせんグーグルが勝手に決めたルールでしかないし、
そもそもスパムを見抜けないアルゴリズムに問題があるだけ。
そんで誰かがスパムをやろうとやるまいと、
結局いつも一人勝ちで儲かってるのはグーグル様だけ、というお寒い状況。 > そんで誰かがスパムをやろうとやるまいと、
> 結局いつも一人勝ちで儲かってるのはグーグル様だけ、というお寒い状況。
いやだって、Googleは広告配信会社ですから
誰かがコンテンツを充実させるたびに、広告置き場が増えていく div#outer_frame{border:3px solid green;}
div#inner_frame{font-size:25px;height:200px;width:500px;border:3px solid red;left:100px;}
これでleft:100pxが効かないのですが、なぜでしょうか？
まだはっきり理解出来ていませんが、leftというのは左マージンのようなものですか？ https://developer.mozilla.org/ja/docs/Web/CSS/left
leftはpositionと一緒に使うもの
左に空間を空けたいだけなら、margin-leftやpadding-left ウィンドウの大きさが変わっても要素の大きさが最適化されるにはどうしたらいいですか？ >>27
もしかしてpolyfill系のスクリプトはgridの中だと効かない感じでしょうか・・・？ >>37
height:100%とか100vhとか？
calcで計算するとか
>>38つまらん >>37
あなたにとっての最適化って
要素がウインドウ幅にフィットする事？
それともイイ感じにデザインが自動的にされる事？ 最適化されるってのは
例えば4カラムだったら2カラムとかになって、フォントの大きさも一般的に見やすい大きさになって
余白も自動的に調整されて、画像もスマホ用に最適化された画像が自動生成されて
デザインはまあappleのサイト程度くらいのスタイリッシュなデザインに自動的になる感じに決まってんだろ？
あ？余裕だろ？早くしろや IE11をこの世から消し去るにはどうしたらいいのですか？ 「優しく答える」とは、答えは適当でいい加減でいいということだったか。これは失礼ｗ 理解の怪しいエセブログラマが投稿のタイトルに「初心者向け」って付ければいい加減なこと書いてもオッケーって思ってるのと一緒だなｗ >>40
width: 100%が効いてくれなくて困ってます。 potision:stickyとgridは相性悪かった・・・ クラス名って適当でいいよね？
なんかルールとかある？ position:absluteで設定して全画面の位置決めても
ウインドウを縮めてもそれに応じて画像も動くようにならんもんですかね？ わたしは短くするために親要素のクラス名だけきちんと名付けて
その下は.tとか.gとかにしてあとで困るタイプです 文字の色を変えるときってspanタグでHTMLに直接書き込むか、HTMLにclassつくってCSSに書き込むかどっちがいいですか？ <p class="blue">とかでcssで設定する方が</p><p class="red">個人的には好き</p>
.blue{color:blue;}
.red{color:red;} display:inline;入れなきゃダメだからspanでいいか・・・ ふと思ったけど
スティッキーって、、、なんか、、、
いやらしい IE11ってcssでhtmlにuser-select:none;が入ってないと
その後のbodyやらdivやらにuser-select:none;を入れたとしても
ページ開いた後にCtrl+A押すと全選択出来ちゃう・・・
と思ったけどそれ以前にuser-select:none;が設定されてない要素から選択すると
そのままuser-select:none;が設定されてる要素まで選択出来ちゃう・・・
IE11ってなんなの 分からなくてイライラがとまりません。
そんな時、みなさんはどうやってイライラを解消しますか？
イライラしてPCをブッ壊してブッ飛ばして大声で奇声をあげたい気分です。 >>63
spanでくくっても直接はかかないもんだぞ dtやdlといったタグの使い道??がイマイチ分からないのですが、h2やh3で見出しを書きpタグで囲う書き方が一般的だと解釈しています。
コーダーの方々はどのように使い分けているのでしょうか?? >>71
HTML関係なく、自分の普段の生活で箇条書きってしない？
あれって、いっこいっこ段落として書いた文章でも良いわけだけど
じゃあなぜ箇条書きするのか
って考えてみればいいんだよ >>71
例としてはFAQとかのページが分かりやすいかな 簡単な一覧表とかフォームとか、tableめんどくさいからdl,dt,ddで済ませる 親要素のwidthやheightが変わっても、常に小要素が親要素の中心に位置するようにしたいのですが、position:relative ;とposition:absolute ;を使えば可能ですか？ 小要素にwidthとheightを付けて、margin:auto ;付けたら解決しました。
誰も回答しなかったので、お礼はいいません(怒) もっとスマートな方法があるけどあなたには教えません 最近、スマート○○ってネーミング流行ってるよな。
ちょっと俺も便乗しようと思ったんだがスマートデブってどうかな？ beforeSiblingは姉
next Siblingは妹 フッターのコピーライトのとこに201X年って記入するのは暗黙のルール的な何かなのでしょうか？ >>86
何の効力も無いのに思考停止して日本人の特性だよな コピーライトって、©︎名前 だけでいいんだっけ？
年が変わって書き換える？と聞いてもそのままでいいと言われたり https://www.apple.com
Copyright © 2019 Apple Inc. All rights reserved.
アップル日本の企業説 でもほら
納品書とかって貰う方としては規格統一してほしいし・・・ <nav class＝″nav″>って表現は変ですか？
ナビ欄だからクラス名をナビってしてみたんですけど… >>87
日本だけみたいに書くのいくないw
そんでなんの意味もなくない
不逞の輩にパクられてもめた時に
こちらはキチンと権利を主張してますからね
って意思表明になる >>99
あとあと修正とかする場合に
検索や置換で面倒になるから
nav-hogehogeとか区別つくようにしたほうがいい inline-blockの隙間できちゃう問題って、解決策色々あると思うんですがどの方法で解決するのが良いですか？
font-size: 0;じゃだめ？ 隙間出来るのが嫌ならinline-block使わずflexbox使え
今時になってもまだIE9以下サポートしなきゃいかんのなら、そんな仕事断れ >>101
日本では無方式主義を採用してるから記載の意味は無いんだよ
記載なんて無くても著作物を創作した時点で自動的に著作権が付与される
https://ferret-plus.com/6829
意味があるとしたら予防だけなんだが、そもそもこれあるからパクるのやめるとか
無いからパクるとかせんだろ 結局未だにアメリカの真似してるだけだからコピーライトに年までいれちゃうんだよ
まあ国内はGAFA企業に占領されてるし仕方ない context.beginPath () ;
context.rect( 0, 0, 100, 100 ) ;
context.fillStyle = "red" ;
context.fill() ;
context.stroke() ;
この図形は100pxだと思いますが、canvasにwidthなどを指定すると表示がおかしくなります。
これはなぜですか？
https://i.imgur.com/eaaYKUX.jpg
これはcanvasにheightとwidth４００ｐｘを指定したものです >>56
クラス名つけるの嫌い。
main section p:nth-child(3) {font-size:1.2rem} とかで指定して、
htmlを汚さないようにしている。 >>109
要素セレクター使いまくるくそコーダーは消えてくれ
CSSのマッチング遅いし、引き継いだ時大変だろが
いちいち全部読んでる暇ないから、!importantまみれになる 出自によって疎結合とかまるで気にしない人もいるんだなぁ
プログラマー出だとそんなメンテナンス性低いコード堪えられない > 108
描画領域のサイズは、HTML上ならwidth/height属性、スクリプト上ならHTMLCanvasElementのwidth/heightプロパティで指定する
CSSだけでサイズを指定しても、デフォルトサイズで描画されたものが拡縮されるだけ プログラム側でサイズ変更するんですね
ありがとぅございます >>109
さては、1度作ったら終わりのサイトしかやってないな MindBEMding で、CSS を構造化する
この本を読め！
一々考えなくても、名前をつけられる、やり方も書いてある
現場のプロが本気で教える HTML/CSSデザイン講義 (Design & IDEA)、ヤフー、2016 >>115
3~4年前の本みたいですが、2019年現在でも読む価値ありますか？ 緑と紺色のブロック内のテキストをブロックの中心に寄せたいのですが、text-align: centre ;を使っても左右が均等になるだけで、上に寄ってしまいます。
padding-topを使うと下に寄せられるんですが、他に良い方法はありますか？
https://i.imgur.com/CJfzaRY.jpg function draw_redRect(x_pos,y_pos){
context.beginPath () ;
context.rect( 0, 0, x_pos, y_pos ) ;
context.fillStyle = "red" ;
context.fill() ;
context.stroke() ;
}
for(i=0;i<4;i++){
draw_redRect(x_pos+100,y_pos+100);
}
四角形を配列のように並べたいのですが、変数にどういう記述をしたらいいんでしょうか
100pxずつずらして並べたいのです >>115
設計とか今の時代に役に立つのか？
昔はCSSは使い回すものとして設計必須だったけど
今は使いまわさない前提で作る方が推奨されてるし
CSSの設計自体が必要なくなってるだろ >>110
別人だけど自分も奇数、偶数で色変えたりするのに使ってた
マッチングとかそういうの知らずに htmlの容量を気にしてよく使うクラス名を短くしたりしてしまいます class="ro-majide_nagai_setsumeiwo_kurasumeini_tukau" >>122
HTMLを圧縮すれば、そういったものは数バイトの違いにしかならない
人件費の無駄 gzipの圧縮ってたとえば<div class="unk">とか頻繁に使う同じ文字列なんかがたくさんあると
結構圧縮されるのかな 楽天サイトとか文字数制限あるから何でも短くしとかないと後で入らなくなる >>117
横並びは float かな？
天地中央寄せにする方法はいくつかある
・line-height を指定し行間の高さをブロックの高さと同等にする（文字が折り返す場合は崩れるので注意）
・文字を span で囲み position で天地中央にする（これも文字が折り返す場合は崩れる可能性ある。方法はググれ）
・横並びを flex にして align-items: center を指定する
・横並びを inline-block にして vertical-align: middle を指定する >>127
flexで横並びさせました。
絶対配置をつかったらうまくいきました。
いま、フッターのナビ欄の最初の点線を消したいのですが、行き詰ってます。
点線はli要素のなかのα要素に付けてます。
https://i.imgur.com/icUb7Sw.jpg >>128
ul li:first-child a {
border-left: 0
}
でいけるでしょう >>120
小・大規模サイトは設計いらんけど、CSS設計失敗した中規模サイトを渡されると壁に頭ぶつけたくなる Luxbarでメニューを作ったんですが、IEだとうまく表示されません
調べると
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
という解決策が出てきたんですが解決しませんでした
他のブラウザでは問題なく表示できるし
ウィンドウ幅が狭くなるとハンバーガーメニューが出てきます
お知恵を拝借したいです 【悲報】メルカリさんが９０年代のホームページを作ってしまうｗｗｗ
https://mercari-special.jp/~ natsukashi/ CSSのセレクターを表す>記号は書かなくても大丈夫ですか？ 子セレクターを表す記号と書こうとしてましたが子が抜けてました 孫以下に影響させたくなければ必要
そうでなければ不要 >の意味がいまいちわからない
.aaa .bbb
って書くのと
.aaa > .bbb
って効果としては同じでしょ？ a > b は、a の直下(子)のみ
a b は、a の子孫も含む なんで同じと思ったのか…
mdn付けて検索することを覚えろと言いたい
けど言わない 親以下の要素に影響を及ぼすという点では同じ
影響範囲が違うけど… emを9にしたら14.4pxになって、em10にしたら1.6pxになった
限界値でもあるの？ >>152
たぶんあんたが間違えてる
1.6pxのフォントなんて見えないだろ。1pxだぞ？点だよ点
エスパーするとその親要素のフォントサイズは16pxだな。
そんで
16px×90%(9em)=14.4px
16px×100%(10em)=16px
つまり10emは1.6pxは間違いで16pxだな。何も問題無い。 remがええんやで
htmlにfont-size:62.5%指定しとけば計算する手間省けるで
14px→1.4rem フォントのサイズ指定にpx使うのはイマドキじゃない感じですか？ >>156
フォントサイズのpx指定はまだまだ使われてるけど最近はrem使われることが多くなってきてる
ちなみにメディアクエリのスクリーンサイズ指定はemがいいとされてる。
これはあまりメジャーじゃないかもしれんが海外では多く使われてる印象かな。 初心者なんですが、パディングするときにpxかemどっち使おうか悩んでするですけど、どっちでも問題ないですか？ px か em かだけで悩むのか？
まだまだたくさんあるぞ。全部いえるかな？ 打者なんですが、バッティングするときに毒霧かナイフどっち使おうか悩んでするですけど、どっちでも問題ないですよね？ 毒霧だと審判も殺っちゃうだろ
退場になるぞ
ナイフが無難 >>156
フォントに限らず、できる限りpx避けるのがトレンド トレンドで決めるものではない
その裏にある理由が大事 その裏にある理由考えたら尚更emやremを使うべきだろうな～。 - HTML -
<div class="test1"><div class="test2">指定した幅よりとっても長くてはみ出してしまうような文章・・・</div></div>
- CSS -
.test1{width:300px;overflow:scroll;}
.test2{background-color:#000;white-space:nowrap;}
このようにすると最初隠れていてスクロールバーを動かした際に表示される部分には背景色がつかないのですが
文章の長さによって<div class="test2">の幅を自動で合わせるにはどうしたらいいのでしょうか？
test2内の文章は長かったり短かったりと決まりがないため、自動で合わせたいのです。
どなたかご教授願います。 >>168
使いづらーい
デスクトップサイズはpx
スマホサイズはvwがいいー >>171
はい
test2を複数個存在させたりすることもあるためです。 ブラウザの幅を狭くすると、その狭さに合わせて画面が縮小されるのって、どんなテクをつかってるんですか？ >>173
リキッドレイアウト
レスポンシブデザイン
とかでググりなさい。 >>173
body {max-width:***px} overflowとbox-shadowって相性悪い？ >>180
あー
言わんとすることはわかる
ボックスの外側だからね HTML5のinputタグでrequiredを付けて、それを未設定で進めたとき、
ブラウザの機能で、Firefoxならば赤で囲まれる。
Chromeならば、バルーンで入力や選択してくださいと注意表示されます。
Firefoxはまだ見やすいのですが、Chrome系だとイマイチ変わりにくいです。
必須要素は予めスタイルを指定できるのはわかりましたが、
「入力漏れ反応」した時のスタイルを変えたいです。
どうすればできるのでしょうか？ >>182
バリデーションの部分をちゃんと作るなら普通はjsで行う。
HTML5に任せるのは色々な意味で時期尚早 というかバリデーションの部分は
HTML5がJavaScriptを使えるように考慮されてるので
時期尚早というよりも、こだわりたければHTML5が
想定している通りにJavaScriptを使えって話 HTML5っていつまでHTML5って呼ぶん？
whatwgはもうw3cのHTML5は見限ったよね？ HTML5.1が勧告されたときに
これは出来の悪い欠陥フォーク、控えめに言って糞
今後はHTML LS以外は見るな
くらいのことは言ったな＞whatwg んで、つーことは
少なくともchromeとsafariとfirefoxは
HTML5とは無縁になったっつーことだわな
edgeもか Googleが儲けるためにそういうサイトを上位に持っていってるだけ テレビもネットも結局はスポンサーの思うがままってことか…
バカには厳しい世の中になったな 昔はどこの川行っても食える魚が釣れたけど、
今は自分で釣り場を探して、釣れた魚が食えるかどうかも判断する必要がある。
バカは金払って釣り堀でマズイ魚(本人は美味しい魚と思ってる)を釣るしかない。 >>193
まるで馬鹿に優しい世の中があったかのように書くのはよくない！ > 昔はどこの川行っても食える魚が釣れたけど、
水俣病の話？ WEBに関してはグーグル一強になったのがなぁ
ヤフーが屈しなければもっと他の道もあったかもしれん Googleで良かったよ。無料で気前よいの多いし
ヤフオクなんて運営が儲けようとしてるのみえみえだったじゃん Appleが覇権にぎってたら、Mac以外のPCではSafariの使用禁止、Apple dateは強制的に有料とかかな？ 質問です
HTML？の属性には属性名と属性値というものがありますが、
要素の方にも要素名と要素値とかあるのでしょうか？？ >>201
意味がようわからんがＨＴＭＬタグは要素だよ。
<mg width="100px">
↓
img：HTMLであり、要素でる
width：属性名
100px：属性値 >>203
わかりやすい例えにすると
ホットドックプレスのワールド版をイメージしたらわかると思うわ >>203
ソース観て「wp」という記述があったらワードプレスを使っているサイト >>203
「言葉の押し付け」と言う意味です。
相手に自分の主張を強く伝える様をワードプレスと言います。
例
私は、ワードプレスでその場をしのいだ。 じゃあ、HTML/CSS関係の質問を貰っていいですか じゃあ、HTML/CSS関係ではない質問を止めてもらっていいですか やりたい事としては「ブログの記事の文字列の色を薄くし、見出しやボタンの色は薄くしない」です。
これを実現しようとして以下のように記述しました。
h1, h2, h3 { opacity: initial !important; }
.sns-btn { opacity: initial !important; }
.post { opacity: .75; }
<div class="post">
<h1>記事タイトル</h1>
<div class="sns-btn">省略</div>
<p>本文</p>
</div>
しかし、見出しやボタンのopacityにinitialが適用されずに薄くなった状態で表示されてしまいます。
何故でしょうか？ >>214
.sns-btn p{ opacity: initial !important; }
もしくは
p{ opacity: initial !important; } 自己解決しました！
opacity:initialとした場合、initial=1ではなくてその前に設定された値が初期値となってしまうっぽいですね。
文字色を薄くするのにopacityを使わずにrgbaを使ってみるようにします >>215
リロードし忘れました、ごめんなさい。
小要素に対して指定する事も考えたのですが、記事内の要素が複数になる事を考えると、
各小要素に対して適用するよりもそれらを囲む全体の要素に適用した方がパフォーマンスが良いのかな？と思ったのです。
実際にはどうなのかわかりませんが・・・ オパシティってなんかちょっとだけ響きがエロくない？ >>218
おっぱいCity
それは、おっぱいに満ちあふれた男にとっての理想郷である。 おっぱいで満ち溢れてればいいってもんじゃあない
重要なのはどんなおっぱいかだ ねぇ、おじちゃん、幸せを手に入れるために働いてるのに、なんでGWに働いて不幸にならなきゃいけないの？ 休みもらってもGWあけはあけで恐ろしいんだけどね… よし、特別に俺様が質問受けつけてやる
バッチ来いや >>236
ありがとうございます。
部屋を掃除する服はどこで手に入るのでしょうか？
あと、服を買いに行く服がないのですが、裸で外に出ても大丈夫ですか？ >>237
はたして、本当に人は掃除する服を手に入れる必要なんてあるのでしょうか。
あなたの心の中にある物欲をまず捨てることからはじめてみてください。
そしてよく思いだしてください今あなたが来ている服、昨日きていた服、
今すぐメルカリに出品して全裸で掃除してください。 異世界いったら本気出すとかいうなろう小説ありそうｗ 「ie padding 効かない」「ie hidden 効かない」みたいに
IE+CSSのサジェストにとりあえず「効かない」が表示されるの笑う
笑えねえよ！ display:inline-block
で横に並べた<li>に
text-align:jusifyを聞かせたいのですが、
うまくいきません。
できないのでしょうか？ text-align:jusifyはテキストにしかきかんだろ >>249
あ、そうなんですか。ありがとうございます。
30個ぐらい並ぶ<li>の右を揃えたいのですが、
どうしたらいいのでしょうか？ margin:0 auto; とかめんどくせーから
centerタグ復活して欲しい >>251
ありがとうございます。こういうことです。
まだなぜかうまく行きませんが、たぶん大丈夫だと思います。 >>251
目が・・目が・・チカチカする・・・
>>253
<div align="center">とやるのだよ 毎回特定のブラウザでしか動かないAPIがでるたびに
それ、IEじゃ使えませんよって言う身にもなってくれｗ 質問がある！！
ｈｔｍｌとCSSでホームページ作成をしているのだが、よくクラス名をタイプミスして、それを発見するのに時間がかかり困っています。
エディターはatomを使っていますが、クラス名の補完って何かしらの方法で行うことはできませんか？
例えば、html内に「lesson-container」というクラス名があるとします。
CSS内で「lesson-container」というタイプをしたいと思った時に「les」ぐらいまで入力したら
クラス名の補完候補が出現するというような感じが理想です。
これができれば、タイプミスが少なくなり作業効率が急上昇すると思うのですが。 >>258
手入力やめてコピペしたらどうだい
検索するのもラクだし それか一度コピペした文字をしばらく記録してくてるフリーソフト使うとか？
名前忘れたけど、マウスダブルクリックでコピペ履歴がでて、すきな文字をコピーできるやつ 最初に設計書つくっといて
そっからコピペすればいいのでは どういう時に間違うか良く分からないけど
ID名短くするか
css 書くときにhtml からコピペ
#ID名{ } を作った時に一度に
#ID名 h1{ }
#ID名 p{ } とかコピペで作っておけば？ タイプミスよりも途中で「名前かーえよ！」ってなって見落とすのが俺さ >>258
dreamweaverなら候補でるよ。 クラス1とクラス2の両方が付与されている要素に対してcssを定義したいのですが
セレクタで指定する方法ありましたっけ？ overflow:hidden設定している要素Zの子要素AとBがあるのですが
AはZ内でhiddenされたままでいいのですが
BだけをZの外へはみ出させたりすることは可能でしょうか？ >>269
あ、つなげれば良いだけか
失礼しました <applet>、<frame>、<noscript>かな >>272
<blink>
チカチカさせて攻撃力高め >>270
無理。
要素Zと同じサイズでAだけを内包するoverflow:hiddenを作成したほうがいい >>258
atomってよく見るけどそれできないのかよ嘘だろ sassって結局forとか使ってループさせる事なんて
実際ほとんど無いよね。 >>272
なんで ベスト なんだろ？
Font color="red" size="+1" 変数とmixinぐらいしか使ってない
他の人が読みにくいコードにはならないように注意してる 俺は変数は禁止とまでは言わないけど
なるべく使わないって方針だったな。
ifやループと言った制御文も原則使用禁止
cssの範疇を超えてるから。
sassで一番使うべきなのはネスト。
次にmixinやextend
あと当時は流行っていたcompassも使用禁止。
何を吐き出すのかさっぱりわからないから。
今廃れたところを見ると当時の判断は正しかった。 >>258
Atomでclass適当につけてやってみたけどできるよ
拡張はベースのlintにHTMLとかCSSのとか入れてるからどれでできてるのかは分からない
https://i.imgur.com/aDq3BND.jpg ruby sassは廃れたというか非推奨になってるからな libsassを知ってからrubyで作られたcompassの使用禁止は決定的になったな。
ってかlibsassでcompass使えるんだっけ？使えるように頑張ってたと思うんだが
すでに興味はなかったので調べてない。 これってどうやって画像ファイル表示させてるか解りますか？（SteamのスクリーンショットのURL）
直リンクしたいんだけど拡張子がないのでできないです（自分のＵＰした画像です）
のわりに保存すると「13560_screenshots_20171015114106_1.jpg」というファイルになる。
https://steamuserimages-a.akamaihd.net/ugc/866240102627656731/DB62E76D60506409114CDE02B25367DDDF5112A7/ スクロールさせて前後をいくつか見せたいので、単一選択のリストボックスを作りたい
size=をつけ足せばいいがここ見るとmultiple前提にも読み取れる
https://developer.mozilla.org/ja/docs/Web/HTML/Element/select
UI上望ましくない？ ┌───────────
│タイトル1
│┌───────┐
││<div class="A"> │
│└───────┘
│感想1
│
│タイトル2
│┌───────┐
││<div class="A"> │
│└───────┘
│感想2
└───────────
上記のような感じで枠Aの上下に文字を置くレイアウトをいくつか並べたいのですが
<div class="wrapper">
<div class="title"></div>
<div class="A"></div>
<div class="kansou"></div>
</div>
みたいにdivで囲わないやり方ってありますか？ divで囲まない方が違和感ある
sectionで囲って上げたほうがいいけど、正解不正解は無いにしてもこの手のレイアウトは繰り返されるパーツごとに囲っていた方がむしろ良いよ。 >>286
スクショからじゃよくわからんが拡張子は必須じゃない
レスポンスヘッダにContent-Typeが正しく書かれているかどうか >>287
すげーわかりにくい日本語
UI作る時も相手の立場に立って、何も考えてないバカでもわかるようにするのと
具体例を出すように気をつけた方がいいよ >>288
ブロックを括る必要が無い時は自分もたまに横着して囲わないで.titleにmrgin-topだけやって終わらす。
しかしその図のように全体を囲うなら無理。※jQuery使えば可能だが。 >>288
#wrapperをbodyで代替すれば良い 現場のプロが本気で教える HTML/CSSデザイン講義 (Design & IDEA)、ヤフー、2016
MindBEMding による、CSS の構造化
だから、この本を読めって言ってるだろ！
コンポーネントの作り方・名付け方は、決まっている！
自分で名付けるのは面倒。
この本の通りに名付ければ、何も考えなくてよい >>292
いや、わかるだろ
先ず自分を疑って読み直すとかしたほうがいい
>>287
OK >>299
この質問、何度か読んでやっと理解できたような文だから指摘した。
そもそも初めての質問なのに
主語から始まらない時点で言語（日本語も英語・プラグラムも）の勉強してきてないのがわかる。 言い訳乙
日本語は主語から始まるとは限らないし曖昧な場合や複数の場合もある
別の国の方なら覚えておくといい 下らないこだわりでコーディングが終わらないのと似ているな 人に説明する能力って大事な要素だよなあ
UI作るには
いやそんくらいわかれよ
って人に言っちゃう人には向いてない気もする >>305
ほんそれ。
自分はクライアントも部下も上司も外注も玄人も素人も
100人以上とやり取りしてきた上で教えてあげたのに・・・ >>301
言われた事の本質を何も理解できなかったようだね
かわいそうに 会社に入ったら上司に
「言い訳するな」「報告は結論から言え」って言われるタイプってすぐわかるｗ >>309
会社で働いた事ないでしょ？
http://morimo2.info/RyVc
これ孫正義もよく言うらしいぞ 主語を意識してない奴の典型例
「ズレてるんで後ろの背景の写真自体を変えたいんですが、すぐできますか？」
↓
言われた方
「はぁ。。てかそれ、どのサイト？どのページ？どの部分の背景？どれに変えるの？スマホ？PC？」 そして
いや、わかるだろ？
俺が見てるとこに決まってんだろ って本人は思ってる hover使ってカッコよく見せるように作ったら
スマホだとタップとかタッチとかだからhoverなんて無駄ですってええええ？！ 作ったhtmlのページをchromeのデバイスモードで確認すると
全体的に縮小された状態で表示されるのですが、これはCSSとかで何か設定をしないと駄目なのでしょうか？
firefoxのF12→デザインモードでは拡大率100%で表示されます >>310
ああそうか
普通の人は注意する時は人前ではしないから見たことないんだ >>315
見苦しいよ・・もうさすがにやめとけ
こっちは上場企業に勤めてたんだぞ・・・ >>316
こっちの上場企業とは業界が違うんだろう
相容れないからこれで終了ね >>318
まず感情論無しで読んで欲しんだが、
そうやって素直に認められないでなんとか逃げようとする姿勢ってダメな人の典型なのですよ。
それと・・・人前で注意しない？
逆に人前で注意するメリットは、周囲に聞かせる事で同じ轍を踏ませないメリットがある
これは、組織でやる人間なら当然考える方法だし、それをしないと同じ事を何度も何度も上司は一人一人に説明する事になる
非効率は事業の推進を遅らせるから無能扱いされる 俺の会社はでかいからドブラックな部署もみんな良い人の部署もあるわ
どっちの意見も分かるが、自分の意見に固執してるのは世間知らずに見えるからやめた方が良いよ
メンタルケアを優先するところも当然あるしそんなことせんでも回る優秀な部署もあるんだなぁ 初心者は経験値不足で質問したいことを上手く言語化できない。
回答者はそれを踏まえた上で解釈上手でなければならない。 >>320
>人前で注意しない？
特定の社員をさらし者にして、教育する方が間違っている！
そういう教育方針では、被害者は恨みしか持たないから、報復されるだけ！
企業経営とか、中小企業診断士・MBA でも常識！
差別が多い、海外でそんな事をやったら、大問題になる！ > 逆に人前で注意するメリットは、周囲に聞かせる事で同じ轍を踏ませないメリットがある
同じ轍を踏ませないようにするために必要なのは
仕組みを作ること
言ったところで何の解決にもならない。
言う時間の無駄
単なる給料泥棒 >>323
このレス見覚えがあるけど有名コピペ？？ >>323
言うと思った。
注意の仕方が感情的に怒りをぶつけたりとかそういうのをテレビで見て想像してるんだろ？
相手や組織に一括で本当の意味で理解させる事が重要なのにそんなことするわけないだろう
それと複数人風に装うなほんとバカなんだな どうでもいいわ、スレチだし
もうやめてくんねーかな >>314
デバイス指定をresponsiveにしたら表示サイズ変えれたはずだが そろそろスマホを買おうかな
やっぱりブラウザのエミュレーションより実物触ったほうがよさそう
なんでいまだにガラケー使ってるんだ俺 >>323
は、漏れが今、書いたばかり！
コピペの訳ないだろw
企業経営は、1つの技術。
知ってるか知らないか、だけの話
それを教えているのが、中小企業診断士・MBA とか、ハーバード大学。
そこで、500ぐらいのケースについて、教室で議論する
全社員に知らせる目的で、ミスった人を、全社員の前で怒りました！
これについて、議論スタート！ 質問なのですがスレ違いの話題を延々とするキチガイはどうしたらいいですか？ まともに企業で働いた事ないやつが
中小企業診断士とか笑わせんな >>333
ここは5chですよ？
(まだ2chとか言う人いたんだ…) ところで会社経営した事無い人が
経営コンサルやって結果って出せるのかな？ 机上のP/Lとかキャッシュフロー読めたところで
本業での成功なしに結果は出せない。
その業界の事やトレンドも知らないし経営の経験もないのに
本当にコンサルする資格なんてあるのだろうかと思う。 >>336
元経営コンサルが来ましたw
いけるいけるw
100個ある間違いのうち1個選んでそれを改善して
それに対して対価もらう商売なんよ、あれは
その結果、売上や利益が上がらなくても
それは残り99個が原因なんで知ったこっちゃない的な https://codepen.io/anon/pen/mYdzqL
<span class="box5">の文章を<div class="box2">の幅に合わせて改行させる方法を教えてほしいです。 将来的には、SASSとHTMLを直接紐付けるようになるんだろうか >>312
それはそうだが今回の件はわからない方がアホすぎる >>330
おれ普通にガラケーだよ
シュミレート用に泥タブとipod touchは持ってるけど
wi-fi持つならスマホ持ってるの無駄だからな あらら、なんか実機で崩れてるサイトたまに見かけるけどそういう事か。
端末とブラウザの組み合わせによっては幅が320pxなのに
エミュだと気が付かんのだろうな・・・ >>347
エミューの雫 お試しサイズ 15ml 【無添加100％、高品質エミューオイル(エミュー油)】 (1本)
https://www.amazon.co.jp/dp/B00C3634X4 >>272
<plaintext>
なかなかトリッキーな動作をするタグだ…
どういう存在意義があったんだろうか…？ ブラウザの右下あたりに小窓みたいのを出しておきたいのですが
あれはposition: absolute固定して
resizeのたびに座標計算にcalcを駆使して作るのでしょうか？ それは position: fixed; でできるよ
おれも js のデバッグ用窓をそれで出してる >>353
ありがとうございます
早速fixの挙動を試してみます ボタンをマウスオーバーすると現れる、吹き出し型のドロップダウンメニュー どこかにサンプルないですか？ ほう、吹き出し型ですか…
実に、興味深いですなあ(適当) 私も近いんですが
ネコ型のロボット どこかにサンプルないですか？ >>360
どう見ても猫じゃん
GWで頭おかしくなったのか？ ボタンをマウスオーバーがだめなのは、
Google Mapを見ればわかる デザインカンプを100%再現したコーディングをするものなんですか
要素のサイズはpxで指定がないと大変な苦労があると思うんですが >>370
広告系業界だとほぼそうだねえ
PCはpx、SPはvwで長さ書けばそう難しいことはないよ
カンプ作るときにすこーし気をつけないと
デバイス文字の文字間が狂うくらい >>372
例えば、jQueryの.hover()メソッドはスマホだと自動的にタップ動作に変換してくれますが？（哀） >>370
大手案件だとカンプと違うと怒られる。
カンプを半透明にして画面に重ねながら確認してた苦いおもひで 怒られるっつーか
「なんで変えたんですか？」みたいになって面倒
わざわざ変えてやる義理も金もないし
カンプのままコーティングしちゃうのが一番楽なんじゃ >>375
フォントサイズにしろ余白にしろ、サイズが記載されてない場合だと、
カンプを忠実に守るコーディングは思考錯誤になりませんか？ >>376
カンプ作る時は
PCは実寸、スマホは1/2サイズで作成するのが一般的だと思うが（retinaや全幅用画像は別）
DTPデザイナーだと、web弱いからサイズを曖昧にしてデザイン作成してくるがそれ系？ >>376
広告系は
99.9%フォトショでカンプ作るから
サイズ測るのに困ることはないなあ Webデザイナーの意図としては、HTMLコーダーの或る程度の裁量を想定していたりはしないのですね。 >>381
そんなことはないんじゃない？
ただ製作工程の途中で変えちゃうと面倒なだけで >>381
WPが入るようなら、コンテンツ増減時のデザイン
カンプに指示が無いならホバーアニメーション
とかはコーダーがすることが多い
下手にアニメーションとかこだわると、イメージと違うと言って手直しをしつこく要求されたりするから、余計なことはしない方が良い ボタンは透過70％にしときゃ文句がでない
視覚ユーザビリティ悪いけど >>380
オレはイラレで作るけどな。
最終的には.psdで書き出すけど、それまでの工程はすべてイラレ。 コーダーってデザインカンプを再現するだけの仕事なのか 作られたサイトを編集したり拡張したり更新したりもコーダーだし
掲載している商品を更新したりSEO対策も論理マークアップもサイト量産もテンプレ作成も
WordPressテーマ作成もcssやjsのアニメーションも >>393
パスいじる部分はイラレで
それをフォトショにインポートするのは多いと思う
イラレはSVG書き出すのはいいんだけど
フォトショのレイヤーからのアセット書き出しの利便性にはかなわんよな >>397
アセットの利便性は分かるけど、手返しかなぁ。
フォトショはマウスで使うけど、
イラレはキーボードショートカットが手に馴染んでるんで仕事が速い。
フリーでやってて、客は素人ばかりで、コーディングは独学で、
もしかして世間とはぜんぜん違う制作工程になってるかもしれない。
と心配になって、ときどきこんなサイトを覗いてる。 自分はパスもphotoshopでやってるわ。
渦巻きみたいな形状はさすがに無理だが、波型、楕円、爆弾程度ならphotoshopで完結 >>400
いやデザイナーにスライスされたらコーディングできんだろ 「クイック書き出し」と「書き出し形式」で対応できるデザインが多くなったから、スライスすること自体が減ったな
favicon、apple-touch-icon等は文句言うならデザイナーが作れとよく思ってた <div class="foo">
<div class="bar"></div>
</div>
この時にfooとbarにrelativeを設定してbarにbackgroundを入れたあとbeforeとafterで装飾しました
そうするとbackgroundの画像が装飾で埋まってしまう為装飾にz-indexを設定しました
そうした後fooに背景色を加えるとbarの装飾が埋まってしまいます
そこでfooにz-indexを加えると見た目は問題無いんですがfooの子要素達のクリックができなくなってしまいました
fooのbeforeかafterを背景色に使ったら良いんじゃないか？って考えましたが両方装飾に使っていて使えません
いい解決法はあるでしょうか？
ご教授していただきたいです >>373
それだと機能が違ってくるだろ
それに指摘されて出てきたjQueryｗ
いやjQueryを笑ってるわけではないよ >>406
ご教授、シテ頂きたいです…か
ウホッ⭐︎ 画像200KBって重いですか？
10枚くらい貼っても大丈夫ですよね？ 特にjsスレに多いが指摘されて詰まるとライブラリの何々出してくるのがやたらいるよな >>408
スマホにはホバーの概念ないんだからPCとは機能が違うの当たり前だとおもいますが（怒）
レスポンシブのドロップダウンメニューにjQueryの.hover();メソッドで実装ってごくごくごく普通なんですが
具体的なにがおかしいんでしょうか？
それに今ならontouchstart属性とかもあるしホバーのなにがいけないんでしょうか？ コーダーがスライスするのは、
Photoshopを複数PCにインストールする必要だけで不合理に思う。 >>415
スライスって、レイヤーが統合されてるって意味？
だったら理不尽だわ。
ところで誰も >>405 に答えられないの？
オレは疑似要素の知識がゼロだから無理だが。 ドロップダウンメニューで.hoverで開くサイト、使っててウゼーと常感じる >>405
.foo に pointer-events: none
.bar に pointer-events: auto
で行けない？すまん実際に動かして確認しないからどうかわからんけどやってみて >>418
作業する側もいちいち開いてウゼーと思ってる
でも多階層を全部見せる方法があれくらいしかないんだよなぁ >>416
vueでもReactでも生jsでも構いませんが？
onmouseover/onmouseoutやmouseenter/mouseleave使えばいいだけではないでしょうか（怒）
それに今ならontouchstart属性とかもあるしって書きましたが？？ （爆）とか（核）とか寒いのあったなぁ
30年くらい前だっけ？ 無料ゲームをサイトにおいて広告で稼ぎたいんですけどどうしたらいいですか？
という質問はどこでしたらいいですか？ >>420
クリック（タップ）でいいんだよ
ドロップダウン、ハンバーガーそのものは別にいい
ちょっと通過しただけでいちいち勝手に開くのがウザイ hover は、スマホで使えないから、ダメじゃん！
同じ書き方ができない
>>410-411
画像は普通、10KB ぐらいだろ
200KB は、GIF アニメとか？ >>405
そんなややこしい構造を文章だけで書かれてもわからん
図で示すかコードだしなされ >>421
まさかCSSのhoverでできることをわざわざjsなど使ってるんかな
どっちにしろボタン吹き出しメニューとやら？はどうすんのさ
（たぶんボタンではなくボタンに似たdivやspanの勘違いだと思うが） >>435
>>430みたいに理解してない人いるけど、PC・スマホで同じ書き方できるのがjQueryの.hover()メソッド。
最初の方にも書いたが、自動的にデバイスに応じてhover/タップに切り替えてくれる。
jQuery信者だから書いているんじゃなくてjQueryがこの場合一番スマートなんだよ。
CSSだけでやる場合、transitionがブラウザによって効かなかったから普通にjsなんだよ。
質問者が言ってるのは、たぶんサイドバーでマウスオンすると、横に子カテゴリが展開するやつだろうな。 >>432
言いたいのはこんな感じでした
https://i.imgur.com/RC1SZUu.jpg
一応barの中にもう一個divを作ってそっちに背景画像指定することで解決できました。
z-indexは親子関係と疑似要素絡むとわけわからんですね 他人が書いたhtmlcssを手早く理解する手順とは？ 自分の書いたcssは結構他人にはわかりづらい自信があるわ 同じスタイルでも書く順番で全く別物に見えるからね
重要でないスタイルは読み流して
見たことないものとかよくわからないものだけ拾って見ていく感じがいい ボタン1を押すとa.jsを読み込んで
ボタン2を押すとa.jsを読み込まなくするみたいに切り替えることはできますか？ >>439
id名、class名を自分流に書き換える。 >>436
>PC・スマホで同じ書き方できるのがjQueryの.hover()メソッド。
>たぶんサイドバーでマウスオンすると、横に子カテゴリが展開するやつだろうな。
どちらもその人含め全員わかってるだろ
だからボタンにhover～とある >>436
>>430が書いてるのはhover()ではなく:hoverでは・・・
jQueryだろうが何だろうがbuttonタグにhoverはダメと言ってるのでは・・・ 例えばGoogle Mapなんかが
hoverの正しい使い方 >>443
ボタンを押した時だけ、<script> タグを有効にするのだろ？
JavaScript(JS) のスレで聞けば？ 何かの本で、hover を使うと、スマホでは動かないって読んだので、
hoverは、使っちゃいけないと思っていた
>>436
jQueryのhover()で、自動的にデバイスに応じて、hover/タップの切り替えができるとは、知らなかった。
すごい！ >>450
君、素直そうだからすぐ上達するよ
ただjQueryをこれから学ぶにしては、もうピークを過ぎた技術だから程々で >>450
普通ボタンにはclick(function(){})だしその方が自然だがな
デバイスに応じて動作が異なるのはちょっとキモイが時と場合によるからお好きに >>452
１レスでrubyキチガイとjqueryバカの両方に絡むとかすごいｗ 本来hoverは特定要素に乗った時に発火するというもの
変なクセ付けると周りからウザがられるぞ >>454
jQueryについて書いてたの俺なんだがね どうやら最近の若い人はプログラムの勉強をpythonから入るらしいな。
phpの方がゆるいけど実用性高いと思うんだがなあ >>455の補足
一般に特定要素とは<button>ではなく<div><span><img>など
<button>はあくまでclick
あとはそっちのスレで まぁアプリとかそのあたり考えるとpythonになるわなぁ セルが4枚あって、1つだけ大きいこんなグリッド組みたいんだが
1 2
1 3
1 4
CSS Grid使えばいいのかな。 >>467
CSSの検証にLinuxBeanでOpera使ってるんだけど、
アフィリエイト広告がまったく表示されないし、
ヤフーのトップページへもアクセスできない。
設定が悪いのか、Linuxってこういうものなのか、
どうなんだろうと思って。 >>468
ちょっと相談にのってもらえないだろうか？ >>471
まあ、オレたちの仲だからな。
素人でもわかるLinuxの入門サイト知ってたら教えて欲しいのだが。
5ちゃんのサイトはほとんど倉庫の中だし、本買うの嫌だし。 それOS関係あるか？
Operaはデフォルトで広告カット機能onになってるからオフにしたら広告表示されるだろう
ヤフートップページになぜいけないのかは分からないがうちのDebianいれたノートだとFirefoxでは見られるよ >>472
ああすまん
それじゃあおっちゃん役に立たんわすまん
ネット黎明期に何度もOSぶっ壊しながら覚えたクチだから >>473
知識が無さ過ぎて、その広告ブロッカー(Block Ads)を見つけられない。
それより５割ぐらいのサイトが見られない。
PCが元XPの32bitだから色々対応できなくなってるのかもしれないが、
ちょっとしたコードのスペル調べるにも見られないサイトが多い。
時間作って基礎から勉強するか、と思いながら、
なかなかできないでいる。 質問です。htmlの質問ですがWEBではないので板違いと言われればそれまでですが…
ローカルに保存しているたくさんのエロ動画を見やすくするために、HTMLでWEBサイトっぽくしました。
パケ画像をクリックすれば、ローカルの動画を開く、というように。
しかしこうやると、当然ですがブラウザ内で動画を開こうとします。
そうではなく、エクスプローラー上で動画をダブルクリックしたのと同じ動作にする方法はありますか？
(普段使ってる動画再生ソフトが立ち上がってほしい)
よろしくお願いします。 >>477
ちゃんとWebサイト化すればいいよ
まずローカルにWebサーバを置こう
コンピュータにインストールしてもいいし、xamppとかでもいい
dockerやvagrantなんかでもいい
んで、作ったWebサイトもどきをhtdocs以下に置いて
動画ファイルもそこに移動するか、シンボリックリンクするといい
んでんで、Webサーバの設定で、動画ファイルのContent-TypeをOctetStreanにすると
その場で再生ではなく、ダウンロードになるので対応するアプリがあればそれで開くだろう >>477
ありがとうございます！
勉強がてら挑戦してみようと思います！ つーかOperaは開発とっくに終了してchromeベースにならなかたっけ？
Operaの特徴であった機能が全部なくなたし今使う理由なくね？
ｖ13辺りでもう捨てたわ Chrome Firefox Safari IE11
レガシーIEはTLS1.3でHTTPSアクセスの時点できって対応はこの4つだけだな
最近はわりと適当に書いてもブラウザで差が出ることは滅多にない >>481
オペラの創業者が離脱して
blinkベースの開発始めたんじゃなかった？
名前忘れたけど Operaが便利だったのは、今見てるページで読み込んでいる外部ファイルを
サイドメニューに全部絶対パスで表示してくれる機能
他人サイトの構造調べる時、iframeとかも全部書き出してくれて助かったわ。 >>469
たぶん、ヤフーがLinux に対応していないから、
OS か、user agent を見て、Linux をはじいているのだろう
user agent を書き換えれば？
詳しくは、Linux 板で聞いてください！ >>472
Linux の質問は、Linux 板で聞いてください！
cd, ls などの基本コマンドを、30個ぐらい読めば？ >>477
漏れは、Ruby, Nokogiri, Selenium WebDriver を使って、
HTML を作って、ブラウザを自動操作して、
ローカルPC 内の画像ファイルを、ブラウザで見てる
一々、画像用のアプリを使わなくてもよいから、ブラウザの方が楽
この方法で、動画も見れるの？
そりゃ、便利！ シンスケの芸能界復活にやっぱり・・・
文春記者やっぱりすげーわ・・・
https://youtu.be/htctxGZ62Jg 質問するところが違うかも知れませんが、どこに質問すれば良いのかわからない為、ここで質問させていただきます。
インスタグラムを投稿すると自社のホームページにも自動で反映されてたのですが、
同期出来なくなってしまい、問題がhpの置いてあるサーバ側なのか、スマホ側なのかわかりません。
どなたかお分かりになれば幸いです。宜しくお願いします。 お金を払って対応をお願いしてください
ただでやろうとするからそうなる >>493
分からないなら分からないと言えばいいじゃん >>492
まず自分でできる問題の切り分けをしましょう。
スマホが問題か知りたいなら、PCで見てみればいいだけでは？
もしくは別のスマホで見てみればいいだけでは？
全部ダメならスマホの問題じゃないよね？ 最近の子ってほんとスマホが中心なんだな（PCの概念が無い）
あんな小さい画面で長時間映画みたり目が痛くならんのかね。
コーディングはもちろん作業系や文字入力もとてもできん
だから短文があたりまえみたいな風潮なんだよな どんな小さいスマホ使ってるんですか？
まさかiPhone4でも使ってるわけじゃないですよね？ >>497
iPhoneXとHUAWEI P20 lite
古いのもいくつかあるよ。検証端末として必要だから 俺が使ってるスマホは26インチだよ
これよりも小さいスマホとか苦行やろｗ >>494
だから技術者にお金を払ってくださいって言ってる
50万ぐらいが相場だな 492です
スマホ、pc、どの端末から見ても反映されていませんでした。
原因はどこにあるんだろう… スマホどころかipadでさえ非効率に感じるわ。
もうキーボードとワイドモニター以外は考えられん。
Adobeソフトの事考えると昔のモニターですらダメ。 >>500
50万が相場とか…久々にバカ発見したわ キーボードとワイドモニター搭載の
スマホ以外はクソスマホ >>501
質問の流れからだと2択だったんじゃないの？
切り分けした結果、答えが出たはずだが。
同様にして原因を検証して潰していくんだよ。
ここできいてもあなたのサーバーや環境やAPIの読み込み方やセキュリティやらは誰も知らんのです。 >>492
うちのペットが苦しそうにしてるんですが治したいです。
病気でしょうか？寿命でしょうか？
昨日までは元気にしてたんですが晩御飯にあげた刺身が
アジだったのと賞味期限が切れていたからでしょうか？
それとも今朝、お風呂に入れた時に熱いお湯で洗ったからでしょうか？ >>506
自分では問題がどこにあるか分からなかったので、専門的な技術者に聞けばすぐ解決するものと思いここを見つけて質問してみた次第です。
もうちょっと皆さんの意見を参考に調べてみます！ スレタイ定期。
個人的に>>508みたいな皮肉は好きではあるけれども。 >>509
マジレスしてあげると
ソース出しなさい。
それもないのに答えようがない。
世界的な権威ある動物病院の先生でも>>508の文章を見て原因を特定することは不可能だ。 質問の最後に18歳JKです。って書くと優しい回答してくれる率が上がります。 pタグに謎のマージンが上下に20づつついてるんですが、マージン0にしても効きません
消し方教えてください >>492です
>>513
ありがとうございます。
ソースはCtrl + Uで出てくるhtmlソースでいいんですか？ >>519
フッターの中のpタグに対して、マージン0指定してるつもりが、フッターにマージン0指定しててpタグにマージン効いてなかった
わかった？(怒) （笑）（泣）（怒）（爆）（核）（水）
20年以上前ｗｗｗｗｗ >>517
該当の箇所だけが望ましいよ
全部ここに記載するつもりかｗ
URL出せるならそれが一番いいが HTML5のdoctypeにはhtmlかxtmlかの宣言がないので普通はhtmlですよね？
でも人のソース見ると<br />とか<img src="" />とかxhtmlで書いてる人や混在してる人の多い事多い事・・
どっちでもいいんですかね？
18歳JK(かわいい) >>523
HTML5的には、/>は無い方が正しいです。
例えば、<span /> などという書き方は間違いです。
HTML5では、閉じタグを省略という意味はありません。
br や img は閉じタグを省略しなければ "いけない" もので
div や span は閉じタグを省略して "いけない" もので
li や p は（条件付きで）閉じタグを省略して "よい" もの
とタグ毎に決められています。
/>には意味はありません。XHTMLとの互換性の上で
書いてもエラーにならない無視される物と決まっています。
単に無視されるので、書いても何の効果もありません。 >>524
゜*。・*゜ ヽ(*ﾟ∀ﾟ)ノ.・。*゜。
わぁ ぁりがとうございますぅ*:.｡☆..｡.(´∀`人) >>520
エスパーしか解決回答出来ないくだらん質問をするな(激怒) 爆→核と来たから水爆では？
核は見たけど水なんて見たことなかったけどな。 >>524
終了タグ省略って必須もあったのか
初めて知った JKです。
自治会の回覧を、Wordがないんでサクラエディタで作ったんですけど、
プリントのためにheadのスタイルに
@media print {
body {max-width:210mm;｝
}
ってしたいんですけど、これだと右端がはみ出してしまいます。
手動でwidth:92%とか調節すればぴったりにできるんですけど、
スマートにやる方法ないですか？ >>534です。
自己解決しました。最初からミリで作ればよかったみたいです。 リンクが何もかもリストタグのページあるのだが、seo上有利なのだろうか google「SEO？うちのアドワーズを使って三日後ここに来てください最高の検索結果を表示しますよ」 ジャッキー・チェンは
日本以外ではジャッキー・チャン
これ豆な >>522
492です
どこの箇所を貼ればいいのか全然わかりませんけど、"instagram"の文言がある箇所があったので
適当に貼ってみます
<script type="text/javascript">
var sbiajaxurl = "https://**********/wp-admin/admin-ajax.php";;
</script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/***********\/wp-json\/contact-form-7\/v1",
"namespace":"contact-form-7\/v1"},"recaptcha":{"messages":
{"empty":"\u3042\u306a\u305f\u304c\u30ed\u30dc\u30c3\u30c8\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u8a3c\u660e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}}};
/* ]]> */ >>543
ある日突然動くなったってのは
サーバの問題で一時的に反映されない状況や
仕様変更で旧APIが使えなくなったと見るのが自然
特にスクレイピング結果によって作成されてるようなAPIだった場合
対象サイトのHTML構造が少し変更されただけで影響を受ける
どっちにしろ個人で問題が解決出来ない場合作った人に見てもらうべき
似たようなもんを作ってくれっていうのは可能だけども
第三者に質問されても仕様を把握してないので答えようがない 最初に言ったとおり
493 自分：Name_Not_Found[sage] 投稿日：2019/05/16(木) 19:08:28.53 ID:???
お金を払って対応をお願いしてください
ただでやろうとするからそうなる >>516
その上下にあるタグのmarginを0にするか
!importantをつけてみてどう？ インスタのトークン切れてるだけだろ
わからないなら金払ってやり直してもらえよ >>543
ソース見る限り、そこにインスタの内容はない。関係ないだろ。
それは恐らくWordPressのコンタクトフォームというプラグインにおいて
メッセージが空の場合にGoogleのスパム対策APIのreCAPTCHAが吐き出す内容だな サイトはどうやらWPでできているようだから可能性の種類が増えたな。
インスタ導入をプラグインでやっている可能性もあるから
インスタ側仕様変更したけどプラグインアップデートしてない問題とか
phpのバージョンアップデートしたらそのプラグインphp7.3には対応してないやんけボケ問題とか
可能性が広がっちゃったね <html lang="ja">のlangって必要？ ハイ。Langだけに。
なんちゃってｗｗｗ
高学歴ギャグｗｗｗｗｗ すみません質問いいですか？
19歳女です（白石麻衣似） >>492です
皆さん凄いですね！自分にはチンプンカンプンで全然わからんｗ
なので後で制作してくれた人に聞いてみます！
なんだかんだで答えてこれた人達ありがとう！ だから最初から言ってる。
作った人に金払って対応してもらえって >>557
さすがに50万は払えませんｗ
その金額ならインスタにアップできないぐらい諦めますｗ >>551
漏れは、VSCode のEmmet で、! と入力しても、
<html lang="ja">
が出力されるように、修正してる
元は、<html lang="en"> だった
ただし、Google は、それを無視してるとか？ ブラウザの描画範囲めいっぱいに
canvasでド派手なエフェクトを描画してそのレイヤーを最前面に表示したいのですが（z-index大）
特定のcanvasの色を透明にして下のレイヤー（通常の文章）が見えるようにすることってできますか？
あと右クリするとcanvasの画像が選択されると思いますが
ソースの表示とか一般的なhtmlに対するコンテキストを有効にすることってできますか？ >>551
langってUTF-8ですべての言語を
同一ページに記述できる時代にナンセンスだよなｗ
俺は存在は知ってたけど、あえて書かないことにしてたわ
googleって無視してるんだなｗ jaって書かないとページ開くたびにクロームが「翻訳しますか？」って聞いてこない？ >>577
質問前から威圧する人は嫌いです！(断言) 詳しいひとがこんなとこくるわけない
雑魚がさらに雑魚を相手してるだけ 1か月前ぐらいはもうちょっとまともに進行してたスレなのに今は何が起きてるんだ 詳しいから誰でも回答するってわけじゃない
回答者にも選ぶ権利はある >>551
もう３年ぐらい打ち込んでない。
問題が起きたことは一度もない。 enにしとくと日本語コンテンツでも翻訳プロンプト出してくるなchromeは。
jaにしとくと出ない。
どこかわりと有名なサイト（日本語）がいつ見ても「ポルトガル語のページです。翻訳しますか？」って出ててワロタｗｗｗ jQueryという物を今日初めて知ったんですが、これを使ってページ下に「ページトップへ戻る」的なボタンを追加しようと思ってます。
適当にググってHTMLとCSSには必要なコードを追加したんですが、jQueryのコードは外別ファイルに拡張子.jsで保存して、HTMLのファイルと同じ階層にぶち込んでおけば良いのでしょうか？ >>590
階層は自由。好きな場所に突っ込んどいて読み込んで動けばそれでいいけど、基本的な構造としてルート直下にassets/jsディレクトリ作ってその中に置くのがいいよ。
画像は/assets/images、CSSは/assets/cssの中とかそんな感じ。
WEB制作のディレクトリ構造にルールなんてないけど、色んなサイトのソースコード見てよく使われる方法を踏襲するのがオススメです。 トップへ戻るボタンをフッターに固定で設置したい場合もjQueryが必要ですか？ トップに戻るときにスムーススクロールさせたいならあった方が圧倒的に楽
スムーススクロールなしでいいならjQuery不要 スムーススクロールを固定で表示(ずーっとフッターにボタンがある状態)させたいのですが可能ですか？ jsスレかjquery スレか知らんが少なくともこのスレではないな >>594
> スムーススクロールを固定で表示(ずーっとフッターにボタンがある状態)
私はCSS無知なのでアレだが
「スムーススクロールを固定で表示(ずーっとフッターにボタンがある状態)」
を維持する方法は「ずーっとフッターに html」で検索するとCSSで実現する方法がチラホラ
http://creators-manual.com/footer12/
https://webkikaku.co.jp/blog/htmlcss/footer-bottom/
なお
a.hello = document.getElementById("hello");
a.hello.textContent = "Hello, world!";
みたいに、vanila javascript(jqueryを使わない)だけで色々操作できるメソッドはある
javascriptの詳しいことはプログラム板のjavascriptスレで聞くといいのでは
jQueryでやるべきか含め質問するのが良いかと（その場合はjQueryスレ誘導となる）
なおweb制作板にも類似スレあるけど、マウントして回答者を罵る人が多すぎて
対策を検討中なので、落ち着くまでは質問しないことを推奨 スムーススクロールとスクロールトップは一緒に使うこと多いからjqueryでええんじゃないかなぁ スムーススクロールって、クリームたっぷりのフワフワしたパンの名前みたいだな。
「クリームたっぷり！スムーススクロール、新発売！！」 >>594
用語は正しく使った方が
こういう場での意思の疎通がしやすいですよ スクロールの挙動とボタンを一緒くたにしてるからでしょ 初心者なんで、意味が理解できません。
ページトップへ戻るボタンって「スムーススクロール(ボタン)」って言うのではないのですか？ >>602
> なおweb制作板にも類似スレあるけど、マウントして回答者を罵る人が多すぎて
> 対策を検討中なので、落ち着くまでは質問しないことを推奨
正直、良識ある人が少ないので、落ち着くまで静観されるよりも積極的に意見を出して欲しいのだけどね >>590
jQuery を使わなくても、普通に、<a> タグだけで出来るでしょ？
もし、jQueryの練習をしているなら、jQueryのスレに書き込んでください！
Bootstrap を使うと、自動的にjQueryを使っているから、
CSS でクラス指定するだけで、同じものができる https://coliss.com/articles/build-websites/operation/work/scroll-page-smoothly-by-css-and-javascript.html
コレ参考になる？
個人的にはスムーズスクロールは気持ち悪くて嫌い。
Firefox の設定で「スムーズスクロール」を切っていても、大抵「強制スムーズスクロール」になるし。
javascript をホワイトリスト式にするしかないのかなあ。
CSSだけで出来るんだったらCSSも切ることになるな。。。
『UX を真面目に考えるんだったら無効にさせてくれよ』と心から思うよ https://www.to-r.net/media/smooth_scrolling_2019/
このCSSでの実装だとFirefoxの設定に従ってくれた
コレみたいな実装が普及することを願うよ とあるサイトの特定部分だけをコピペしようとしていますが、ページが重すぎてandroid ではほとんど動きません。
htmlのソースを表示すると61,240行あるようなのですが、何か良い方法ないでしょうか？ すげえなあ最近の人はHTML作業もスマホでやるのか・・・
昔はFXをスマホだけでやる人にも驚いたが今辺り前だもんな
時代を感じるぜ スームススクロールを見たり実装したりすると頭の中に
朝からちょっと運動表参道赤信号♪
が流れる… 私はどのようにしてあなたのソースを見ずにあなたを助けることができますか？ >>621
エスパーすると、これはスマホの話で
見逃してる要素が溢れてるんだな
そんで>>621が考えてる幅＋溢れたぶんがviewport幅になっちゃってるんだな >>621
画像がはみ出てるか、半角英数の文字列がはみ出てるか
あと何があったっけ 店員さんにお釣り渡される時手を握られると愛が生まれます。
何故でしょう？ readonlyのtextarea内に文字列を表示するプログラムがあるのですが、
textarea内のhtmlタグを有効にする方法はないでしょうか？
<textarea readonly>読み取り<br>専用</textarea>
これを以下のように表示したいです。
読み取り
専用 >>628
<textarea readonly>読み取り
専用</textarea>
これじゃいかんの？ >>629
ありがとうございます。
例として<br>タグを記載しましたが、
<font>や<h>など、その他のhtmlタグもhtmlとして表示したいです。 こういうことじゃないよね？
＜！ｄｏｃｔｙｐｅ ｄｔｄ＞
＜ｈｔｍｌ＞
＜ｈｅａｄ＞＜ｍｅｔａ ｃｈａｒｓｅｔ＝”ｕｓ－ａｓｃｉｉ” ／＞＜／ｈｅａｄ＞
＜ｂｏｄｙ＞
＜ｔｅｘｔａｒｅａ ｉｄ＝”ｓａｍｐｌｅ”＞
＜／ｔｅｘｔａｒｅａ＞
＜ｓｃｒｉｐｔ＞
ｃｏｎｓｔ ａ ＝ ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（”ｓａｍｐｌｅ”）；
ａ．ｔｅｘｔＣｏｎｔｅｎｔ ＝ ”ｒｅａｄ￥ｎｏｎｌｙ”；
ａ．ｒｅａｄＯｎｌｙ ＝ ｔｒｕｅ；
＜／ｓｃｒｉｐｔ＞
＜／ｂｏｄｙ＞＜／ｈｔｍｌ＞ <?php echo '
<h2 class="hoge">hoge</h2>
';?> >>631
<br>はあくまで1例で、別に改行だけしたいんじゃないってっさっき私、書きましたよね？（怒） ナビゲーションバーを背景のメイン画像の上に重ねるにはどうすればいいですか…？ かつて>>621だった者です。
解決しました。一部の要素にpaddingが付いていて、それが原因で右側に10pxほど余白が出来てしまっていただけでした。
誰もエスパーに成功しなかったため、特別お礼を言う気はありません(怒)
さようなら(大激怒) まだ読んでるかどーか知らんけど
>>484
vivaldi >>635
あれを読み込んでると思うから、俺みたいな感じでそれ開いてさ、
そこの数値で調整すれば絶対重なるよ。俺のもそうやったしさ。
でもヘッダーリストというか俺のはヘッダーメニューなんだよね。
でもメイン画像大きいじゃん？青いトコよち上にすれば重なるっしょ？ >>635
ランキングを右上にして新着を右下にしたいんですが、
オススメは真ん中あたりにしたいんです。
どうすればいいですか？ トップ画像のスライドショーはjQueryでやるか、CSSでやるかどっちがオススメですか？ CSSだけじゃ無理があるだろ。
無理ない程度のスライダーなのであればCSSがいい なんでここで質問する奴は
自分の作ってるサイトはみんなと同じレイアウトだし
わかるよねって思い込んでるんだｗ >>642
3、4枚の画像をスライドショーさせたい スライダーはCSSで書くとすっげーめんどくせえよ
jQueryでどっかのサンプルもらった方が早いと思う >>643
ここの回答者はみんなエスパー使いだから、質問者の現在制作中のホムペの構成を透視できるって聞いたんだけど違うの？？ >>645
分かりました、その辺の拾ってつけます。 あ、サンプルもらうっていっても
無断転載禁止のところのかってのコピペるんじゃなくて
無料でソースコード配ってくれてるところのって意味な >>646
ま、まあな////
そういう風に言う事もできなくはないんだがな（汗） >>642
keyframeあるじゃん
scrollsnaptypeあるじゃん >>652
ナウな俺たちはスマートグラスでコーティングだよな
PCとか、原始人のツールかよ笑笑 >>651
scroll-snapなんてのがあるんだな知らんかったわ
でもスライダーってコントロールボタンがあってコントロールナビがあって
場合によってはサムネがあってサムネの数が入りきらない場合はサムネも自動でスクロールして・・と
cssでやるイメージないわ >>654
カルーセルにしたいんだろうがスマホでやるとscrollsnapのが便利だぞ。
自動でスライドさせたとこで誰も最後までみてないし >>637
さようならの人に言ってもしゃーないけど、
box-sizing設定してなかったの？ 初心者向けの本読みながら勉強してるんだけど、急にwrapとかclassの概念出てきて詰んじゃう＞＜
どうしよう、こういうの最初は無視して進んでもいいかんじなんですか？ >>660
気分転換にJAVAの方を勉強してみるとか・・ cssのclassなんてただ名前を付けてるだけだから深く考えんでよろし
javaなんて挟んだら余計混乱する javaｗｗｗｗ
気分転換にサーバーサイドでも勉強するのかｗｗｗｗｗ >>660
最初は誰もが通る道だ
俺も今、通ってる >>660
いま悩んでいるのが html だけの部分なら、無視して良いとおもう
そう言い切れる理由の1つは…。
Firefox も chrome も影も形もなかった頃には
存在しなかったかマイナーだったから
CSSがらみだと色々…
いちばん単純なモノだけに絞って、実際に画面みて
いま挙げた概念がどう使われているか、個別指定等と比べてどう便利か
比較してみるとか
CSS 超疎いので大間違いだったら言ってちょ…
class は js で必要な範囲くらいしか見てないのよ… >>661
うーん
>>631 みたいな javascript の超かんたんなヤツを指してるなら正しいと言いうるかなあ。
実際『textareaでフォントとか変えられるのかなあ。何かプロパティ弄る方法あるのかなあ』と思いつつ調べたから。
span と div の違いとか、その過程で色々解説サイト読むことになって勉強になったかも、だし
要素5個だったものが7個になった場合に、大昔ならtableで誤魔化してたようなのをCSSでどうするか（ついでにポリフィルあるかどうか）とかも含めて、かな
CSS の世界でも「ポリフィル」という単語がメジャーかどうかは知らんので
詳しい人がフォローしてくれるとうれしい Javascriptを勉強するのと、Javascriptライブラリを勉強するのは違いますか？ >>667
かなり違う
ただし、別に『いきなりjQueryを学ぶ』とかでも良いし、ひととおり習得してからjQuery固有のものjavascript一般のもの区別という習い方はアリだとおもう
…と思ったらココは html / css スレじゃねーかオイ
web制作板は「ただいま」絶賛荒らされ中だからプログラム板に行ってちょうだいな
板をまたぐ点、手数かけて申し訳ないのだけれども、html / css と全く関係ない内容はココで質問しちゃダメよ
使い分けってものがあるんだからね？ >>665
そんなことないよー
Netscapeの頃からある話だよ
たぶん教材が自分の学力にあってないのだと思う
もっと低レベル、低年齢向けのもので学んだ方がいい
遠回りにはなるけど >>641-647
カルーセルなら、Bootstrap にもあるだろ
Bootstrap も、jQueryを使っている こないだWeb制作会社勤めてる人が集まってる所で
Bootstrapってどうすか？って聞いたら誰も使って無かったｗ
まあ業務レベルだとスクラッチで書くのが基本だもんな >>671
うちはデザイナーが
bootstrap使うとbootstrap臭くなるからって嫌ってるな
技術者的にはどっちでもいいんだけど 確かに通常のフローは
構成・ワイヤー決定 → デザイナーがデザイン → それをコーダーがhtml化 →アップ の流れだから、
Bootstrapが入る余地なんてないはずなんだよな。
デザイナーにBootstrapでできるようなﾃﾞｻﾞｲﾝしてくれなんて事言う案件なんてないわ 制作会社からデータ貰うとだいたいbootstrap
いろんな会社のコード見たけどこんなひどい書き方でもお金もらえるんだーと思った
もっと手抜きしていいのかなぁ
どうせ中見ないだろうし(´・ω・`) 書き方にこだわってるうちは二流
って幼女が言ってた 常人には理解できないだけで、一流のコーダーが見れば神レベルの仕上がりなのかもしれない
って令和生まれのコーダーが話ししてたわ 全部importantになっちゃうよ？(´・ω・`) >>669
指摘、感謝です！
ECMAScript2015(ES6) と document.write 時代のことしか知らないもんで、
詳しい人に補足・否定していただきたかったのでした 生jsゴリゴリ書けるのにcssが苦手と言っている人は
すぐできるようになるよ
プログラムわかるのに決してcssを侮ってないその姿勢は素晴らしいわ 物ごとを一度極めた事がある人ほど、簡単そうな事も決して侮らない
どんなものでも奥深さがある事をよく知ってるんだろう TVでイチローが相手の嫌いな食べ物を当てる対決番組で広末涼子と対決したときに、
嫌いなものを食べる時に、相手の舌がわずかに引っ込んだのを見て嫌いな食べ物を一発で当ててた。
すげーと思ったわ。試合でも投手の目の動きとか筋肉の動きとか見てるんだろうな。 生jsゴリゴリかけるようになりたいと思いつつ10年あまり
いまだJQのコピペマン >>684
const / let の使い分けと
個々の html 要素のプロパティの関係を調べる…とかダメ？
上の方の例も textarea のコンテンツいじってreadonlyにしてるだけだし
var 使ってるのは後方互換性だけだし
IE11 は…初心者は無視で良いんじゃないかなあ
プロパティの操作は CSS の応用というか
CSS 等のプロパティいじってるもの考える、とか
むしろ CSS は「細かいことは リファレンス見ればok」な人の方が早く習得できるかも >>682
俺は素人だが、俺だってピッチャーが投げるところを見てるよ >>686
そういう意味じゃないよ。
1つの物ごとを極めた人は、その感覚を忘れずに他の事にも臨むって例え。
相手の嫌いなものを判断する時に下の動きを観察するなんて、野球極めたからできる事。 >>684
まあ慣れだと思うけど、やってみると
・まず要素にアクセスして
・何かしらの計算をして
・要素の属性や内容を書き換える
っていう手順を自分の手で踏むようになって
それぞれを関数化して切り分けるようになるから
自然とコードがカプセル化していく
ので、jQ頼り切りの人のコードによくある
$('selector').on(function(){})や$('selector').each(function(){})の中に
何でもかんでも詰め込んじゃう書き方からは脱却出来ると思う >>687
> 相手の嫌いなものを判断する時に下の動きを観察するなんて、野球極めたからできる事。
野球極めて無いけど、舌の動きを観察すれば嫌いかどうか分かると知った今、俺だって観察するさ
野球極めてなくてもできる。 プロゲート上級編まで2回とドットインストールのbootstrapを軽く1周したくらいなのだが、模写コーディング挑戦してみたら全くできなくて挫折しそう
次何やればいいのかがわからんくなってしまった
ダレカタスケテ >>690
考え方が逆なんじゃね？
そういった予備知識がなくても、それまでに得た経験から
どういった観察をするべきかをその場で導き出せる、ってことだろう
一芸を極めた人は他の分野でも覚えがよいっていうのは
そういうことなんだよ >>692
食べ物は口から食べる。
嫌いな食べ物だと躊躇する。
食べ物勝負をしてるんだから相手のことぐらい見る
そういうのはい人生 "経験" から導き出せる >>690
本質が何も理解出来てなくてワロタｗ
たぶんあなたは何でも表面的なとこまでやってはやめてるんじゃないだろうか・・？
>>692
そうそう。そういう事です。 >>693
例えを出すとその目先の具体例ばかりにとらわれてしまう人いるけど、
具体例はあくまで伝達の手段の1つなんですが。。。 誰でもできることを、ある人がやっただけですごいと思ってしまうのは、
単に相手の中身ではなく、名前で判断してるだけですよ。 一芸を極めなくてもワーキングメモリを鍛えれば何をやっても応用が利くようになるよ
何をやっても応用が利くようになりたいって話しなら、一芸を極める事よりもその過程で鍛わるワーキングメモリに注目すべき …こういうのが「コロンブスの卵」と呼称されるのか… 私は協調性があり、前向きで、反省を活かせつ人間で、センスもいいんです。
そして何でもできるし結構すごいんですよ。
↑
一番面接で落とされるタイプｗ >>691
まず図書館へ行きます。
冒頭の記述は「分かってる」レベルの本なら、いったん読み進めます。
半分くらいのところをパラパラ見て、「分かっていること」「分からないこと」混在状態なら借ります。
もちろん「分からないこと」を「具体的かつ完全に実装できる」ように説明してあることが必須。
今日、「ラズパイでsa,mba」とか書いておきながらストレージデバイスとの物理的接続方法を一切書いてない本があったもんでね。
USB接続を想定していたのだろうか…？
良くある「凶器級」の厚みの本が版変わるたびに入庫したっぽかったりとかする割に…なんだろ…司書さんにラズパイ詳しい人おらんのかいな。
以上、住民50万いない市の中央図書館での話でした。
『魔法科高校～』とバカテスはダレの趣味だ…漫画一冊も無いのに…。 >>697
何をやっても応用が効くようになりたいって話は
誰がしているの？？？ >>691
大雑把に言えば経験が足りないだけだから
出来る範囲で
小さなことからコツコツと >>702
「何をやっても応用が効くようになりたい」ってのが理想像だけれども
『自分にはコピペプログラミング（？）しかできない！生jsをスクラッチからなんて夢のまた夢』なひとが
理想像に近付くための一歩は何か
みたいな話だとおもう >>703
試行錯誤は重要ね
console.log でも document.writeln でも何でも
手段はどうでも良いから、色々やってみて挙動を確認するのは良いことだとおもう
ブレークポイントを設定して、そこでの『状態』を詳細に確認できるツールがあるなら
その方がベター 自分はプロの制作者だけど、
ドットインストール試しに昔やった事あるけどあれは何も身につかんって思った。
なんだ簡単じゃないかって感違いして、やった気になるだけ。
まあいきなり難しい本読んで挫折するよりマシだけど、
プログラムや制作って簡単なんだなって思われそうで腹立った。 ネットで学ぶ系のやつって身につかんね
何回やってもすぐ忘れちゃう
自分が歳だから…？ 需要に答えてるだけかもしれんな
学習塾じゃないから
本気でやらせる義理なんてないし >>706
ドットインストールは補助輪付き自転車みたいな感じ
補助輪付きで自転車こげる気になってるけど、いざ補助輪外したら全くのれんみたいな 乗れる人は乗れてしまうから
「乗れないのは受講者が悪い」と >>710
受講内容がその人にあってないんでしょ？
だからさっさと別の方法に変更すべき
乗れない方法をいつまでやっていても乗れないに決まってる。
一方乗れる人は乗れてしまうから受講内容が悪いわけじゃない。 乗り手の補助輪への依存度が強いと、次のステップでつまずく まず自分でやって
間違う、うまくいかない、わからない個所に出会って
その原因を習い
自分の手で直して身につける
主だった先進国で育てば
そういう学習の仕方の訓練を受けて育ってるので
いきなり上手くやる例を見せられても身につかんのはしゃーないわね いやあれは依存する流れだよ。
たいして身についても無いのに、コンプリートして
次のステップに進むのに普通初心者は疑問なんて抱かない。
勝手に運んできてくれるコース料理を消化していってるのと同じ状態。 ドットインストールのイメージ
色を指定しましょう
例 font-color: red;
↓
これを参考に青を指定しましょう。
青はblueです
font-color:？
↓
合格です！！
さあ、次のステップへいきましょう。
こんなんで何が身につくねんｗ ウチの市の中央図書館に html / css の本がワンサカある
ノーパソ持ち込める図書館で蔵書をネタに「乗ってみる」のも良いかもね
>>715
スカ色とか湘南色とか阪急のマルーンとか鉄分の多いページとか
関係ないけど、今日初めてマルーンのランドセル見たわ ついでに言うとJavascriptの本もjQueryの本も多く、
誰が借りるのか知らんけどRuby / Pythonの本まである
人口30万人に満たないし市内にはFランではない私立大学くらいの郊外の立地なのだがなあ
そんな訳で『公共の図書館で意外な資料があるかも』という >>717
図書館はたまに蔵書の寄付があるんで
偏ったジャンルが充実してしまうことがある 本当の意味で身につくのはやっぱ現場だよ
自分に対応できるかわからない技術的な不安と、
絶対厳守の納期に追われ、本番公開して油断してだら
急に他人からの指摘で不具合に気づき、変な油汗タラタラかきながら
目を見開いてコードを追い、不具合の原因を1秒でも早く見つけるのを迫られるあの感じ。 できなきゃ困るって状況は学習を加速させるね
趣味でやってる人も
意図的にそういう状況作ってみればいいんだよ
明日の朝までにちゃんと動くもの作れなかったら
爪一枚剥がすとか ここのいる人達ってホームページ書くときってwebに転がってるテンプレとか使ってるの？ やりたいことを検索します
「うーんちょっと違うんだよなー」と呟きながら1日が終わります
それの繰り返しです >>722
おっちゃんは仕事でやってるので使ってないです >>718
そういう事情があるんですね
ありがとうございます >>722
使ってない
いらないもの削除するの大変だもん 大都市の中央図書館では、Ruby の本は見ない。
大人気で、常に誰かが借りているから！
JavaScript(JS)は、VSCode, Node.js があれば、色々いじくって遊べるけど、文法が難しい。
progate みたいに文法から学ぶと、全く面白くないし、何もできない
文法じゃなくて、プログラミング技術を学ぶのは、Ruby が最適！
プログラミングと言うのは、文法じゃないよ！
プログラム板の「プログラミングのお題スレ」のソースコードを見ても、断トツでわかりやすい！
ビジネスロジックが、ソースコードにそのまま表れる。
やってる事がすぐにわかる
だから、Rubyで鍛えてから、JSを学ぶのがよい！ HTMLとCSSなんて辞典一冊あればことたりるのに
なにができないのかわからん 正しい構造のマークアップになってくると
また違ってくるが 同じ図書館で vue.js の本もあったが「古いからイラネ」かも知れず… js/cssはほんと古い本はダメだな
エンボス加工の立体ボタンとか出てきて、ペコッってなってチカチカ点滅とかいつの時代のＨＰかと 長文＆グダグダになっちゃった…
要点：
ベースが html / css なので、その分 javascript はラク。ただ、不思議な仕様もあり、変遷もあり、難しい面もある
変数 / 式 / 演算子 / 条件分岐 / ループ処理 / 配列（コレクション・ハッシュ） / 関数（メソッド）
あたりの学習コストは、モダンなスクリプト言語なら大きな差はないかも（jsは変数と関数が面倒かも）
>>727
javascript は Windows のメモ帳 (ansi) で充分色々できる
動作確認は、エクスプローラ上でダブルクリックしてブラウザ起動させればok
この場合、特別なものとかインストール作業とかは一切要らないし、ベースは html / css
専ら練習用でブラウザ上で簡単に確認したければ document.write で良いといえる
strongly discouraged とか言われてるけど、専ら練習用なら困る人は居ないから document.write で良いといえるのですね
その辺の簡単さの代償というか、自由すぎるというか…自由さゆえに「文法が難しい」となるのか…？
「動くことは動くけど正しいとは言えない」的なものが色々あり、誤解されそうなものもあり、歴史的変遷ふくめ要因いろいろあり、かも
（var / let / const とか「巻き上げ」とか、const の意味合いが他の言語と違うとか、関数の書き方とか関数式とか）
なお web 上の情報はカオス
入門書は2015年以降のもので書評よさげなものを、かな
ECMAScript2015対応とかES6対応とか明示されてればok
web系入門サイトの評価付けを確認する方法は分からん…
もちろん、エディタは補完機能あるモノの方がラク
実践かんがえれば console.log 私も勉強中なので
穴やら誤りやら入ってる可能性があろうかと
ボッコボコにしてokです すみけんたろう著スタイルシートWebデザインは今読んでも名著 <a>の間にブロック要素を入れるのってタブーですか？ >>735
今はルール的には大丈夫になった。
前はルール的にもダメだったしなんといってもIEでリンク範囲の挙動がおかしくなる。
今もたぶんIEは変わって無さそうだから自分は今でもやらない。
必要な場合はインライン要素でやるかjs使う。
レガシーブラウザ相手にしなくていいなら気にしなくてOK。 >>737
> 前はルール的にもダメだったしなんといってもIEでリンク範囲の挙動がおかしくなる。
俺の記憶だと、IEの挙動に合わせたんだったはずだが？
IEは昔から<a>の中にブロック（というかa以外なんでも）入れられた >>739
それIEのいつからの話？
自分は8か9で実際に、実務でコードを検証していた中で
複数人のソースにおいて何度か起こった為、ルール化した事象だから間違いはないよ。 >>740
手元にはIE11のエミュレーションモードしか無いけど
IE5からその挙動だな Microsoftもandroidも標準ブラウザみたいの乗せるのやめてほしい。
Chromeだけでいいけど、もうChromeとFireFoxだけにしてほしいよね >>737
いつ頃だろう
IE5の頃はもう普通にやってた思い出 >>744
そう言うことすると
ファーウェイみたいになるリスクがあるんじゃね？ >>746
あー、なるほど。
でも、ファーウェイと違って、Microsoftが「グーグルのサービスを完全に使用不可にします！」
とかなって、「じゃあ、Googleはデスクトップ用の独自OS作ります」ってなったら、ファーウェイとは全く違うことになりそうだけどね。
ファーウェイのOSとか、絶対怖くて無理だわ HTML4では
タンスの中に洋服を入れられるが、
洋服の中にタンスは入れられないというルールだった。 >>748
ルールじゃなくて実装の問題
HTML5の仕様は特殊で、
仕様を作ってからブラウザが実装するのではなく
ブラウザの実装を元に、それを仕様にしている
互換性のためにそうした。
だから最近できた仕様は違うかもしれないが、
初期の仕様は、古いブラウザ（殆どの場合古いIEを意味する）の
動きがそのまま仕様になってる
例えば、<!DOCTYPE html>もIE6？がこれに対応していたから
これを正式な仕様にした。 >>750
実際に挙動がおかしかったからわざわざjs使って対処したし
当時はボックス全体をリンク範囲にする方法の記事がネットにもたくさんあった。
つまりそれだけ、当時はできなくて困ってた人が多かったって認識だけどねぇ。
まあ自分も今は検証できる環境ないのでこれ以上は水掛け論にしかならんと思う >>750
> HTML5の仕様は特殊で、
> 仕様を作ってからブラウザが実装するのではなく
> ブラウザの実装を元に、それを仕様にしている
> 互換性のためにそうした。
そういうの特殊だよね
C99 策定のときも色々揉めて妥協の産物のなった項目が一杯あったとか何とか
ってスレチか >>751
検証できる環境…
Windows 98SE なら core2 世代 / g31で動くので
テストコードを走らせるくらいなら… a {position: absolute;
cursor: pointer;
transition-duration: 0.5s;
margin-top: 300px; margin-left: 400px;}
a img:hover
{transform: rotate(360deg);
transition-duration: 0.5s;}
こういう風にするとページにアクセスしたときに指定された画像が
初期位置からmarginで指定された位置にふわ～っと移動する描画がされてしまうんですが何故でしょうか？ >>751
> 当時はボックス全体をリンク範囲にする方法の記事がネットにもたくさんあった。
それは関係ないでしょ。当時はaの中にdivを入れたらHTML4の仕様上だめだったから
（IEで動く方法を使わずに）ボックス全体をリンク範囲にする方法の話でしょ。 質問する前に許可が必要って聞いたんですけど、
質問いいですか？ 今日は日曜日ですので、選りすぐりの回答者達は皆、お休みでございます。
何卒、ご理解の程よろしくお願い致します。 {}をブレースとも言うと聞きました。
でも、ブレイスとも聞きました。
どっちですか？
descriptionはデスクリプションですか？ディスクリプションですか？
definitionはデフィ二ションですか？ディフィニションですか？
collaspeはコラスプ⤴︎ですか？ コ⤴︎ラスプですか？ >>766
英単語をカタカナにするのにどっちが正解も不正解もないだろ
ネイティブスピーカーからしたら全部不正解だし >>748
そんなこと言ったら
今もHTML5じゃないんじゃね？
少なくともChromeとFirefoxとSafariは
あんな糞フォーク見るんじゃねえって言ってるくらいだし その昔、魔物が住むと言われる川を、反対の岸まで泳ぎ切ったものが、その川を含む土地を領地にできるとされていた。
しかし、その川を渡ろうとするものを魔物は容赦なく襲った。
橋をかける技術が発達し、その川に入るものがいなくなるまで、この戦いは続き、溺魔戦として語り継がれてきた >>766
スペルを覚えやすい発音で覚えるといいよ。
colorはコロル。tableは食べる。 CSS をロクに理解してないアンポンタンからの質問ッス
script の部分は無視して、入力部分としての「テキスト入力部分とボタン部分」、出力部分としてのtextareaについて確認していただけないでしょうか。
https://jsbin.com/xirucuz/edit?html の方では、いにしえの html で書いてあります
んで、https://jsbin.com/seyidad/edit?html,output の方は、入力部分と出力部分を別々の p 要素で書いてみてあります。
html / css 側を扱う方々としては、どちらの方が好ましいでしょうか
「お前、いい加減に css をしっかり勉強しろ！」と言われかねない所ですが…重要なプロパティ名だけでも御教示ねがえませんでしょうか >>776
君、才能あるよ。
ちょっとやそっとじゃ笑わないこの俺様がクスっとしたんだから間違いない。 >>776は笑いの押し売り感やエゴが一切ないなんというセンスだ >>783 です
手元の資料でどうにかなりました
お手数をおかけしました 最近、webの勉強を始めたのだけど、そこで「もっとコメントを書く様に」と言われました。
それで、なるべく英語に慣れようと思いまして、
/＊ ここからmain ＊/
/＊ ここまでmain ＊/
ではなくて、この「ここから～ここまで」を英語で書きたいのですが、皆さんは何て書いてますか？
to ですか？ farですか？ untilですか？
↓と↑も考えたのですが、環境によって文字化けするのも…と思いまして。
良い書き方があったら教えて下さい。
お願いします。 犬に「これは犬です」とラベルを貼るようなことはやめろ。
見りゃ分かる。 レスポンシブデザインのリキッドレアウトって適当にmax-widthとwidthを酷死すれば作れるよね？ >>791
それは、あなたが犬を犬と理解しているからですよね(怒)
犬を知らない人はどうでもいいんですか(激怒) >>793
じゃあコメント分からない人のために「これはコメントです」とでも書いとけやマヌケ（嘲） /＊ to main ＊/
内容
/＊ from main ＊/
っていうのが、妥当ですか？
講師の方が「コメントは書いてなかったら減点にします」と言ってたのですよね。
確かに分かる人にはいいのですが、自分も整理のためにもコメントを書く様にしようかと思ってまして、それで質問してみました。
使える様になってきたらワードプレスの配布レイアウトとかも作りたいので、やっぱり英語なのかな…とか。
なるべく英語から逃げない様にしなくては！と思いまして 講師の意見なんてサンプル数1の意見でしかないんだし、好きにすればいいんじゃね？
この世界では、コナンくんみたいに「真実はいつも一つ」って感覚だとやっていけないぜ？
by 初心者 ダメだこのスレ…
初心者しかいない…
老老介護ならぬ初初回答だ… 普通はこう。
別に閉じなる必要ない
/*-------------------
header
-------------------*/
内容
/*-------------------
footer
-------------------*/
内容 /*これはコメントです*/
/*これはヘッダーです*/
#header{width:100%}
/*ヘッダーここまでです*/
/*自演ここまで*/ >>796
その辺は試行錯誤したり
共同作業者との取り決めて欲しいんだけど
誰もが一度は通るのは
「過ぎたるは及ばざるが如し」だ あとコメント読むのは
自分じゃないかもしれない
日本人じゃないかもしれない
人間ですらないかもしれない
というのを常に念頭に チームメイトと情報共有できればええだけやん笑
これはコメントです。 お前さんたち
jsdocは使わんの？
もうコメントはあれが標準記法かと思ってたわ コメント（返信的な意味で）ありがとうございます！
なるほどです！
>>804さんの言う通りですね！
そうなると、おのずと>>801さんが最も分かりやすいですね。
英語なら間違いないと思ったのですが、ただの「世界標準語とされてるもの」なだけで、必ず伝わるわけではないですしね。
>>801さんの書き方なら見落とす事も無さそうですし、それでやってみます！
あとは実務になった時の取り決めとかによるわけですもんね。
ありがとうございます！
それと、溺魔戦もありがとうございます！ >>801
これやだー
俺もjsDoc式がいいと思うー JSCならCtrl＋/で勝手にコメントにしてくれるし jsdocってjavadocパクっただけの筋悪やんけ。
無駄に広まりよって。
さっさと滅びろ！ ページ内のフォントを一括で○%に拡大または縮小することは可能ですか？
body{font-size:300% !important;}
とやっても、子要素のfont-sizeが優先されてうまくいかないようです
初歩的な質問に思えるのですがなぜかぐぐってもわからず… 訂正
○%に拡大または縮小
↓
○%拡大または縮小
各要素の相対的な比率は保ったままの拡大縮小です
そんなことはできないのかな？ https://developer.mozilla.org/ja/docs/Web/CSS/font-size
font-sizeは基本的に親要素の値から定まるため、親要素(ここではbody)の側で!impotantを指定しても意味はない
emや%で指定しているなら相対的に定まるはず
html/cssを見ないとわからんが、どっかに相対的ではない指定(例えばpx)があるんだろう >>819
その通りで子要素ではpxで指定されている、ということは親からは何もできないって事ですかね
できないからぐぐっても出ないのか…
ありがとう >>817
その指定だと子要素のフォントサイズを300％にするだけ。
html {font-size:1em}
p {font-size:300%}
が正解 >>822
つまり子要素全てに指定しないといけないって事だよね、一括ではできない
css思ったより不便だった >>823
ページ上のすべてのフォントサイズを指定することは可能。
でもパーセントで指定した場合は子要素に準じてしまうから無理。
想像だけど、リセットCSSでh1～p、smallまで全部同じに統一してて、
ひとつずつ指定し直すってならCSSは不便。
うちでは数年前からノーマライズCSSに統一してる。 floatとflexの使い分けって、どんな風に考えればいいですか？
今時は基本はflexなのでしょうか？ フローディングには使うだろ。
あるべきところに戻ったのだ。 ボックスの最終行の余りを左寄せにしたい時はfloat >>825
flex便利だよな。
もうそろそろ全ブラウザ対応してるだろうからいいんじゃね？ >>828
flexボックスからちょっとはみ出るようにして
flex-wrap: nowrap
でよくね？ テーブルはオワコン！とかいってるバカと一緒
使うべきところには使う、それだけ。 >>831
floatじゃないとできないことって何？ 画像文字
文字文字
みたいに回り込ませるのはfloatなのかな >>832
そんなこともわからなくてマウントとろうとしてんの？ ちょっと、まだグリッド？というのは習ってないので何とも言えないのですが、
float:left;
と
justify-content:flex-start;
（またはself）
とは違うのですかね？
floatはどこかのタイミングでclearしないといけませんが、
flexはdisplayをそのセレクター内に書けばいいというのは、少し便利なのかな…とか思いつつ、
でも明確に動作が違うのかな…とか、謎なのです >>839
floatはclear:both入れを入れても
widthがオーバーしてレイアウトが崩れることがある。
でもflexは自動計算して比率を保ってくれる。
これだけで大きな進展。 %とbox-sizing:border-box;使えばそうそう崩れんですよ float の役割は図表などに対するテキスト回り込みの制御であり、要素を横に並べるために使うもんじゃない
昔はまともな方法がなかったからワークアラウンドとして使われてただけで、今となってはバッドプラクティス >>842
でもときどきOperaが崩れる。
％で指定して2%ぐらい余裕を持たせればいいんだけど、原因不明。 「回り込みの制御」ってことは、
［画像A］［文字B］
［文字C］［文字D］
という場合には、横並びにするには、C,Dにfloatが効く様にかけるけど、正しくはAを<p>とかで囲って、Bだけにfloatするみたいな
それこそが、floatってことなのですか？
レイアウトを崩さないためのfloat
レイアウトを作るためのflexというか… <p><img>texttexttext</p>
imageはインライン要素だぞ 新聞や本で、写真や図表とテキストが
┏━━┓テキストテキス
┃写真┃トテキストテキ
┃図表┃ストテキストテ
┗━━┛キストテキスト
テキストテキストテキス
こんな風になってるの見たことありませんか？
こういうレイアウトを実現するためのスタイルがfloatです
https://developer.mozilla.org/ja/docs/Web/CSS/float
「css float」でググると「横に並べるため」と解説してるとこ結構ありますが
「横に並べるため」としか説明してないところはゴミです
参考にするのはやめましょう >>844
原因不明なのにfloat起因にするのは可哀想
bodyのpaddingリセットしてないとか、他の原因なんじゃないの？ >>849
いまリキッドレアウトなページを制作中だけど、ウィンドウ幅を狭めるとこんな感じで文字がはみ出すから悩んでる
flexで横並びさせて、なんかのタグ使って通常ははみ出ないんだけどなあ… >>839
>floatはどこかのタイミングでclearしないといけませんが、
そんなことないよ
子要素がfloatになると、clearされるまで
親要素が自動で高さを計算できなくなるだけであって
その必要がなければ、放っといても別に構わん 質問です。
スマホの画面でもホームページが崩れないように表示させるにはどのような方法がありますか？
PC画面はリキッドレアウトで作っていて、ウィンドウ幅に合わせて中身も何とか可変してくれるんですが、検証でスマホ画面表示にすると画面の右側が半分以上空白で、ホームページが左端に押しつぶされたように表示されます。 FirefoxでもChromeでも開発ツールでカーソルの↑↓で、サイズ等プロパティの値の変更ができると聞いたのだが、
どうやってもわからない。何処か押すとか選択しながらやるんですか？ >>856
Firefoxは知らんが
Chromeなら数値っぽいものは上下押したら変わっちゃうだろ
イラッとするほどに >>844
昔は自分もメインで使ってたけどね
でも今、operaのユーザーなんて一人も来ていないから確認すらしなくなった。
モバイルでさえも。 なんかこのスレ定期的にfloat否定する奴が沸くけど
float苦手な奴がネガキャンしてるとしか思えんな。
誰かも書いてたけど、便利な所で普通に使い分ければいいだけで
flexに固執しているのに違和感覚えるわ。
たしかにcssはfloatが一番の難所だったからな。
flashみたいに逃げたい奴も多いんだろうな。 >>861
ソースもないのにどうやって原因を特定すりゃいいの？
電話で医者に、具合悪いんですけどどうしたら治りますか？って聞いて回答もらってそれで治るの？ >>861
学校の2段目の引き出しが閉まらないんだけど、
どうしたら締まるか教えてくれん？ >>861
こんなんめっちゃあるあるじゃん
真ん中に寄せたい要素の親要素の幅がズレてんだよ
あと要素の左右の空きとか そんなことより文字をボックスの幅に合わせて縮小・拡大させたいんだが
なんか知らんがwidth100%にしてpaddingX%にしてボックス幅に合わせてpaddingが釣られて動くようにせなあかんの？ >>869
そんなことより理解できないものに、すぐ結論を求める癖を何とかしよう >>866
ありがとうございます。親要素大きくはは同じです。3つ目のが右には寄せてますが2つ目が左を空けてその分を3つ目の右で調整してますしかし4つ目のが3つ目の横にきますがそれが影響してますか？なんとかしていただけませんか？ >>866
あと友人のだともっと右になりますし、下のは左のが右に寄ってますがなんとかなりませんか？ サンプルコードを書いて適当なサイトに up すれば
誰か添削してくれるかもしんない >>854
どっか上の方に書いたwidthとマージンが継承されてしまってる予感 >>872
●のがセンターになってないんじゃ？
marginかpaddingがついてるかletter-speceing設定されてるか >>872
まずは各ボックスに色を塗るのだ
background: rgba(255,0,0,0.1);
とか
透過色で
そうすっと、誰がズレの元凶なのかわかりやすい
それでもわからなかったら、開発ツールを開いてelementタブで要素をさわれ
該当するボックスの大きさが数値でわかるから
んで、親要素の大きさは同じってのが
思い込みだったことを思い知るのだ HTMLの要素に穴を開けることって出来ない？
つまり、ある要素の上に、別の要素を重ねるんだけど、
その一部、もしくは全部を、クリックしたら
下の要素がクリックされたかのように反応させたい clip-pathでできた。
これで見えない要素が上に乗っていて
クリックしたら広告表示されるようなものを
無効化することができるね text-align:center
ってかくのは古いの？ >>882
タグの機能じゃなくて意味を理解しないやつが好んで使うイメージ imgのheightをautoにしたのに親要素からはみ出す
なんでです？ >>885
img {width:100%}
を忘れているから。
または
img {border-sizing:border-box}
を忘れているから。 >>883
流石にもうこのセンタリングは見ないだろ >>885
間違えた。
img {width:100%}
を消し忘れてるから。 >>882
HUNTER×HUNTER
みたいでワイは好きやな
あと冨樫仕事しろ PCでなくスマホばっかりいじくってる若者に聞きたいんだが、
文字打っててカーソルを移動したい時ってどうしてんの？
あいうえお
「お」の横にカーソルがあって、「う」の前にカーソルもっていくとき
なかなかそこにいかなくてイライラすんだけど俺だけ？ PCでも一緒だがバックスペースで消して
入力しなおせばいいだろ？ >>891
すまんiphoneだ
>>892
PCで30文字とか打ったあとに消す？
普通カーソルもってくだけじゃね？
打ち直しは手間すぎないか でももうダウンロードも出来ないし、良いキーボードがあれば自分も乗り換えたい >>890
え、おじさんボタン長押しでカーソル移動できるの知らないの？ >>887
今やってるリニューアル案件で使われてたよセンター
そこのコードは今回手をつけないところなので
今後も続くはず あー
今専門で教えてる子の中に
キーバインドうまく使えない奴が一定数いるのも
もしかしてスマホの影響なのか…！？ ウィンドウサイズに合わせて文字が縮小するようにしたいんだけど、おすすめの方法ありますか？ >>899
あ全面的にではなく一部ね
CMSの記事データとしてHTML書かれちゃってるところがあって
まあでも
大して影響ないんじゃない？
今のグーグル先生は無視しそう <center>はさ、使うか使わないかは個人レベルなら自由だろうけど、俺は<blink>や<scroll>がもう動かないのを見て悲しかった。
Bracketsとかで予測入力には出てくるけど、もう効果は無いんだね。
おっちゃん、悲しいよ JPGをwebpに変換し手アップしたらサファリ未対応でびびった 画像が消えた謎のページに
これじゃWebp使い途ないじゃん キーバインドｗｗｗ
おそらくブラインドタッチと間違えたと予想ｗｗｗｗｗ >>904
そんなご時世、意外なことにマーキーはまだ動くぞｗ >>906
すまんうまく伝わらなかったか
そうではなく
アプリケーションを扱う時に何かのキーを押して機能を切り替えるやーつよ
キーボードショートカットと言えばよかったか
たとえばPhotoshopで「]」がブラシ太くしたり
vimで「ZZ」が保存だったり
そういうの >>908
あーはいはいでもそれ古今覚えたか覚えてないかであって若い若くないスマホ使ってる使ってない関係なくない？
大きい企業のちゃんとした社員だった頃（今そうだとは言ってない）PCでバリバリ資料作って成果もあげてる営業系の人、マウスカチカチおじさんだったよ。 すみません
SEO対策のスレが荒れてたのでこちらで教えてください。
会社名やキャッチコピー 文字を画像にした場合
代替えテキストで きちんと説明を入れても やはり Google の評価が落ちますか？
また HTML 5でないと評価順は落ちますか？
よろしくお願いします あとHTML5は死にました
HTML LSを信じてください このスレは超エリート達が揃ってるからな
その辺のスレと一緒にされちゃ困る(威圧) >>915
なんなら画像でもグーグルのAIが読めるものなら
altの有無すら関係ないんじゃないか？ >>896
ボタン長押しってどのボタン？？
それiPhone？ >>905
こないだハックでchrome限定して使ったわ。
まあそんなの実用的じゃないからダメだけど >>924
自己解決
「空白」ボタン長押しか。こんなのあったんだな。
しかしボタン長押しとか言われてどのボタンかわかるかよｗ >>926
いや、どのボタンでも可能だから
「ボタン」と言ったんだが。
ま、ぼくは令和生まれだからエスパーできるけど、エスパーできない旧世代のおじさん達可愛そう～
チョベリバって感じ ていうかこのスレにいるならスマートフォンの一つくらいもっとけよ https://i.imgur.com/23FmdN6.jpg
こういう広告ってどうやってつくるの？
指で触ると三角柱がくるくる回って情報が表示される >>927
自分、旧世代じゃないっす
マブいアムラーの彼女とたまごっちしてますから。
アウトオブ眼中っすね >>929
現物見てないから断言はできんが
ぱっと見はCSSでなんとかなるな 冬になると換気扇から冷気が入ってきて寒いんですが、
CSSでなんとかなりますよね？ ごめん間違えた
はい
ボックスをいくつか用意して
何万ピクセルもの大きさにして
linear-gradientでできるだけ多くの色使ったグラデーションで縞々にする
んでそれをanimationとtransform3dでグルングルン回す
これをしょぼ目のPCで表示すると
ファンがぶんぶん回って温風出るからそれで凌げる footerってデフォルトでセンタリングされるの？
何も位置設定してないのにfooter全体もfooter内の要素もセンタリングされた、何これ怖い >>939
PCをファンヒーター化してるんじゃない？ それCSSでやる必要なくね？
円周率を計算させてりゃよくね？ ベンダープレフィックスが今時必要な場面がある？
しかも最新ブラウザで。
linear-gradient にはmozだけはつけないとFirefoxで動作してくれない。 質問したくて並んでるのに、くだらない話してうだうだしてたからだろ 質問まだかよ。いいですか？って前置きなんていらん。 メルカリでも買ってもいいですか？って聞く風習あるしな >>954
いきなり質問するのはナウじゃない感じで、
チョベリバって感じだべ？ viewportの設定、ｊｓのnavigator.userAgent.indexOf～にしてるんやけど、
これってchromの検証で見たとき表示おかしくなったりする？
body全体が画面に収まらなくて、
でも時間おいてリロードすると直ったり崩れたままやったり意味わからんことになってるんやけど・・・ >>961
NCNRは禁止ですよ！
運営に通報しました！ 渋谷で今CSS使ってたらモテるって聞いたんスけどぉ
俺もそれ使ってギャルゲットできるん？ まあね、cssはちょースペシャルな下ネタの略だからねチョベリグだよ <header>にflex boxでナビゲーション作っていて、
その下に<div class="container">で背景白を白で<img>を置いてるんだけど、
この<img>がナビゲーションの上に被って乗っかってきてしまうのだけど、なんでだろうか？
それで、<img>にmarginとかで強制的に下げると、背景色とナビゲーションの間に空白が空いててbodyの背景色が10pxくらい見えてしまうんだよね。
floatとかで浮かしてるわけではないのだけど、flexboxってfloatのclearみたいのないよね？ >>969
chrome等の検証ツールで確認してる？
もし使って無いなら、使ってみたら原因が分かるかも >>974
ありがとうございます！
検証ツールで、もう少し眺めてみます。
w3cのチェックでエラーを期待したのですが、htmlとcss共にエラーが出ないので、何かどこかの値が悪さをしてるのかもです。 画像の中央に文字を表示させているんですが、ウィンドウの幅に合わせて縮小させるにはどうすればよいですか？
ちなみに画像はwidth: 100%で可変してくれます サイズ指定は原則VWと会社で指定されているが、わりと無視してるｗ スマホ側の対応のせいでvhがイマイチ使えないんだよなあ
vwはすごく便利なんだが なんで日本だけ「ふぉるくす」ワーゲンて言うんだろな
AMGやBMWも変な読み方するし へぇｗ日本以外が何ワーゲンて言ってるのか是非とも御教示いただきたいねｗｗｗ vwで文字が可変してくれるようになったのですが、ウィンドウが大きくなると、文字が拡大しずきて困っています。
vwに対してこれ以上は大きくなるな(怒)みたいな指定は可能ですか？ >>992
横幅640pxぐらいでemかremに切り替えるしかないんじゃね？ 【速報】クオカード五百円分とすかいらーく優待券をすぐ貰える
https://pbs.twimg.com/media/D8H92suVUAIa7Qo.jpg
① スマホでたいむばんくを入手
② 会員登録を済ませる
③ マイページへ移動する。
④ 招待コード→招待コードを入力する [Rirz Tu]（スペース抜き）
今なら更に4日18時までの登録で2倍の600円の紹介金を入手
クオカードとすかいらーく優待券を両方ゲットできます
数分の作業で終えられるのでお試し下さい >>991
日本以外は「ゔぉるくすわーげん」
AMGは「えーえむじー」
BMWは「びーえむだぼるゅ」
ドイツ本国でもそう >>996
残念ドイツでは地域によってフかヴか違う。
所詮にわかの君が信奉してるのは英語発音。 このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 51日 18時間 4分 41秒 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php レス数が1000を超えています。これ以上書き込みはできません。
