2ch勢いランキング アーカイブ

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


Name_Not_Found [] 2019/04/13(土) 08:51:51.65:CSN3Uskn
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 37
ttps://mevius.5ch.net/test/read.cgi/hp/1551629579/">ttps://mevius.5ch.net/test/read.cgi/hp/1551629579/

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

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

■CSS
Selectors Level 4 日本語訳
ttp://https://triple-underscore.github.io/selectors4-ja.html
Name_Not_Found [sage] 2019/04/13(土) 09:31:27.53ID:???
Name_Not_Found [sage] 2019/04/13(土) 09:45:34.93ID:???
質問いい?
Name_Not_Found [sage] 2019/04/13(土) 11:54:20.43ID:???
今日は休みなのでダメです。
月曜にまた来てください。
Name_Not_Found [] 2019/04/13(土) 12:55:23.05:CSN3Uskn

月曜は休み明けでみんな忙しいから火曜からにすべき。
Name_Not_Found [sage] 2019/04/13(土) 14:49:29.88ID:???
火曜日からでお願いします。
Name_Not_Found [sage] 2019/04/13(土) 15:02:32.82ID:???
いや、でも火曜は美容室が休みだから
水曜からでいい気がするんだ
Name_Not_Found [sage] 2019/04/13(土) 16:58:44.44ID:???
水曜日は週の真ん中だから休みだろ
という事で木曜日にまた来てください
Name_Not_Found [sage] 2019/04/13(土) 17:05:33.42ID:???
来週、もう一度来て下さい
本物の質問をしてみせますよ!
Name_Not_Found [sage] 2019/04/13(土) 20:25:34.30ID:???
来週から本気出す
Name_Not_Found [sage] 2019/04/14(日) 02:07:20.52ID:???
なんでやねん
ttps://i.imgur.com/8Ev39Ym.jpg
Name_Not_Found [sage] 2019/04/14(日) 02:15:15.16ID:???
vertical-align:top ;使ったら解決しました。
休日中に申し分けございませんでした。今後は気をつけます。
Name_Not_Found [sage] 2019/04/14(日) 03:17:15.46ID:???
てこづらせやがってこのよろう
Name_Not_Found [sage] 2019/04/14(日) 08:57:44.39ID:???
考えさすな
疲れてんだ
静かにしろ
Name_Not_Found [sage] 2019/04/14(日) 09:15:33.89ID:???
先生は先週の
レンコンに穴あける作業で今お疲れなんだぞ
静かにせんか
Name_Not_Found [sage] 2019/04/14(日) 09:50:25.46ID:???
レンコンの穴だけ取り出すにはどうしたらいいでしょうか?本当に困っています。よろしくお願いします!
Name_Not_Found [sage] 2019/04/14(日) 12:09:14.42ID:???
if (Renkon->has_holl) {
return Renkon->holl;
}
Name_Not_Found [sage] 2019/04/14(日) 12:51:04.17ID:???

そんな事したらレンコンに穴が空くぞ
Name_Not_Found [sage] 2019/04/14(日) 12:55:09.72ID:???
(シー!みんな昼寝中なので、静かに!)
Name_Not_Found [] 2019/04/14(日) 13:06:24.93:0ZCaBURU
        ゴガギーン
             ドッカン
         m    ドッカン
  =====) ))         ☆
      ∧_∧ | |         /          / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
     (   )| |_____    ∧_∧   <  おらっ!出てこい
     「 ⌒ ̄ |   |    ||   (´Д` )    \___________
     |   /  ̄   |    |/    「    \
     |   | |    |    ||    ||   /\\
     |    | |    |    |  へ//|  |  | |
     |    | |    ロ|ロ   |/,へ \|  |  | |
     | ∧ | |    |    |/  \  / ( )
     | | | |〈    |    |     | |
     / / / / |  /  |    〈|     | |
    / /  / / |    |    ||      | |
Name_Not_Found [sage] 2019/04/15(月) 08:53:37.99ID:???
朝だよ
起きて(*・ω・)ノ
Name_Not_Found [] 2019/04/15(月) 11:08:13.25:yuNBqfb+
くるぞ質問
前かがみで膝を少し曲げぎみにして
ちゃんと構えとけよ
Name_Not_Found [sage] 2019/04/15(月) 12:38:58.44ID:???
五感が研ぎ澄まされている
今ならどんな質問にも答えられるかもしれない
Name_Not_Found [sage] 2019/04/15(月) 13:47:58.84ID:???

ばっちこーい!
Name_Not_Found [sage] 2019/04/15(月) 22:11:58.24ID:???
ああ、くる、くるぞーーー
もう目の前まで来てるぞ
Name_Not_Found [sage] 2019/04/15(月) 22:12:21.00ID:???
┌──┐←このように見出しと内容で構成されているコンテンツが
│見出│  縦にいくつも並んでいるのですが、
├──┤  スクロールしても見出し部分だけは画面の上の方に残るようにして
│内容│  コンテンツ最後の部分をスクロールしきると見出しが消えて
│内容│  さらに次のコンテンツ以降も同様に繰り返していくようなやり方って
└──┘  何か方法はありますでしょうか。
Name_Not_Found [sage] 2019/04/15(月) 22:27:45.06ID:???
position: sticky
polyfillもいくつかあるからIE11でも安心
Name_Not_Found [sage] 2019/04/15(月) 22:51:46.21ID:???
アリアリ
アリアリアリアリアリアリ
アリアリアリアリアリアリアリ
アリアリアリアリアリアリアリ
アリアリアリ

アリーヴェデルチ! (さよならだ) 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)
Name_Not_Found [sage] 2019/04/15(月) 23:23:12.37ID:???

ありがとうございます!これはすごい!
Name_Not_Found [sage] 2019/04/16(火) 21:50:57.58ID:???
隣接しているdiv等の中の文字列をクリップボードに入れるのってJSですか?
Name_Not_Found [] 2019/04/16(火) 22:16:50.39:N1AWYm6F

そうだね。.execCommand()ってやつだね
Name_Not_Found [sage] 2019/04/16(火) 23:59:30.61ID:???

アリアリアリアリ
アリスとテレス
Name_Not_Found [] 2019/04/17(水) 07:09:36.63:INlr9XKu
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:AGzgMd6dttp://http://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:???アイオイクスの手法は個人的には嫌いだけど、
でもだからと言ってグーグルを盲目的に礼賛するのもおかしいと思う。

しょせんグーグルが勝手に決めたルールでしかないし、
そもそもスパムを見抜けないアルゴリズムに問題があるだけ。

そんで誰かがスパムをやろうとやるまいと、
結局いつも一人勝ちで儲かってるのはグーグル様だけ、というお寒い状況。
Name_Not_Found [sage] 2019/04/17(水) 08:10:21.44ID:???
> そんで誰かがスパムをやろうとやるまいと、
> 結局いつも一人勝ちで儲かってるのはグーグル様だけ、というお寒い状況。

いやだって、Googleは広告配信会社ですから
誰かがコンテンツを充実させるたびに、広告置き場が増えていく
Name_Not_Found [sage] 2019/04/17(水) 17:29:46.69ID:???
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というのは左マージンのようなものですか?
Name_Not_Found [sage] 2019/04/17(水) 19:04:15.48ID:???
ttp://https://developer.mozilla.org/ja/docs/Web/CSS/left

leftはpositionと一緒に使うもの
左に空間を空けたいだけなら、margin-leftやpadding-left
Name_Not_Found [sage] 2019/04/17(水) 19:46:31.10ID:???
ウィンドウの大きさが変わっても要素の大きさが最適化されるにはどうしたらいいですか?
Name_Not_Found [sage] 2019/04/17(水) 20:11:02.34ID:???
最適?犬にとっての最適は猫には寒すぎるんだけど。
Name_Not_Found [sage] 2019/04/17(水) 20:11:07.52ID:???

もしかしてpolyfill系のスクリプトはgridの中だと効かない感じでしょうか・・・?
Name_Not_Found [sage] 2019/04/17(水) 20:12:42.94ID:???

height:100%とか100vhとか?
calcで計算するとか

つまらん
Name_Not_Found [sage] 2019/04/17(水) 20:40:01.20ID:???
それのどこが最適化?全然最適になってないぞ。
Name_Not_Found [] 2019/04/17(水) 20:53:49.18:wSLoHwg1

あなたにとっての最適化って
要素がウインドウ幅にフィットする事?

それともイイ感じにデザインが自動的にされる事?
Name_Not_Found [sage] 2019/04/17(水) 20:59:57.71ID:???
最適化されるってのは
例えば4カラムだったら2カラムとかになって、フォントの大きさも一般的に見やすい大きさになって
余白も自動的に調整されて、画像もスマホ用に最適化された画像が自動生成されて
デザインはまあappleのサイト程度くらいのスタイリッシュなデザインに自動的になる感じに決まってんだろ?
あ?余裕だろ?早くしろや
Name_Not_Found [sage] 2019/04/17(水) 21:10:59.26ID:???

スレタイ読めない人すぎる
Name_Not_Found [sage] 2019/04/17(水) 21:11:55.91ID:???
IE11をこの世から消し去るにはどうしたらいいのですか?
Name_Not_Found [sage] 2019/04/17(水) 21:18:52.10ID:???
「優しく答える」とは、答えは適当でいい加減でいいということだったか。これは失礼w
Name_Not_Found [sage] 2019/04/17(水) 21:30:01.86ID:???
春だな
Name_Not_Found [sage] 2019/04/17(水) 21:37:13.66ID:???
理解の怪しいエセブログラマが投稿のタイトルに「初心者向け」って付ければいい加減なこと書いてもオッケーって思ってるのと一緒だなw
Name_Not_Found [sage] 2019/04/17(水) 21:53:47.48ID:???
春ですねぇ・・・
Name_Not_Found [sage] 2019/04/17(水) 21:55:38.97ID:???

width: 100%が効いてくれなくて困ってます。
Name_Not_Found [sage] 2019/04/17(水) 22:36:09.21ID:???
エセブログラマ「春ですね!春ですね!」
笑うw
Name_Not_Found [sage] 2019/04/17(水) 22:44:42.78ID:???

センスないなこの文章
Name_Not_Found [sage] 2019/04/17(水) 22:47:08.42ID:???
それに比べてお前の文章すげぇセンスあるな。
Name_Not_Found [sage] 2019/04/17(水) 22:47:45.92ID:???
potision:stickyとgridは相性悪かった・・・
54 [sage] 2019/04/17(水) 22:48:49.79ID:???
polyfillとgridだった
Name_Not_Found [sage] 2019/04/17(水) 22:53:32.85ID:???
クラス名って適当でいいよね?
なんかルールとかある?
Name_Not_Found [] 2019/04/17(水) 22:57:42.88:ge2UTN6h
position:absluteで設定して全画面の位置決めても
ウインドウを縮めてもそれに応じて画像も動くようにならんもんですかね?
Name_Not_Found [sage] 2019/04/17(水) 22:58:12.27ID:???
わたしは短くするために親要素のクラス名だけきちんと名付けて
その下は.tとか.gとかにしてあとで困るタイプです
Name_Not_Found [sage] 2019/04/17(水) 23:05:40.62ID:???

それはAIの進化を待たねばなるまい
Name_Not_Found [sage] 2019/04/18(木) 00:01:31.64ID:???

uaで弾く
Name_Not_Found [sage] 2019/04/18(木) 00:32:28.22ID:???
文字の色を変えるときってspanタグでHTMLに直接書き込むか、HTMLにclassつくってCSSに書き込むかどっちがいいですか?
Name_Not_Found [sage] 2019/04/18(木) 00:55:56.94ID:???
<p class="blue">とかでcssで設定する方が</p><p class="red">個人的には好き</p>

.blue{color:blue;}
.red{color:red;}
Name_Not_Found [sage] 2019/04/18(木) 00:57:48.27ID:???
display:inline;入れなきゃダメだからspanでいいか・・・
Name_Not_Found [sage] 2019/04/18(木) 00:59:01.25ID:???
ふと思ったけど
スティッキーって、、、なんか、、、

いやらしい
Name_Not_Found [sage] 2019/04/18(木) 01:00:41.77ID:???
ワイはジョジョしか思い浮かばん
Name_Not_Found [sage] 2019/04/18(木) 01:12:27.32ID:???
IE11ってcssでhtmlにuser-select:none;が入ってないと
その後のbodyやらdivやらにuser-select:none;を入れたとしても
ページ開いた後にCtrl+A押すと全選択出来ちゃう・・・
と思ったけどそれ以前にuser-select:none;が設定されてない要素から選択すると
そのままuser-select:none;が設定されてる要素まで選択出来ちゃう・・・
IE11ってなんなの
Name_Not_Found [sage] 2019/04/18(木) 01:52:53.60ID:???
分からなくてイライラがとまりません。
そんな時、みなさんはどうやってイライラを解消しますか?

イライラしてPCをブッ壊してブッ飛ばして大声で奇声をあげたい気分です。
Name_Not_Found [sage] 2019/04/18(木) 08:08:30.02ID:???
そりゃ5chで煽るに決まってんじゃん
Name_Not_Found [sage] 2019/04/18(木) 09:32:53.07ID:???

spanでくくっても直接はかかないもんだぞ
Name_Not_Found [sage] 2019/04/18(木) 10:12:11.37ID:???

w
Name_Not_Found [sage] 2019/04/18(木) 11:11:12.18ID:???
dtやdlといったタグの使い道??がイマイチ分からないのですが、h2やh3で見出しを書きpタグで囲う書き方が一般的だと解釈しています。
コーダーの方々はどのように使い分けているのでしょうか??
Name_Not_Found [sage] 2019/04/18(木) 11:54:54.95ID:???

HTML関係なく、自分の普段の生活で箇条書きってしない?
あれって、いっこいっこ段落として書いた文章でも良いわけだけど
じゃあなぜ箇条書きするのか


って考えてみればいいんだよ
Name_Not_Found [sage] 2019/04/18(木) 13:27:15.28ID:???

例としてはFAQとかのページが分かりやすいかな
Name_Not_Found [sage] 2019/04/18(木) 14:59:29.65ID:???
簡単な一覧表とかフォームとか、tableめんどくさいからdl,dt,ddで済ませる
Name_Not_Found [sage] 2019/04/18(木) 17:17:32.13ID:???
親要素のwidthやheightが変わっても、常に小要素が親要素の中心に位置するようにしたいのですが、position:relative ;とposition:absolute ;を使えば可能ですか?
Name_Not_Found [sage] 2019/04/18(木) 17:23:44.27ID:???
小要素にwidthとheightを付けて、margin:auto ;付けたら解決しました。

誰も回答しなかったので、お礼はいいません(怒)
Name_Not_Found [sage] 2019/04/18(木) 19:36:22.09ID:???
もっとスマートな方法があるけどあなたには教えません
Name_Not_Found [sage] 2019/04/18(木) 21:12:46.58ID:???

教えなさい(怒)
Name_Not_Found [sage] 2019/04/18(木) 21:20:09.48ID:???
最近、スマート○○ってネーミング流行ってるよな。

ちょっと俺も便乗しようと思ったんだがスマートデブってどうかな?
Name_Not_Found [sage] 2019/04/18(木) 21:52:50.02ID:???

いっしゅん
小栗旬に見えた
Name_Not_Found [sage] 2019/04/18(木) 21:55:24.72ID:???
教えてあげるよ
小要素じゃなくて子要素ね
Name_Not_Found [sage] 2019/04/18(木) 22:14:41.83ID:???
娘要素とも言うがな
Name_Not_Found [sage] 2019/04/18(木) 23:30:54.94ID:???
よーそろー
Name_Not_Found [sage] 2019/04/18(木) 23:57:12.58ID:???
妹要素マシマシ
Name_Not_Found [sage] 2019/04/19(金) 00:14:52.06ID:???
beforeSiblingは姉
next Siblingは妹
Name_Not_Found [sage] 2019/04/19(金) 12:08:41.79ID:???
フッターのコピーライトのとこに201X年って記入するのは暗黙のルール的な何かなのでしょうか?
Name_Not_Found [sage] 2019/04/19(金) 12:50:29.45ID:???

何の効力も無いのに思考停止して日本人の特性だよな
Name_Not_Found [sage] 2019/04/19(金) 14:19:12.48ID:???
コピーライトって、©︎名前 だけでいいんだっけ?
年が変わって書き換える?と聞いてもそのままでいいと言われたり
Name_Not_Found [sage] 2019/04/19(金) 14:26:22.70ID:???
ttp://https://www.apple.com
Copyright © 2019 Apple Inc. All rights reserved.
アップル日本の企業説
Name_Not_Found [sage] 2019/04/19(金) 14:26:56.36ID:???
カンマ入ってないから無効
Name_Not_Found [sage] 2019/04/19(金) 16:19:19.98ID:???
そもそも何の効力もないよ
Name_Not_Found [sage] 2019/04/19(金) 17:14:25.59ID:???
ttps://i.imgur.com/RHgHBCK.jpg
最近cookieの表示を出すの流行ってるの?
Name_Not_Found [sage] 2019/04/19(金) 18:00:14.25ID:???
だいたいEUのせい
Name_Not_Found [sage] 2019/04/19(金) 18:02:26.69ID:???
ふーん、そうなんだ(全く理解していない)
Name_Not_Found [sage] 2019/04/19(金) 18:30:11.77ID:???
EUのGDPR
Name_Not_Found [sage] 2019/04/19(金) 18:36:10.84ID:???
G グレート
D デブ
P プル
R リクエスト
Name_Not_Found [sage] 2019/04/19(金) 18:44:37.65ID:???
さすがグーグルえげつねぇwww

グーグルはクローム以外のブラウザーをいじめる悪癖があるみたい
ttp://https://www.gizmodo.jp/2019/04/googles-bad-habit-of-bullying-other-browsers.html
Name_Not_Found [sage] 2019/04/20(土) 00:14:32.04ID:???
でもほら
納品書とかって貰う方としては規格統一してほしいし・・・
Name_Not_Found [sage] 2019/04/20(土) 00:48:28.91ID:???
<nav class=″nav″>って表現は変ですか?

ナビ欄だからクラス名をナビってしてみたんですけど…
Name_Not_Found [sage] 2019/04/20(土) 01:35:48.77ID:???
置換とかする際に気を付ければ大丈夫じゃないかしら
Name_Not_Found [sage] 2019/04/20(土) 01:44:41.36ID:???

日本だけみたいに書くのいくないw

そんでなんの意味もなくない
不逞の輩にパクられてもめた時に
こちらはキチンと権利を主張してますからね
って意思表明になる
Name_Not_Found [sage] 2019/04/20(土) 03:27:06.73ID:???

あとあと修正とかする場合に
検索や置換で面倒になるから
nav-hogehogeとか区別つくようにしたほうがいい
Name_Not_Found [sage] 2019/04/20(土) 03:46:55.01ID:???

そうします。
Name_Not_Found [sage] 2019/04/20(土) 03:49:13.16ID:???
inline-blockの隙間できちゃう問題って、解決策色々あると思うんですがどの方法で解決するのが良いですか?


font-size: 0;じゃだめ?
Name_Not_Found [sage] 2019/04/20(土) 04:03:13.54ID:???
隙間出来るのが嫌ならinline-block使わずflexbox使え
今時になってもまだIE9以下サポートしなきゃいかんのなら、そんな仕事断れ
Name_Not_Found [] 2019/04/20(土) 09:16:59.71:Z5XqLDB4

日本では無方式主義を採用してるから記載の意味は無いんだよ
記載なんて無くても著作物を創作した時点で自動的に著作権が付与される
ttp://https://ferret-plus.com/6829

意味があるとしたら予防だけなんだが、そもそもこれあるからパクるのやめるとか
無いからパクるとかせんだろ
Name_Not_Found [sage] 2019/04/20(土) 09:20:32.29ID:???
結局未だにアメリカの真似してるだけだからコピーライトに年までいれちゃうんだよ
まあ国内はGAFA企業に占領されてるし仕方ない
Name_Not_Found [sage] 2019/04/20(土) 11:54:09.57ID:???
context.beginPath () ;
context.rect( 0, 0, 100, 100 ) ;
context.fillStyle = "red" ;
context.fill() ;
context.stroke() ;

この図形は100pxだと思いますが、canvasにwidthなどを指定すると表示がおかしくなります。
これはなぜですか?

ttps://i.imgur.com/eaaYKUX.jpg
これはcanvasにheightとwidth400pxを指定したものです
Name_Not_Found [] 2019/04/20(土) 12:32:34.26:rfBhOXAo

クラス名つけるの嫌い。
main section p:nth-child(3) {font-size:1.2rem} とかで指定して、
htmlを汚さないようにしている。
Name_Not_Found [sage] 2019/04/20(土) 12:57:43.04ID:???

要素セレクター使いまくるくそコーダーは消えてくれ
CSSのマッチング遅いし、引き継いだ時大変だろが
いちいち全部読んでる暇ないから、!importantまみれになる
Name_Not_Found [sage] 2019/04/20(土) 13:11:13.08ID:???
出自によって疎結合とかまるで気にしない人もいるんだなぁ
プログラマー出だとそんなメンテナンス性低いコード堪えられない
Name_Not_Found [sage] 2019/04/20(土) 13:29:25.77ID:???
> 108

描画領域のサイズは、HTML上ならwidth/height属性、スクリプト上ならHTMLCanvasElementのwidth/heightプロパティで指定する

CSSだけでサイズを指定しても、デフォルトサイズで描画されたものが拡縮されるだけ
Name_Not_Found [sage] 2019/04/20(土) 15:27:05.87ID:???
プログラム側でサイズ変更するんですね
ありがとぅございます
Name_Not_Found [sage] 2019/04/20(土) 15:40:01.70ID:???

さては、1度作ったら終わりのサイトしかやってないな
Name_Not_Found [sage] 2019/04/20(土) 16:02:43.12ID:???
MindBEMding で、CSS を構造化する

この本を読め!
一々考えなくても、名前をつけられる、やり方も書いてある

現場のプロが本気で教える HTML/CSSデザイン講義 (Design & IDEA)、ヤフー、2016
Name_Not_Found [sage] 2019/04/20(土) 17:23:51.23ID:???

3~4年前の本みたいですが、2019年現在でも読む価値ありますか?
Name_Not_Found [sage] 2019/04/20(土) 17:27:59.74ID:???
緑と紺色のブロック内のテキストをブロックの中心に寄せたいのですが、text-align: centre ;を使っても左右が均等になるだけで、上に寄ってしまいます。

padding-topを使うと下に寄せられるんですが、他に良い方法はありますか?

ttps://i.imgur.com/CJfzaRY.jpg
Name_Not_Found [sage] 2019/04/20(土) 17:36:52.51ID:???
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ずつずらして並べたいのです
Name_Not_Found [sage] 2019/04/20(土) 18:07:48.06ID:???
加算すればいいだけか ごめんなさい
Name_Not_Found [sage] 2019/04/20(土) 18:13:16.88ID:???

設計とか今の時代に役に立つのか?

昔はCSSは使い回すものとして設計必須だったけど
今は使いまわさない前提で作る方が推奨されてるし
CSSの設計自体が必要なくなってるだろ
Name_Not_Found [sage] 2019/04/20(土) 22:32:33.42ID:???

別人だけど自分も奇数、偶数で色変えたりするのに使ってた
マッチングとかそういうの知らずに
Name_Not_Found [sage] 2019/04/20(土) 22:45:05.87ID:???
htmlの容量を気にしてよく使うクラス名を短くしたりしてしまいます
Name_Not_Found [sage] 2019/04/20(土) 22:47:49.40ID:???
class="ro-majide_nagai_setsumeiwo_kurasumeini_tukau"
Name_Not_Found [sage] 2019/04/20(土) 22:52:36.89ID:???

HTMLを圧縮すれば、そういったものは数バイトの違いにしかならない
人件費の無駄
Name_Not_Found [sage] 2019/04/20(土) 23:10:06.43ID:???
gzipの圧縮ってたとえば<div class="unk">とか頻繁に使う同じ文字列なんかがたくさんあると
結構圧縮されるのかな
Name_Not_Found [sage] 2019/04/20(土) 23:11:04.63ID:???
楽天サイトとか文字数制限あるから何でも短くしとかないと後で入らなくなる
Name_Not_Found [sage] 2019/04/21(日) 12:45:28.36ID:???

横並びは float かな?

天地中央寄せにする方法はいくつかある

・line-height を指定し行間の高さをブロックの高さと同等にする(文字が折り返す場合は崩れるので注意)
・文字を span で囲み position で天地中央にする(これも文字が折り返す場合は崩れる可能性ある。方法はググれ)
・横並びを flex にして align-items: center を指定する
・横並びを inline-block にして vertical-align: middle を指定する
Name_Not_Found [sage] 2019/04/21(日) 13:04:05.55ID:???

flexで横並びさせました。
絶対配置をつかったらうまくいきました。

いま、フッターのナビ欄の最初の点線を消したいのですが、行き詰ってます。
点線はli要素のなかのα要素に付けてます。

ttps://i.imgur.com/icUb7Sw.jpg
Name_Not_Found [sage] 2019/04/21(日) 14:36:00.71ID:???

ul li:first-child a {
border-left: 0
}

でいけるでしょう
Name_Not_Found [sage] 2019/04/21(日) 15:51:22.52ID:???

小・大規模サイトは設計いらんけど、CSS設計失敗した中規模サイトを渡されると壁に頭ぶつけたくなる
Name_Not_Found [sage] 2019/04/21(日) 16:30:54.38ID:???

いけました。ありがとうございます。
Name_Not_Found [] 2019/04/21(日) 17:04:06.68:F+hpl+Wh
Luxbarでメニューを作ったんですが、IEだとうまく表示されません
調べると
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
という解決策が出てきたんですが解決しませんでした
他のブラウザでは問題なく表示できるし
ウィンドウ幅が狭くなるとハンバーガーメニューが出てきます
お知恵を拝借したいです
Name_Not_Found [] 2019/04/21(日) 18:44:50.62:CupcZVfl

ソース出さないしIEのバージョンもわからんからエスパーしかないが、
恐らくflexのショートハンドが原因だろう
ttp://https://qiita.com/hashrock/items/189db03021b0f565ae27
Name_Not_Found [sage] 2019/04/21(日) 20:29:38.12ID:???
IEっていつ滅びるんですか?
Name_Not_Found [sage] 2019/04/21(日) 20:58:27.01ID:???
来年滅びるかもしれない
Name_Not_Found [sage] 2019/04/21(日) 21:51:07.05ID:???

あと6年!
2025年10月まで
Name_Not_Found [sage] 2019/04/22(月) 13:39:53.66ID:???
【悲報】メルカリさんが90年代のホームページを作ってしまうwww

ttp://https://mercari-special.jp/~ natsukashi/
Name_Not_Found [sage] 2019/04/22(月) 13:40:10.32ID:???
ttp://https://mercari-special.jp/~natsukashi/
Name_Not_Found [sage] 2019/04/22(月) 15:08:30.87ID:???
IEより先にビルが…
Name_Not_Found [sage] 2019/04/22(月) 16:39:17.27ID:???
CSSのセレクターを表す>記号は書かなくても大丈夫ですか?
Name_Not_Found [sage] 2019/04/22(月) 16:40:34.68ID:???

それはセレクターを表す記号ではないよ
Name_Not_Found [sage] 2019/04/22(月) 16:44:36.82ID:???
子セレクターを表す記号と書こうとしてましたが子が抜けてました
Name_Not_Found [sage] 2019/04/22(月) 16:49:54.80ID:???

孫以下はどうでもいいの?
Name_Not_Found [sage] 2019/04/22(月) 17:02:08.66ID:???
孫以下に影響させたくなければ必要
そうでなければ不要
Name_Not_Found [sage] 2019/04/22(月) 17:08:41.01ID:???
あい、わかりあした
Name_Not_Found [sage] 2019/04/22(月) 17:15:42.15ID:???
わにも孫にはヴェルタースオリジナルじゃよ
Name_Not_Found [sage] 2019/04/22(月) 17:20:18.96ID:???
ボケるなら噛んではいけないとあれほど…
Name_Not_Found [sage] 2019/04/22(月) 17:33:01.68ID:???
>の意味がいまいちわからない

.aaa .bbb
って書くのと
.aaa > .bbb
って効果としては同じでしょ?
Name_Not_Found [sage] 2019/04/22(月) 18:05:23.48ID:???
a > b は、a の直下(子)のみ

a b は、a の子孫も含む
Name_Not_Found [sage] 2019/04/22(月) 18:13:42.81ID:???
なんで同じと思ったのか…
mdn付けて検索することを覚えろと言いたい
けど言わない
Name_Not_Found [sage] 2019/04/22(月) 18:19:43.92ID:???
親以下の要素に影響を及ぼすという点では同じ
影響範囲が違うけど…
Name_Not_Found [sage] 2019/04/22(月) 20:27:27.77ID:???
emを9にしたら14.4pxになって、em10にしたら1.6pxになった

限界値でもあるの?
Name_Not_Found [] 2019/04/22(月) 21:18:48.68:t5WMh9y+

たぶんあんたが間違えてる
1.6pxのフォントなんて見えないだろ。1pxだぞ?点だよ点

エスパーするとその親要素のフォントサイズは16pxだな。
そんで
16px×90%(9em)=14.4px
16px×100%(10em)=16px
つまり10emは1.6pxは間違いで16pxだな。何も問題無い。
Name_Not_Found [sage] 2019/04/22(月) 21:49:28.51ID:???
emって使わなきゃダメ?
pxじゃだめなん?
Name_Not_Found [sage] 2019/04/22(月) 21:54:13.02ID:???
remがええんやで

htmlにfont-size:62.5%指定しとけば計算する手間省けるで

14px→1.4rem
Name_Not_Found [sage] 2019/04/22(月) 22:27:38.40ID:???
フォントのサイズ指定にpx使うのはイマドキじゃない感じですか?
Name_Not_Found [sage] 2019/04/22(月) 22:33:43.58ID:???

理解した
なるほど
Name_Not_Found [sage] 2019/04/22(月) 22:34:16.37ID:???

いやまだメジャー
Name_Not_Found [sage] 2019/04/22(月) 22:52:48.95ID:???

フォントサイズのpx指定はまだまだ使われてるけど最近はrem使われることが多くなってきてる
ちなみにメディアクエリのスクリーンサイズ指定はemがいいとされてる。
これはあまりメジャーじゃないかもしれんが海外では多く使われてる印象かな。
Name_Not_Found [sage] 2019/04/22(月) 23:11:07.34ID:???
初心者なんですが、パディングするときにpxかemどっち使おうか悩んでするですけど、どっちでも問題ないですか?
Name_Not_Found [sage] 2019/04/22(月) 23:49:12.52ID:???
px か em かだけで悩むのか?
まだまだたくさんあるぞ。全部いえるかな?
Name_Not_Found [sage] 2019/04/23(火) 00:52:27.76ID:???
え、fr・・・
Name_Not_Found [sage] 2019/04/23(火) 01:15:13.16ID:???
打者なんですが、バッティングするときに毒霧かナイフどっち使おうか悩んでするですけど、どっちでも問題ないですよね?
Name_Not_Found [sage] 2019/04/23(火) 01:39:03.26ID:???
毒霧だと審判も殺っちゃうだろ
退場になるぞ
ナイフが無難
Name_Not_Found [sage] 2019/04/23(火) 20:27:00.72ID:???

フォントに限らず、できる限りpx避けるのがトレンド
Name_Not_Found [sage] 2019/04/23(火) 20:33:12.70ID:???
トレンドで決めるものではない
その裏にある理由が大事
Name_Not_Found [sage] 2019/04/23(火) 20:44:30.49ID:???
いいんだよ(怒)トレンドで(笑)
Name_Not_Found [sage] 2019/04/23(火) 21:03:03.38ID:???
その裏にある理由考えたら尚更emやremを使うべきだろうな〜。
Name_Not_Found [sage] 2019/04/23(火) 21:40:17.45ID:???
- 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内の文章は長かったり短かったりと決まりがないため、自動で合わせたいのです。
どなたかご教授願います。
Name_Not_Found [sage] 2019/04/23(火) 22:17:06.44ID:???

使いづらーい
デスクトップサイズはpx
スマホサイズはvwがいいー
Name_Not_Found [sage] 2019/04/23(火) 22:49:36.47ID:???

ttp://https://jsfiddle.net/fvy1ur3k/
.test1のほうに背景色付けるのじゃいかんの?
Name_Not_Found [sage] 2019/04/23(火) 23:06:02.59ID:???

はい
test2を複数個存在させたりすることもあるためです。
Name_Not_Found [sage] 2019/04/23(火) 23:09:26.48ID:???
ブラウザの幅を狭くすると、その狭さに合わせて画面が縮小されるのって、どんなテクをつかってるんですか?
Name_Not_Found [sage] 2019/04/23(火) 23:19:53.33ID:???

ttp://https://jsfiddle.net/9etn7wkp/
こういうこと?
Name_Not_Found [sage] 2019/04/23(火) 23:21:37.99ID:???

リキッドレイアウト
レスポンシブデザイン
とかでググりなさい。
Name_Not_Found [sage] 2019/04/24(水) 01:55:59.05ID:???
テクwww
Name_Not_Found [] 2019/04/24(水) 13:38:13.12:OYkJg62R

body {max-width:***px}
Name_Not_Found [sage] 2019/04/24(水) 22:30:42.66ID:???
テクノポリス
Name_Not_Found [sage] 2019/04/24(水) 22:32:50.44ID:???
ミュージアム
Name_Not_Found [sage] 2019/04/24(水) 23:27:41.49ID:???
overflowとbox-shadowって相性悪い?
Name_Not_Found [sage] 2019/04/25(木) 02:07:24.30ID:???

あー
言わんとすることはわかる
ボックスの外側だからね
Name_Not_Found [] 2019/04/25(木) 09:16:18.89:bO1S2y5F
HTML5のinputタグでrequiredを付けて、それを未設定で進めたとき、
ブラウザの機能で、Firefoxならば赤で囲まれる。
Chromeならば、バルーンで入力や選択してくださいと注意表示されます。

Firefoxはまだ見やすいのですが、Chrome系だとイマイチ変わりにくいです。
必須要素は予めスタイルを指定できるのはわかりましたが、
「入力漏れ反応」した時のスタイルを変えたいです。

どうすればできるのでしょうか?
Name_Not_Found [sage] 2019/04/25(木) 19:37:18.04ID:???
:invalid,:valid
Name_Not_Found [sage] 2019/04/26(金) 00:53:30.12ID:???

バリデーションの部分をちゃんと作るなら普通はjsで行う。
HTML5に任せるのは色々な意味で時期尚早
Name_Not_Found [sage] 2019/04/26(金) 02:14:21.84ID:???
というかバリデーションの部分は
HTML5がJavaScriptを使えるように考慮されてるので
時期尚早というよりも、こだわりたければHTML5が
想定している通りにJavaScriptを使えって話
Name_Not_Found [sage] 2019/04/26(金) 07:13:59.52ID:???
HTML5っていつまでHTML5って呼ぶん?
whatwgはもうw3cのHTML5は見限ったよね?
Name_Not_Found [sage] 2019/04/26(金) 07:17:12.11ID:???
ん?
Name_Not_Found [sage] 2019/04/26(金) 08:57:22.47ID:???
は?w
Name_Not_Found [sage] 2019/04/26(金) 10:36:52.64ID:???
HTML5.1が勧告されたときに
これは出来の悪い欠陥フォーク、控えめに言って糞
今後はHTML LS以外は見るな

くらいのことは言ったな>whatwg
Name_Not_Found [sage] 2019/04/26(金) 10:38:49.46ID:???
んで、つーことは
少なくともchromeとsafariとfirefoxは
HTML5とは無縁になったっつーことだわな
edgeもか
Name_Not_Found [sage] 2019/04/26(金) 19:59:27.36ID:???
ttps://i.imgur.com/FI4IMEh.jpg
Name_Not_Found [sage] 2019/04/26(金) 20:41:04.42ID:???
Googleが儲けるためにそういうサイトを上位に持っていってるだけ
Name_Not_Found [sage] 2019/04/26(金) 21:06:45.33ID:???
テレビもネットも結局はスポンサーの思うがままってことか…

バカには厳しい世の中になったな
Name_Not_Found [sage] 2019/04/26(金) 21:11:52.23ID:???
昔はどこの川行っても食える魚が釣れたけど、
今は自分で釣り場を探して、釣れた魚が食えるかどうかも判断する必要がある。

バカは金払って釣り堀でマズイ魚(本人は美味しい魚と思ってる)を釣るしかない。
Name_Not_Found [sage] 2019/04/26(金) 21:14:09.36ID:???

まるで馬鹿に優しい世の中があったかのように書くのはよくない!
Name_Not_Found [sage] 2019/04/26(金) 21:14:19.79ID:???
いやスーパーで買いますね
Name_Not_Found [sage] 2019/04/26(金) 21:28:39.66ID:???
> 昔はどこの川行っても食える魚が釣れたけど、

水俣病の話?
Name_Not_Found [sage] 2019/04/26(金) 23:04:03.43ID:???
WEBに関してはグーグル一強になったのがなぁ
ヤフーが屈しなければもっと他の道もあったかもしれん
Name_Not_Found [sage] 2019/04/26(金) 23:59:41.58ID:???
Googleで良かったよ。無料で気前よいの多いし
ヤフオクなんて運営が儲けようとしてるのみえみえだったじゃん
Name_Not_Found [sage] 2019/04/27(土) 01:31:09.55ID:???
Appleが覇権にぎってたら、Mac以外のPCではSafariの使用禁止、Apple dateは強制的に有料とかかな?
Name_Not_Found [sage] 2019/04/27(土) 06:05:52.38ID:???
質問です
HTML?の属性には属性名と属性値というものがありますが、
要素の方にも要素名と要素値とかあるのでしょうか??
Name_Not_Found [sage] 2019/04/27(土) 08:56:14.18ID:???

意味がようわからんがHTMLタグは要素だよ。
<mg width="100px">

img:HTMLであり、要素でる
width:属性名
100px:属性値
Name_Not_Found [sage] 2019/04/28(日) 02:00:12.88ID:???
ワードプレスってなんですか? (直球)
Name_Not_Found [sage] 2019/04/28(日) 03:08:01.82ID:???
おググりください!
Name_Not_Found [sage] 2019/04/28(日) 06:47:00.31ID:???
世界を圧迫するアレですね
Name_Not_Found [sage] 2019/04/28(日) 10:32:25.24ID:???

わかりやすい例えにすると
ホットドックプレスのワールド版をイメージしたらわかると思うわ
Name_Not_Found [sage] 2019/04/28(日) 12:16:37.18ID:???

ソース観て「wp」という記述があったらワードプレスを使っているサイト
Name_Not_Found [sage] 2019/04/28(日) 12:59:52.11ID:???

「言葉の押し付け」と言う意味です。
相手に自分の主張を強く伝える様をワードプレスと言います。


私は、ワードプレスでその場をしのいだ。
Name_Not_Found [sage] 2019/04/28(日) 14:15:48.63ID:???
じゃあ種付けプレスってなんですか?
Name_Not_Found [sage] 2019/04/28(日) 15:47:52.80ID:???
じゃあ、HTML/CSS関係の質問を貰っていいですか
Name_Not_Found [sage] 2019/04/28(日) 16:40:54.89ID:???
いま、GW中なのに?(怒)
Name_Not_Found [sage] 2019/04/28(日) 16:45:28.51ID:???
じゃあ、HTML/CSS関係ではない質問を止めてもらっていいですか
Name_Not_Found [sage] 2019/04/28(日) 17:25:01.50ID:???
insertでしょうね
Name_Not_Found [] 2019/04/29(月) 11:17:19.92:pMpBsp7/
やりたい事としては「ブログの記事の文字列の色を薄くし、見出しやボタンの色は薄くしない」です。
これを実現しようとして以下のように記述しました。

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が適用されずに薄くなった状態で表示されてしまいます。
何故でしょうか?
Name_Not_Found [sage] 2019/04/29(月) 11:49:07.00ID:???

.sns-btn p{ opacity: initial !important; }
もしくは
p{ opacity: initial !important; }
214 [] 2019/04/29(月) 11:55:53.37:pMpBsp7/
自己解決しました!
opacity:initialとした場合、initial=1ではなくてその前に設定された値が初期値となってしまうっぽいですね。
文字色を薄くするのにopacityを使わずにrgbaを使ってみるようにします
Name_Not_Found [] 2019/04/29(月) 11:58:40.21:pMpBsp7/

リロードし忘れました、ごめんなさい。

小要素に対して指定する事も考えたのですが、記事内の要素が複数になる事を考えると、
各小要素に対して適用するよりもそれらを囲む全体の要素に適用した方がパフォーマンスが良いのかな?と思ったのです。
実際にはどうなのかわかりませんが・・・
Name_Not_Found [sage] 2019/04/29(月) 12:16:28.19ID:???
オパシティってなんかちょっとだけ響きがエロくない?
Name_Not_Found [sage] 2019/04/29(月) 12:34:53.96ID:???

おっぱいCity
それは、おっぱいに満ちあふれた男にとっての理想郷である。
Name_Not_Found [sage] 2019/04/29(月) 13:13:20.39ID:???
おっぱいで満ち溢れてればいいってもんじゃあない
重要なのはどんなおっぱいかだ
Name_Not_Found [sage] 2019/04/29(月) 15:56:43.03ID:???
下着が透けるとかそういう
Name_Not_Found [sage] 2019/04/29(月) 16:17:42.61ID:???
opactiy: 0.1;
Name_Not_Found [] 2019/04/29(月) 16:31:43.21:MwozXvsx
サクラエディタについて質問してもいいですか?
Name_Not_Found [sage] 2019/04/29(月) 17:08:39.81ID:???

いいえ
Name_Not_Found [sage] 2019/04/29(月) 17:25:08.38ID:???
今はGW中
Name_Not_Found [sage] 2019/04/29(月) 18:09:10.72ID:???
チッ。休んでんじゃねーよ
Name_Not_Found [sage] 2019/04/29(月) 18:13:03.59ID:???
ねぇ、おじちゃん、幸せを手に入れるために働いてるのに、なんでGWに働いて不幸にならなきゃいけないの?
Name_Not_Found [sage] 2019/04/29(月) 19:37:10.93ID:???
休みもらってもGWあけはあけで恐ろしいんだけどね…
Name_Not_Found [sage] 2019/04/30(火) 00:00:43.78ID:???

ソフトウェア板にスレあるよ
Name_Not_Found [sage] 2019/04/30(火) 01:32:04.25ID:???
明日も休みなんだから、今日はもう寝ゆ
Name_Not_Found [sage] 2019/04/30(火) 07:33:07.50ID:???
休みなんて何していいかわからないしね
Name_Not_Found [] 2019/04/30(火) 09:51:10.40:DaibOXXH

ありがとう。行ってきました。
Name_Not_Found [sage] 2019/04/30(火) 16:27:13.30ID:???

とりあえず部屋の掃除…
Name_Not_Found [sage] 2019/04/30(火) 18:40:57.45ID:???
部屋を掃除する服がない
Name_Not_Found [sage] 2019/04/30(火) 19:31:40.08ID:???

全裸でいいじゃない
Name_Not_Found [sage] 2019/04/30(火) 20:47:49.26ID:???
よし、特別に俺様が質問受けつけてやる
バッチ来いや
Name_Not_Found [sage] 2019/04/30(火) 21:03:14.01ID:???

ありがとうございます。

部屋を掃除する服はどこで手に入るのでしょうか?
あと、服を買いに行く服がないのですが、裸で外に出ても大丈夫ですか?
Name_Not_Found [sage] 2019/04/30(火) 21:31:21.60ID:???

はたして、本当に人は掃除する服を手に入れる必要なんてあるのでしょうか。
あなたの心の中にある物欲をまず捨てることからはじめてみてください。
そしてよく思いだしてください今あなたが来ている服、昨日きていた服、
今すぐメルカリに出品して全裸で掃除してください。
Name_Not_Found [sage] 2019/04/30(火) 22:09:40.07ID:???
シンゴーシンゴー
Name_Not_Found [sage] 2019/04/30(火) 22:49:33.46ID:???
令和になったら本気出す
Name_Not_Found [sage] 2019/04/30(火) 22:51:38.99ID:???
異世界いったら本気出すとかいうなろう小説ありそうw
Name_Not_Found [sage] 2019/04/30(火) 23:00:04.03ID:???

無職転生
Name_Not_Found [sage] 2019/05/01(水) 01:09:20.21ID:???

ttp://http://mfbooks.jp/mushoku/
Name_Not_Found [sage] 2019/05/01(水) 04:24:41.41ID:???
葉っぱ一枚あればいい
Name_Not_Found [sage] 2019/05/01(水) 07:22:36.83ID:???

令和なったぞ
早く本気出せよ?
Name_Not_Found [sage] 2019/05/01(水) 07:35:57.24ID:???
「ie padding 効かない」「ie hidden 効かない」みたいに
IE+CSSのサジェストにとりあえず「効かない」が表示されるの笑う
笑えねえよ!
Name_Not_Found [sage] 2019/05/01(水) 10:23:23.75ID:???
全てを諦めてIE基準にするとか・・・
Name_Not_Found [] 2019/05/01(水) 13:03:19.80:zOv5ozvj
display:inline-block
で横に並べた<li>に
text-align:jusifyを聞かせたいのですが、
うまくいきません。
できないのでしょうか?
Name_Not_Found [sage] 2019/05/01(水) 13:25:38.22ID:???
text-align:jusifyはテキストにしかきかんだろ
Name_Not_Found [] 2019/05/01(水) 13:35:49.95:zOv5ozvj

あ、そうなんですか。ありがとうございます。
30個ぐらい並ぶ<li>の右を揃えたいのですが、
どうしたらいいのでしょうか?
Name_Not_Found [sage] 2019/05/01(水) 15:59:13.95ID:???

こういうこと?
ttp://https://jsfiddle.net/c3dnuk1h/
Name_Not_Found [sage] 2019/05/01(水) 16:12:06.79ID:???

GW明けから本気出す
おやすみ
Name_Not_Found [sage] 2019/05/01(水) 17:41:39.50ID:???
margin:0 auto; とかめんどくせーから
centerタグ復活して欲しい
Name_Not_Found [] 2019/05/01(水) 23:24:53.37:zOv5ozvj

ありがとうございます。こういうことです。
まだなぜかうまく行きませんが、たぶん大丈夫だと思います。
Name_Not_Found [sage] 2019/05/02(木) 01:10:21.15ID:???

目が・・目が・・チカチカする・・・


<div align="center">とやるのだよ
Name_Not_Found [sage] 2019/05/02(木) 01:37:54.42ID:???
毎回特定のブラウザでしか動かないAPIがでるたびに
それ、IEじゃ使えませんよって言う身にもなってくれw
Name_Not_Found [sage] 2019/05/02(木) 09:26:19.11ID:???

それ、IEじゃ使えませんよ
Name_Not_Found [sage] 2019/05/02(木) 10:11:49.90ID:???
質問がある!!
htmlとCSSでホームページ作成をしているのだが、よくクラス名をタイプミスして、それを発見するのに時間がかかり困っています。
エディターはatomを使っていますが、クラス名の補完って何かしらの方法で行うことはできませんか?

例えば、html内に「lesson-container」というクラス名があるとします。
CSS内で「lesson-container」というタイプをしたいと思った時に「les」ぐらいまで入力したら
クラス名の補完候補が出現するというような感じが理想です。

これができれば、タイプミスが少なくなり作業効率が急上昇すると思うのですが。
Name_Not_Found [sage] 2019/05/02(木) 10:46:01.00ID:???

お前はここも荒らすのか
ttps://mevius.5ch.net/test/read.cgi/hp/1555750241/299
Name_Not_Found [sage] 2019/05/02(木) 10:57:02.55ID:???

間違って書き込んだだけ
Name_Not_Found [sage] 2019/05/02(木) 10:57:34.83ID:???

vscにならありそうな機能だな
Name_Not_Found [sage] 2019/05/02(木) 11:34:36.66ID:???

手入力やめてコピペしたらどうだい
検索するのもラクだし
258 [sage] 2019/05/02(木) 12:09:57.15ID:???
自分なりに探し回ってみたところ、Bracketsではあるみたいですね、まさにこれが欲しい

ttp://https://9-bb.com/brackets%E3%81%A7css%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B9%E5%90%8D%E3%83%BBid%E5%90%8D%E3%82%92%E8%87%AA%E5%8B%95%E8%A3%9C%E5%AE%8C%E3%81%99%E3%82%8B%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD/
Name_Not_Found [sage] 2019/05/02(木) 15:14:00.25ID:???
それか一度コピペした文字をしばらく記録してくてるフリーソフト使うとか?

名前忘れたけど、マウスダブルクリックでコピペ履歴がでて、すきな文字をコピーできるやつ
Name_Not_Found [sage] 2019/05/02(木) 16:21:54.45ID:???
最初に設計書つくっといて
そっからコピペすればいいのでは
Name_Not_Found [sage] 2019/05/02(木) 16:32:53.17ID:???
どういう時に間違うか良く分からないけど
ID名短くするか
css 書くときにhtml からコピペ
#ID名{ } を作った時に一度に
#ID名 h1{ } 
#ID名 p{ }  とかコピペで作っておけば?
Name_Not_Found [sage] 2019/05/02(木) 18:47:29.54ID:???
タイプミスよりも途中で「名前かーえよ!」ってなって見落とすのが俺さ
Name_Not_Found [sage] 2019/05/02(木) 18:49:26.14ID:???

dreamweaverなら候補でるよ。
Name_Not_Found [sage] 2019/05/02(木) 19:07:55.88ID:???
クラス1とクラス2の両方が付与されている要素に対してcssを定義したいのですが
セレクタで指定する方法ありましたっけ?
Name_Not_Found [sage] 2019/05/02(木) 19:10:52.42ID:???
overflow:hidden設定している要素Zの子要素AとBがあるのですが
AはZ内でhiddenされたままでいいのですが
BだけをZの外へはみ出させたりすることは可能でしょうか?
Name_Not_Found [sage] 2019/05/02(木) 19:15:19.39ID:???

あ、つなげれば良いだけか
失礼しました
Name_Not_Found [sage] 2019/05/02(木) 20:29:49.82ID:???
オワコン化したタグベスト3を教えてください
Name_Not_Found [sage] 2019/05/02(木) 22:00:46.91ID:???
<applet>、<frame>、<noscript>かな
Name_Not_Found [sage] 2019/05/03(金) 00:22:42.16ID:???

<blink>
チカチカさせて攻撃力高め
Name_Not_Found [sage] 2019/05/03(金) 00:30:58.66ID:???

無理。
要素Zと同じサイズでAだけを内包するoverflow:hiddenを作成したほうがいい
Name_Not_Found [sage] 2019/05/03(金) 00:54:19.10ID:???

atomってよく見るけどそれできないのかよ嘘だろ
Name_Not_Found [sage] 2019/05/03(金) 00:58:33.19ID:???
sassって結局forとか使ってループさせる事なんて
実際ほとんど無いよね。
Name_Not_Found [sage] 2019/05/03(金) 01:15:35.21ID:???

ほとんどないが稀にある
Name_Not_Found [sage] 2019/05/03(金) 01:32:37.18ID:???

なんで ベスト なんだろ?

Font color="red" size="+1"
Name_Not_Found [sage] 2019/05/03(金) 02:56:50.17ID:???
sassアンチが湧いちゃうぞ
Name_Not_Found [sage] 2019/05/03(金) 09:01:08.67ID:???
変数とmixinぐらいしか使ってない
他の人が読みにくいコードにはならないように注意してる
Name_Not_Found [sage] 2019/05/03(金) 12:42:36.73ID:???
俺は変数は禁止とまでは言わないけど
なるべく使わないって方針だったな。
ifやループと言った制御文も原則使用禁止
cssの範疇を超えてるから。

sassで一番使うべきなのはネスト。
次にmixinやextend

あと当時は流行っていたcompassも使用禁止。
何を吐き出すのかさっぱりわからないから。
今廃れたところを見ると当時の判断は正しかった。
Name_Not_Found [sage] 2019/05/03(金) 14:32:54.83ID:???

Atomでclass適当につけてやってみたけどできるよ
拡張はベースのlintにHTMLとかCSSのとか入れてるからどれでできてるのかは分からない
ttps://i.imgur.com/aDq3BND.jpg
Name_Not_Found [sage] 2019/05/03(金) 16:15:40.31ID:???
ruby sassは廃れたというか非推奨になってるからな
Name_Not_Found [sage] 2019/05/03(金) 16:30:52.41ID:???
libsassを知ってからrubyで作られたcompassの使用禁止は決定的になったな。
ってかlibsassでcompass使えるんだっけ?使えるように頑張ってたと思うんだが
すでに興味はなかったので調べてない。
Name_Not_Found [sage] 2019/05/03(金) 22:21:25.79ID:???
これってどうやって画像ファイル表示させてるか解りますか?(SteamのスクリーンショットのURL)
直リンクしたいんだけど拡張子がないのでできないです(自分のUPした画像です)
のわりに保存すると「13560_screenshots_20171015114106_1.jpg」というファイルになる。

ttp://https://steamuserimages-a.akamaihd.net/ugc/866240102627656731/DB62E76D60506409114CDE02B25367DDDF5112A7/
Name_Not_Found [sage] 2019/05/03(金) 22:28:50.76ID:???
スクロールさせて前後をいくつか見せたいので、単一選択のリストボックスを作りたい
size=をつけ足せばいいがここ見るとmultiple前提にも読み取れる
ttp://https://developer.mozilla.org/ja/docs/Web/HTML/Element/select
UI上望ましくない?
Name_Not_Found [sage] 2019/05/03(金) 23:28:04.25ID:???
┌───────────
│タイトル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で囲わないやり方ってありますか?
Name_Not_Found [sage] 2019/05/03(金) 23:35:43.22ID:???
…div divしてるねぇ(CV:中尾彰)
Name_Not_Found [sage] 2019/05/04(土) 01:02:11.48ID:???
divで囲まない方が違和感ある

sectionで囲って上げたほうがいいけど、正解不正解は無いにしてもこの手のレイアウトは繰り返されるパーツごとに囲っていた方がむしろ良いよ。
Name_Not_Found [] 2019/05/04(土) 13:34:50.75:Z/IwlaVD

スクショからじゃよくわからんが拡張子は必須じゃない
レスポンスヘッダにContent-Typeが正しく書かれているかどうか
Name_Not_Found [sage] 2019/05/04(土) 14:37:57.26ID:???

すげーわかりにくい日本語
UI作る時も相手の立場に立って、何も考えてないバカでもわかるようにするのと
具体例を出すように気をつけた方がいいよ
Name_Not_Found [sage] 2019/05/04(土) 14:41:48.04ID:???

ブロックを括る必要が無い時は自分もたまに横着して囲わないで.titleにmrgin-topだけやって終わらす。
しかしその図のように全体を囲うなら無理。※jQuery使えば可能だが。
Name_Not_Found [sage] 2019/05/04(土) 21:42:11.21ID:???

#wrapperをbodyで代替すれば良い
Name_Not_Found [sage] 2019/05/05(日) 00:50:32.14ID:???
もう<html>で代替しちゃえよw
Name_Not_Found [sage] 2019/05/05(日) 01:15:22.37ID:???

jQueryでやるとこんな感じ
ttp://https://jsfiddle.net/t7gqwj0v/
296 [sage] 2019/05/05(日) 01:23:26.07ID:???
↑間違えた
これが正解
ttp://https://jsfiddle.net/qhznrLgk/
Name_Not_Found [sage] 2019/05/05(日) 05:35:27.86ID:???
現場のプロが本気で教える HTML/CSSデザイン講義 (Design & IDEA)、ヤフー、2016

MindBEMding による、CSS の構造化

だから、この本を読めって言ってるだろ!

コンポーネントの作り方・名付け方は、決まっている!
自分で名付けるのは面倒。
この本の通りに名付ければ、何も考えなくてよい
Name_Not_Found [sage] 2019/05/05(日) 16:31:32.19ID:???

いや、わかるだろ
先ず自分を疑って読み直すとかしたほうがいい


OK
Name_Not_Found [sage] 2019/05/05(日) 19:47:09.15ID:???

この質問、何度か読んでやっと理解できたような文だから指摘した。
そもそも初めての質問なのに
主語から始まらない時点で言語(日本語も英語・プラグラムも)の勉強してきてないのがわかる。
Name_Not_Found [sage] 2019/05/05(日) 20:18:30.89ID:???
言い訳乙
日本語は主語から始まるとは限らないし曖昧な場合や複数の場合もある
別の国の方なら覚えておくといい
Name_Not_Found [sage] 2019/05/05(日) 20:21:26.25ID:???
重箱の隅は重箱の隅スレでどうぞ
Name_Not_Found [sage] 2019/05/05(日) 20:22:11.09ID:???
下らないこだわりでコーディングが終わらないのと似ているな
Name_Not_Found [sage] 2019/05/05(日) 20:26:46.98ID:???
> 何度か読んでやっと理解できた

で、答えずw
Name_Not_Found [sage] 2019/05/05(日) 20:46:59.01ID:???
人に説明する能力って大事な要素だよなあ
UI作るには

いやそんくらいわかれよ
って人に言っちゃう人には向いてない気もする
Name_Not_Found [sage] 2019/05/05(日) 21:10:14.18ID:???

ほんそれ。
自分はクライアントも部下も上司も外注も玄人も素人も
100人以上とやり取りしてきた上で教えてあげたのに・・・
Name_Not_Found [sage] 2019/05/05(日) 21:11:40.04ID:???

言われた事の本質を何も理解できなかったようだね
かわいそうに
Name_Not_Found [sage] 2019/05/05(日) 21:14:33.73ID:???
会社に入ったら上司に
「言い訳するな」「報告は結論から言え」って言われるタイプってすぐわかるw
Name_Not_Found [sage] 2019/05/05(日) 21:23:13.69ID:???
そんな上司見たことない
Name_Not_Found [sage] 2019/05/05(日) 21:39:11.19ID:???

会社で働いた事ないでしょ?
ttp://http://morimo2.info/RyVc

これ孫正義もよく言うらしいぞ
Name_Not_Found [sage] 2019/05/05(日) 21:48:22.85ID:???
主語を意識してない奴の典型例

「ズレてるんで後ろの背景の写真自体を変えたいんですが、すぐできますか?」


言われた方
「はぁ。。てかそれ、どのサイト?どのページ?どの部分の背景?どれに変えるの?スマホ?PC?」
Name_Not_Found [sage] 2019/05/05(日) 21:51:20.47ID:???
そして
いや、わかるだろ?
俺が見てるとこに決まってんだろ って本人は思ってる
Name_Not_Found [sage] 2019/05/05(日) 21:56:17.96ID:???
hover使ってカッコよく見せるように作ったら
スマホだとタップとかタッチとかだからhoverなんて無駄ですってええええ?!
Name_Not_Found [sage] 2019/05/05(日) 22:29:15.69ID:???
作ったhtmlのページをchromeのデバイスモードで確認すると
全体的に縮小された状態で表示されるのですが、これはCSSとかで何か設定をしないと駄目なのでしょうか?
firefoxのF12→デザインモードでは拡大率100%で表示されます
Name_Not_Found [sage] 2019/05/05(日) 22:31:36.63ID:???

ああそうか
普通の人は注意する時は人前ではしないから見たことないんだ
Name_Not_Found [sage] 2019/05/05(日) 22:38:09.29ID:???

見苦しいよ・・もうさすがにやめとけ
こっちは上場企業に勤めてたんだぞ・・・
Name_Not_Found [] 2019/05/05(日) 22:42:03.89:aayTl3Nb

ソース見たーい
Name_Not_Found [sage] 2019/05/05(日) 22:47:27.62ID:???

こっちの上場企業とは業界が違うんだろう
相容れないからこれで終了ね
Name_Not_Found [sage] 2019/05/05(日) 22:55:46.50ID:???
私の企業の戦闘力は53万です
Name_Not_Found [sage] 2019/05/05(日) 22:59:14.08ID:???

まず感情論無しで読んで欲しんだが、
そうやって素直に認められないでなんとか逃げようとする姿勢ってダメな人の典型なのですよ。

それと・・・人前で注意しない?
逆に人前で注意するメリットは、周囲に聞かせる事で同じ轍を踏ませないメリットがある
これは、組織でやる人間なら当然考える方法だし、それをしないと同じ事を何度も何度も上司は一人一人に説明する事になる
非効率は事業の推進を遅らせるから無能扱いされる
Name_Not_Found [sage] 2019/05/05(日) 23:16:56.57ID:???
俺の会社はでかいからドブラックな部署もみんな良い人の部署もあるわ
どっちの意見も分かるが、自分の意見に固執してるのは世間知らずに見えるからやめた方が良いよ
メンタルケアを優先するところも当然あるしそんなことせんでも回る優秀な部署もあるんだなぁ
Name_Not_Found [sage] 2019/05/05(日) 23:41:21.58ID:???
初心者は経験値不足で質問したいことを上手く言語化できない。
回答者はそれを踏まえた上で解釈上手でなければならない。
Name_Not_Found [sage] 2019/05/05(日) 23:47:05.97ID:???

>人前で注意しない?

特定の社員をさらし者にして、教育する方が間違っている!
そういう教育方針では、被害者は恨みしか持たないから、報復されるだけ!

企業経営とか、中小企業診断士・MBA でも常識!
差別が多い、海外でそんな事をやったら、大問題になる!
Name_Not_Found [sage] 2019/05/05(日) 23:54:14.10ID:???
> 逆に人前で注意するメリットは、周囲に聞かせる事で同じ轍を踏ませないメリットがある

同じ轍を踏ませないようにするために必要なのは
仕組みを作ること

言ったところで何の解決にもならない。
言う時間の無駄

単なる給料泥棒
Name_Not_Found [sage] 2019/05/06(月) 00:02:08.92ID:???

このレス見覚えがあるけど有名コピペ??
Name_Not_Found [sage] 2019/05/06(月) 00:03:32.89ID:???

そのレスの前の書き込みからコピペだよ
Name_Not_Found [sage] 2019/05/06(月) 00:22:07.71ID:???

言うと思った。

注意の仕方が感情的に怒りをぶつけたりとかそういうのをテレビで見て想像してるんだろ?
相手や組織に一括で本当の意味で理解させる事が重要なのにそんなことするわけないだろう
それと複数人風に装うなほんとバカなんだな
Name_Not_Found [sage] 2019/05/06(月) 00:52:28.37ID:???
どうでもいいわ、スレチだし
もうやめてくんねーかな
Name_Not_Found [sage] 2019/05/06(月) 00:58:51.03ID:???

デバイス指定をresponsiveにしたら表示サイズ変えれたはずだが
Name_Not_Found [sage] 2019/05/06(月) 01:55:27.75ID:???
そろそろスマホを買おうかな
やっぱりブラウザのエミュレーションより実物触ったほうがよさそう
なんでいまだにガラケー使ってるんだ俺
323 [sage] 2019/05/06(月) 05:55:36.30ID:???

は、漏れが今、書いたばかり!
コピペの訳ないだろw

企業経営は、1つの技術。
知ってるか知らないか、だけの話

それを教えているのが、中小企業診断士・MBA とか、ハーバード大学。
そこで、500ぐらいのケースについて、教室で議論する

全社員に知らせる目的で、ミスった人を、全社員の前で怒りました!
これについて、議論スタート!
Name_Not_Found [sage] 2019/05/06(月) 08:20:33.38ID:???
質問なのですがスレ違いの話題を延々とするキチガイはどうしたらいいですか?
Name_Not_Found [sage] 2019/05/06(月) 08:30:58.54ID:???
所詮2chなのでどうしようもないです
Name_Not_Found [sage] 2019/05/06(月) 10:24:10.88ID:???
まともに企業で働いた事ないやつが
中小企業診断士とか笑わせんな
Name_Not_Found [sage] 2019/05/06(月) 10:45:54.75ID:???

ここは5chですよ?
(まだ2chとか言う人いたんだ…)
Name_Not_Found [sage] 2019/05/06(月) 12:36:01.28ID:???
ところで会社経営した事無い人が
経営コンサルやって結果って出せるのかな?
Name_Not_Found [sage] 2019/05/06(月) 12:40:07.86ID:???
机上のP/Lとかキャッシュフロー読めたところで
本業での成功なしに結果は出せない。
その業界の事やトレンドも知らないし経営の経験もないのに
本当にコンサルする資格なんてあるのだろうかと思う。
Name_Not_Found [sage] 2019/05/06(月) 13:00:47.10ID:???

元経営コンサルが来ましたw
いけるいけるw

100個ある間違いのうち1個選んでそれを改善して
それに対して対価もらう商売なんよ、あれは
その結果、売上や利益が上がらなくても
それは残り99個が原因なんで知ったこっちゃない的な
Name_Not_Found [sage] 2019/05/06(月) 14:05:29.69ID:???
ttp://https://codepen.io/anon/pen/mYdzqL

<span class="box5">の文章を<div class="box2">の幅に合わせて改行させる方法を教えてほしいです。
Name_Not_Found [sage] 2019/05/06(月) 15:09:35.39ID:???
まあ、別に教えてやってもいいけど?(怒)
Name_Not_Found [sage] 2019/05/06(月) 15:54:10.92ID:???
将来的には、SASSとHTMLを直接紐付けるようになるんだろうか
Name_Not_Found [sage] 2019/05/06(月) 16:35:36.81ID:???

それはそうだが今回の件はわからない方がアホすぎる
Name_Not_Found [sage] 2019/05/06(月) 16:50:22.94ID:???
は読点キチ糖質だから相手しちゃダメだよ
Name_Not_Found [sage] 2019/05/06(月) 19:32:36.81ID:???

おれ普通にガラケーだよ
シュミレート用に泥タブとipod touchは持ってるけど
wi-fi持つならスマホ持ってるの無駄だからな
Name_Not_Found [sage] 2019/05/06(月) 20:40:01.13ID:???
あらら、なんか実機で崩れてるサイトたまに見かけるけどそういう事か。
端末とブラウザの組み合わせによっては幅が320pxなのに
エミュだと気が付かんのだろうな・・・
Name_Not_Found [sage] 2019/05/06(月) 21:36:23.68ID:???
文字も読めんのか
Name_Not_Found [sage] 2019/05/06(月) 23:46:06.30ID:???
優秀なエミュを教えてください
Name_Not_Found [sage] 2019/05/06(月) 23:51:21.41ID:???

エミューの雫 お試しサイズ 15ml 【無添加100%、高品質エミューオイル(エミュー油)】 (1本)
ttp://https://www.amazon.co.jp/dp/B00C3634X4
Name_Not_Found [sage] 2019/05/07(火) 00:22:29.13ID:???

ありがとうございます。
Name_Not_Found [sage] 2019/05/07(火) 12:35:02.72ID:???

意外にマーキーまだ使えるんだなw
Name_Not_Found [sage] 2019/05/07(火) 13:26:04.93ID:???

<plaintext>
なかなかトリッキーな動作をするタグだ…
どういう存在意義があったんだろうか…?
Name_Not_Found [sage] 2019/05/08(水) 04:40:21.05ID:???
ブラウザの右下あたりに小窓みたいのを出しておきたいのですが
あれはposition: absolute固定して
resizeのたびに座標計算にcalcを駆使して作るのでしょうか?
Name_Not_Found [sage] 2019/05/08(水) 05:30:10.84ID:???
それは position: fixed; でできるよ
おれも js のデバッグ用窓をそれで出してる
Name_Not_Found [sage] 2019/05/08(水) 07:18:10.05ID:???

ありがとうございます
早速fixの挙動を試してみます
Name_Not_Found [sage] 2019/05/08(水) 15:57:34.09ID:???
ボタンをマウスオーバーすると現れる、吹き出し型のドロップダウンメニュー どこかにサンプルないですか?
Name_Not_Found [sage] 2019/05/08(水) 15:58:16.56ID:???
そんなのどこでみたんですか?
Name_Not_Found [sage] 2019/05/08(水) 16:53:12.92ID:???
ほう、吹き出し型ですか…
実に、興味深いですなあ(適当)
Name_Not_Found [sage] 2019/05/08(水) 16:59:22.87ID:???
私も近いんですが
ネコ型のロボット どこかにサンプルないですか?
Name_Not_Found [sage] 2019/05/08(水) 17:00:47.84ID:???

ttps://petomorrow.jp/wordpress/wp-content/uploads/2017/08/M1250918312-348x480.jpg
Name_Not_Found [sage] 2019/05/08(水) 20:07:56.39ID:???
犬じゃん。ネコって言ってるだろ
Name_Not_Found [sage] 2019/05/08(水) 20:11:40.70ID:???

どう見ても猫じゃん
GWで頭おかしくなったのか?
Name_Not_Found [sage] 2019/05/08(水) 20:12:36.76ID:???
キチガイは話しかけてくるな。NGNGっと
Name_Not_Found [sage] 2019/05/08(水) 20:13:21.72ID:???
やべえIDなかった
Name_Not_Found [sage] 2019/05/08(水) 20:23:56.13ID:???

ttp://https://youpouch.com/2016/03/26/343821/
Name_Not_Found [sage] 2019/05/08(水) 21:18:38.49ID:???
マイクロソフトがVisual Studio Onlineプレビュー版を発表
ttp://https://jp.techcrunch.com/2019/05/07/2019-05-06-microsoft-launches-visual-studio-online-an-online-code-editor/
Name_Not_Found [sage] 2019/05/08(水) 23:33:30.58ID:???
ボタンをマウスオーバーってだめだろ
Name_Not_Found [sage] 2019/05/09(木) 02:02:02.63ID:???

どうしてですかね(怒)
Name_Not_Found [sage] 2019/05/09(木) 02:35:00.48ID:???
ボタンをマウスオーバーがだめなのは、
Google Mapを見ればわかる
Name_Not_Found [sage] 2019/05/09(木) 03:06:55.02ID:???
ふーん(怒)
Name_Not_Found [sage] 2019/05/09(木) 15:34:37.70ID:???
デザインカンプを100%再現したコーディングをするものなんですか
要素のサイズはpxで指定がないと大変な苦労があると思うんですが
Name_Not_Found [sage] 2019/05/09(木) 16:10:55.56ID:???

広告系業界だとほぼそうだねえ
PCはpx、SPはvwで長さ書けばそう難しいことはないよ

カンプ作るときにすこーし気をつけないと
デバイス文字の文字間が狂うくらい
Name_Not_Found [sage] 2019/05/09(木) 21:15:38.48ID:???

スマホ持ってないんか?
Name_Not_Found [sage] 2019/05/09(木) 21:55:52.39ID:???

例えば、jQueryの.hover()メソッドはスマホだと自動的にタップ動作に変換してくれますが?(哀)
Name_Not_Found [sage] 2019/05/09(木) 21:58:55.33ID:???

大手案件だとカンプと違うと怒られる。
カンプを半透明にして画面に重ねながら確認してた苦いおもひで
Name_Not_Found [sage] 2019/05/09(木) 23:34:11.70ID:???
怒られるっつーか
「なんで変えたんですか?」みたいになって面倒

わざわざ変えてやる義理も金もないし
カンプのままコーティングしちゃうのが一番楽なんじゃ
Name_Not_Found [sage] 2019/05/10(金) 02:13:43.10ID:???

フォントサイズにしろ余白にしろ、サイズが記載されてない場合だと、
カンプを忠実に守るコーディングは思考錯誤になりませんか?
Name_Not_Found [sage] 2019/05/10(金) 02:33:00.94ID:???
こうしてまず数値を得るのかな
ttp://https://haniwaman.com/photoshop-coding/
Name_Not_Found [sage] 2019/05/10(金) 08:09:32.97ID:???

カンプ作る時は
PCは実寸、スマホは1/2サイズで作成するのが一般的だと思うが(retinaや全幅用画像は別)
DTPデザイナーだと、web弱いからサイズを曖昧にしてデザイン作成してくるがそれ系?
Name_Not_Found [sage] 2019/05/10(金) 08:10:17.18ID:???
↑すまんスマホは2倍の間違え
Name_Not_Found [sage] 2019/05/10(金) 10:47:51.14ID:???

広告系は
99.9%フォトショでカンプ作るから
サイズ測るのに困ることはないなあ
Name_Not_Found [sage] 2019/05/10(金) 11:41:51.46ID:???
Webデザイナーの意図としては、HTMLコーダーの或る程度の裁量を想定していたりはしないのですね。
Name_Not_Found [sage] 2019/05/10(金) 13:23:57.74ID:???

そんなことはないんじゃない?
ただ製作工程の途中で変えちゃうと面倒なだけで
Name_Not_Found [sage] 2019/05/10(金) 13:31:15.04ID:???
大変勉強になった
Thankx
Name_Not_Found [sage] 2019/05/10(金) 14:21:38.02ID:???
へっ
いいってことよ
Name_Not_Found [sage] 2019/05/10(金) 16:46:02.41ID:???
【売国】東京五輪のチケット抽選サイトは韓国企業が制作? ソースコードから大量のハングルが見つかる ・
ttps://hayabusa9.5ch.net/test/read.cgi/news/1557465752/
Name_Not_Found [sage] 2019/05/10(金) 18:25:37.16ID:???

WPが入るようなら、コンテンツ増減時のデザイン
カンプに指示が無いならホバーアニメーション
とかはコーダーがすることが多い

下手にアニメーションとかこだわると、イメージと違うと言って手直しをしつこく要求されたりするから、余計なことはしない方が良い
Name_Not_Found [sage] 2019/05/10(金) 23:52:50.09ID:???
↑この人はたぶん優秀
Name_Not_Found [sage] 2019/05/11(土) 00:41:28.49ID:???
質問してもいいですか?
Name_Not_Found [sage] 2019/05/11(土) 00:43:47.30ID:???
ボタンは透過70%にしときゃ文句がでない
視覚ユーザビリティ悪いけど
Name_Not_Found [sage] 2019/05/11(土) 01:06:53.53ID:???

今日は土曜日ですよ?
Name_Not_Found [sage] 2019/05/11(土) 01:46:00.19ID:???

今日は何曜日ですか?
Name_Not_Found [sage] 2019/05/11(土) 09:34:31.44ID:???

土曜日はダメなんですか?
Name_Not_Found [] 2019/05/11(土) 09:42:16.90:jaJQ3gDT

オレはイラレで作るけどな。
最終的には.psdで書き出すけど、それまでの工程はすべてイラレ。
Name_Not_Found [sage] 2019/05/11(土) 09:53:52.91ID:???

発送は群馬県ですか?
Name_Not_Found [sage] 2019/05/11(土) 10:06:43.57ID:???
コーダーってデザインカンプを再現するだけの仕事なのか
Name_Not_Found [sage] 2019/05/11(土) 14:19:47.59ID:???
作られたサイトを編集したり拡張したり更新したりもコーダーだし
掲載している商品を更新したりSEO対策も論理マークアップもサイト量産もテンプレ作成も
WordPressテーマ作成もcssやjsのアニメーションも
Name_Not_Found [sage] 2019/05/11(土) 15:24:34.69ID:???

パスいじる部分はイラレで
それをフォトショにインポートするのは多いと思う

イラレはSVG書き出すのはいいんだけど
フォトショのレイヤーからのアセット書き出しの利便性にはかなわんよな
Name_Not_Found [] 2019/05/11(土) 16:12:21.55:jaJQ3gDT

アセットの利便性は分かるけど、手返しかなぁ。
フォトショはマウスで使うけど、
イラレはキーボードショートカットが手に馴染んでるんで仕事が速い。
フリーでやってて、客は素人ばかりで、コーディングは独学で、
もしかして世間とはぜんぜん違う制作工程になってるかもしれない。
と心配になって、ときどきこんなサイトを覗いてる。
Name_Not_Found [sage] 2019/05/11(土) 17:59:09.39ID:???
自分はパスもphotoshopでやってるわ。
渦巻きみたいな形状はさすがに無理だが、波型、楕円、爆弾程度ならphotoshopで完結
Name_Not_Found [sage] 2019/05/11(土) 19:09:25.72ID:???
スライスをコーダーがやるのは理不尽じゃないかな
Name_Not_Found [sage] 2019/05/11(土) 19:40:01.83ID:???

それいつも思ってる
Name_Not_Found [sage] 2019/05/11(土) 19:59:28.29ID:???

いやデザイナーにスライスされたらコーディングできんだろ
Name_Not_Found [sage] 2019/05/11(土) 20:03:05.06ID:???
雪印
Name_Not_Found [sage] 2019/05/11(土) 20:25:12.13ID:???
「クイック書き出し」と「書き出し形式」で対応できるデザインが多くなったから、スライスすること自体が減ったな
favicon、apple-touch-icon等は文句言うならデザイナーが作れとよく思ってた
Name_Not_Found [sage] 2019/05/11(土) 21:15:46.07ID:???
<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を背景色に使ったら良いんじゃないか?って考えましたが両方装飾に使っていて使えません

いい解決法はあるでしょうか?
ご教授していただきたいです
Name_Not_Found [sage] 2019/05/11(土) 21:55:48.64ID:???
ご教授・・・ですか
Name_Not_Found [sage] 2019/05/11(土) 22:46:29.93ID:???
そのくらいなら助手か専任講師で十分だな
Name_Not_Found [sage] 2019/05/11(土) 22:53:21.82ID:???

それだと機能が違ってくるだろ
それに指摘されて出てきたjQueryw
いやjQueryを笑ってるわけではないよ
Name_Not_Found [sage] 2019/05/12(日) 00:31:58.92ID:???

ご教授、シテ頂きたいです…か

ウホッ⭐︎
Name_Not_Found [] 2019/05/12(日) 01:35:28.29:YifGalBJ
画像200KBって重いですか?
10枚くらい貼っても大丈夫ですよね?
Name_Not_Found [sage] 2019/05/12(日) 02:26:34.38ID:???
1ページ2MBか…
Name_Not_Found [sage] 2019/05/12(日) 05:28:53.33ID:???
今時それくらい余裕でしょ
Name_Not_Found [sage] 2019/05/12(日) 09:14:10.20ID:???
特にjsスレに多いが指摘されて詰まるとライブラリの何々出してくるのがやたらいるよな
Name_Not_Found [sage] 2019/05/12(日) 10:13:49.03ID:???

スマホにはホバーの概念ないんだからPCとは機能が違うの当たり前だとおもいますが(怒)
レスポンシブのドロップダウンメニューにjQueryの.hover();メソッドで実装ってごくごくごく普通なんですが
具体的なにがおかしいんでしょうか?

それに今ならontouchstart属性とかもあるしホバーのなにがいけないんでしょうか?
Name_Not_Found [sage] 2019/05/12(日) 10:51:39.87ID:???
コーダーがスライスするのは、
Photoshopを複数PCにインストールする必要だけで不合理に思う。
Name_Not_Found [sage] 2019/05/12(日) 12:29:52.80ID:???
jQuery信者が必死
Name_Not_Found [] 2019/05/12(日) 13:30:28.54:3qJcGQ7d

スライスって、レイヤーが統合されてるって意味?
だったら理不尽だわ。

ところで誰も に答えられないの?
オレは疑似要素の知識がゼロだから無理だが。
Name_Not_Found [sage] 2019/05/12(日) 14:03:28.29ID:???
ドロップダウンメニューで.hoverで開くサイト、使っててウゼーと常感じる
Name_Not_Found [sage] 2019/05/12(日) 14:42:25.19ID:???

.foo に pointer-events: none
.bar に pointer-events: auto

で行けない?すまん実際に動かして確認しないからどうかわからんけどやってみて
Name_Not_Found [sage] 2019/05/12(日) 16:26:14.16ID:???

作業する側もいちいち開いてウゼーと思ってる
でも多階層を全部見せる方法があれくらいしかないんだよなぁ
Name_Not_Found [sage] 2019/05/12(日) 17:30:50.42ID:???

vueでもReactでも生jsでも構いませんが?
onmouseover/onmouseoutやmouseenter/mouseleave使えばいいだけではないでしょうか(怒)
それに今ならontouchstart属性とかもあるしって書きましたが??
Name_Not_Found [sage] 2019/05/12(日) 18:11:16.36ID:???
(爆)とか(核)とか寒いのあったなぁ
30年くらい前だっけ?
Name_Not_Found [sage] 2019/05/12(日) 18:36:52.65ID:???

キッズか
Name_Not_Found [sage] 2019/05/12(日) 18:48:47.12ID:???
おじいちゃん乙。
Name_Not_Found [sage] 2019/05/12(日) 19:36:45.69ID:???
無料ゲームをサイトにおいて広告で稼ぎたいんですけどどうしたらいいですか?
という質問はどこでしたらいいですか?
Name_Not_Found [sage] 2019/05/12(日) 20:33:18.70ID:???

クリック(タップ)でいいんだよ
ドロップダウン、ハンバーガーそのものは別にいい
ちょっと通過しただけでいちいち勝手に開くのがウザイ
Name_Not_Found [sage] 2019/05/12(日) 21:11:52.36ID:???

職場で沸点低いと言われるでしょ
Name_Not_Found [sage] 2019/05/12(日) 21:22:53.03ID:???
(怒)(笑)www
Name_Not_Found [sage] 2019/05/12(日) 21:41:49.56ID:???

アフィリエイトは板自体が違うよ。
こっちでさがしなされ
ttps://mevius.5ch.net/affiliate/
Name_Not_Found [sage] 2019/05/12(日) 21:57:29.85ID:???
hover は、スマホで使えないから、ダメじゃん!
同じ書き方ができない


画像は普通、10KB ぐらいだろ

200KB は、GIF アニメとか?
Name_Not_Found [sage] 2019/05/12(日) 22:20:35.15ID:???

そんなややこしい構造を文章だけで書かれてもわからん
図で示すかコードだしなされ
Name_Not_Found [sage] 2019/05/12(日) 22:28:54.15ID:???
のレイアウトはこんな感じか?
ttps://dotup.org/uploda/dotup.org1845866.jpg
さっぱりわからんわ
Name_Not_Found [sage] 2019/05/12(日) 23:12:28.96ID:???
画像10Kっていつの時代の人
Name_Not_Found [sage] 2019/05/12(日) 23:18:41.14ID:???
スマホ時代の人だよ
帯域制限辛いよね
Name_Not_Found [sage] 2019/05/12(日) 23:24:37.69ID:???

まさかCSSのhoverでできることをわざわざjsなど使ってるんかな
どっちにしろボタン吹き出しメニューとやら?はどうすんのさ
(たぶんボタンではなくボタンに似たdivやspanの勘違いだと思うが)
Name_Not_Found [sage] 2019/05/12(日) 23:34:37.29ID:???

みたいに理解してない人いるけど、PC・スマホで同じ書き方できるのがjQueryの.hover()メソッド。
最初の方にも書いたが、自動的にデバイスに応じてhover/タップに切り替えてくれる。
jQuery信者だから書いているんじゃなくてjQueryがこの場合一番スマートなんだよ。
CSSだけでやる場合、transitionがブラウザによって効かなかったから普通にjsなんだよ。

質問者が言ってるのは、たぶんサイドバーでマウスオンすると、横に子カテゴリが展開するやつだろうな。
Name_Not_Found [sage] 2019/05/12(日) 23:35:38.01ID:???
Google Mapはなぜホバーを使うのか?
Name_Not_Found [sage] 2019/05/13(月) 03:32:31.47ID:???

言いたいのはこんな感じでした
ttps://i.imgur.com/RC1SZUu.jpg

一応barの中にもう一個divを作ってそっちに背景画像指定することで解決できました。
z-indexは親子関係と疑似要素絡むとわけわからんですね
Name_Not_Found [sage] 2019/05/13(月) 19:24:37.76ID:???
他人が書いたhtmlcssを手早く理解する手順とは?
Name_Not_Found [sage] 2019/05/13(月) 20:57:01.52ID:???
1つ1ついじくりまわす
Name_Not_Found [sage] 2019/05/13(月) 21:07:50.81ID:???
自分の書いたcssは結構他人にはわかりづらい自信があるわ
Name_Not_Found [sage] 2019/05/13(月) 21:30:04.40ID:???
同じスタイルでも書く順番で全く別物に見えるからね
重要でないスタイルは読み流して
見たことないものとかよくわからないものだけ拾って見ていく感じがいい
Name_Not_Found [sage] 2019/05/13(月) 21:57:31.47ID:???
ボタン1を押すとa.jsを読み込んで
ボタン2を押すとa.jsを読み込まなくするみたいに切り替えることはできますか?
Name_Not_Found [] 2019/05/13(月) 22:42:05.93:B2k4c0Kw

id名、class名を自分流に書き換える。
Name_Not_Found [sage] 2019/05/13(月) 22:58:09.98ID:???

>PC・スマホで同じ書き方できるのがjQueryの.hover()メソッド。
>たぶんサイドバーでマウスオンすると、横に子カテゴリが展開するやつだろうな。

どちらもその人含め全員わかってるだろ
だからボタンにhover〜とある
Name_Not_Found [sage] 2019/05/13(月) 23:28:24.43ID:???

はい
Name_Not_Found [sage] 2019/05/13(月) 23:28:27.66ID:???

が書いてるのはhover()ではなく:hoverでは・・・
jQueryだろうが何だろうがbuttonタグにhoverはダメと言ってるのでは・・・
Name_Not_Found [sage] 2019/05/13(月) 23:38:35.57ID:???
例えばGoogle Mapなんかが
hoverの正しい使い方
Name_Not_Found [sage] 2019/05/14(火) 00:08:04.93ID:???

ボタンを押した時だけ、<script> タグを有効にするのだろ?

JavaScript(JS) のスレで聞けば?
430 [sage] 2019/05/14(火) 00:16:13.98ID:???
何かの本で、hover を使うと、スマホでは動かないって読んだので、
hoverは、使っちゃいけないと思っていた


jQueryのhover()で、自動的にデバイスに応じて、hover/タップの切り替えができるとは、知らなかった。
すごい!
Name_Not_Found [sage] 2019/05/14(火) 08:14:51.16ID:???
スマホでタップしっぱなしの操作はやりづらい
Name_Not_Found [sage] 2019/05/14(火) 19:50:00.78ID:???

君、素直そうだからすぐ上達するよ
ただjQueryをこれから学ぶにしては、もうピークを過ぎた技術だから程々で
Name_Not_Found [sage] 2019/05/14(火) 21:33:12.05ID:???

普通ボタンにはclick(function(){})だしその方が自然だがな
デバイスに応じて動作が異なるのはちょっとキモイが時と場合によるからお好きに
Name_Not_Found [sage] 2019/05/14(火) 22:05:45.70ID:???

1レスでrubyキチガイとjqueryバカの両方に絡むとかすごいw
Name_Not_Found [sage] 2019/05/14(火) 22:27:11.81ID:???
本来hoverは特定要素に乗った時に発火するというもの
変なクセ付けると周りからウザがられるぞ
452 [sage] 2019/05/14(火) 22:30:06.37ID:???

jQueryについて書いてたの俺なんだがね
Name_Not_Found [sage] 2019/05/14(火) 23:46:57.74ID:???
どうやら最近の若い人はプログラムの勉強をpythonから入るらしいな。
phpの方がゆるいけど実用性高いと思うんだがなあ
Name_Not_Found [sage] 2019/05/14(火) 23:55:08.28ID:???
pythonのシェアの伸び率がやばいわ
ttps://dotup.org/uploda/dotup.org1847644.png
Name_Not_Found [sage] 2019/05/15(水) 00:08:19.19ID:???
の補足
一般に特定要素とは<button>ではなく<div><span><img>など
<button>はあくまでclick
あとはそっちのスレで
Name_Not_Found [sage] 2019/05/15(水) 02:25:40.82ID:???
まぁアプリとかそのあたり考えるとpythonになるわなぁ
Name_Not_Found [sage] 2019/05/15(水) 06:30:00.08ID:???
セルが4枚あって、1つだけ大きいこんなグリッド組みたいんだが

1 2
1 3
1 4

CSS Grid使えばいいのかな。
Name_Not_Found [sage] 2019/05/15(水) 07:41:29.56ID:???

tableタグでできるけど・・・
Name_Not_Found [sage] 2019/05/15(水) 09:14:25.09ID:???

今どきでもtableありですか?
Name_Not_Found [sage] 2019/05/15(水) 09:36:27.04ID:???
無しだよ
グリッド使え
Name_Not_Found [sage] 2019/05/15(水) 09:40:33.75ID:???
flexのcolumnじゃだめなん?
Name_Not_Found [] 2019/05/15(水) 11:49:36.75:7R2ikPD2
だれかLinuxでコーディングしる人いる?
Name_Not_Found [sage] 2019/05/15(水) 12:27:20.18ID:???
OSがなんの関係あんの?
Name_Not_Found [sage] 2019/05/15(水) 12:46:19.95ID:???

コンスタントにはしないけど
稀にする
Name_Not_Found [] 2019/05/15(水) 12:47:41.61:7R2ikPD2

CSSの検証にLinuxBeanでOpera使ってるんだけど、
アフィリエイト広告がまったく表示されないし、
ヤフーのトップページへもアクセスできない。
設定が悪いのか、Linuxってこういうものなのか、
どうなんだろうと思って。
Name_Not_Found [] 2019/05/15(水) 12:48:49.03:7R2ikPD2

ちょっと相談にのってもらえないだろうか?
Name_Not_Found [sage] 2019/05/15(水) 12:50:55.16ID:???
えっなんか改まってそう言われると戸惑うー
Name_Not_Found [] 2019/05/15(水) 12:57:58.44:7R2ikPD2

まあ、オレたちの仲だからな。

素人でもわかるLinuxの入門サイト知ってたら教えて欲しいのだが。
5ちゃんのサイトはほとんど倉庫の中だし、本買うの嫌だし。
Name_Not_Found [sage] 2019/05/15(水) 13:00:55.07ID:???
それOS関係あるか?
Operaはデフォルトで広告カット機能onになってるからオフにしたら広告表示されるだろう
ヤフートップページになぜいけないのかは分からないがうちのDebianいれたノートだとFirefoxでは見られるよ
Name_Not_Found [sage] 2019/05/15(水) 13:19:10.64ID:???

ああすまん
それじゃあおっちゃん役に立たんわすまん
ネット黎明期に何度もOSぶっ壊しながら覚えたクチだから
Name_Not_Found [] 2019/05/15(水) 13:23:23.49:7R2ikPD2

知識が無さ過ぎて、その広告ブロッカー(Block Ads)を見つけられない。
それより5割ぐらいのサイトが見られない。
PCが元XPの32bitだから色々対応できなくなってるのかもしれないが、
ちょっとしたコードのスペル調べるにも見られないサイトが多い。
時間作って基礎から勉強するか、と思いながら、
なかなかできないでいる。
Name_Not_Found [sage] 2019/05/15(水) 14:03:41.15ID:???
hostsファイル見てみたら
ttp://http://www.hack-cafe.net/how-to-block-website/
Name_Not_Found [sage] 2019/05/15(水) 14:40:06.62ID:???
質問です。htmlの質問ですがWEBではないので板違いと言われればそれまでですが…

ローカルに保存しているたくさんのエロ動画を見やすくするために、HTMLでWEBサイトっぽくしました。
パケ画像をクリックすれば、ローカルの動画を開く、というように。
しかしこうやると、当然ですがブラウザ内で動画を開こうとします。
そうではなく、エクスプローラー上で動画をダブルクリックしたのと同じ動作にする方法はありますか?
(普段使ってる動画再生ソフトが立ち上がってほしい)

よろしくお願いします。
Name_Not_Found [sage] 2019/05/15(水) 15:02:03.75ID:???
無理
Name_Not_Found [sage] 2019/05/15(水) 15:20:34.28ID:???

ちゃんとWebサイト化すればいいよ

まずローカルにWebサーバを置こう
コンピュータにインストールしてもいいし、xamppとかでもいい
dockerやvagrantなんかでもいい

んで、作ったWebサイトもどきをhtdocs以下に置いて
動画ファイルもそこに移動するか、シンボリックリンクするといい

んでんで、Webサーバの設定で、動画ファイルのContent-TypeをOctetStreanにすると
その場で再生ではなく、ダウンロードになるので対応するアプリがあればそれで開くだろう
Name_Not_Found [sage] 2019/05/15(水) 15:33:24.40ID:???

ありがとうございます!
勉強がてら挑戦してみようと思います!
Name_Not_Found [sage] 2019/05/15(水) 16:00:14.64ID:???
つーかOperaは開発とっくに終了してchromeベースにならなかたっけ?
Operaの特徴であった機能が全部なくなたし今使う理由なくね?
v13辺りでもう捨てたわ
Name_Not_Found [sage] 2019/05/15(水) 16:03:22.60ID:???
質問者が感謝されてるぞ
Name_Not_Found [sage] 2019/05/15(水) 16:07:14.79ID:???
Chrome Firefox Safari IE11
レガシーIEはTLS1.3でHTTPSアクセスの時点できって対応はこの4つだけだな
最近はわりと適当に書いてもブラウザで差が出ることは滅多にない
Name_Not_Found [sage] 2019/05/15(水) 16:33:51.19ID:???

オペラの創業者が離脱して
blinkベースの開発始めたんじゃなかった?
名前忘れたけど
Name_Not_Found [sage] 2019/05/15(水) 18:30:07.46ID:???
Operaが便利だったのは、今見てるページで読み込んでいる外部ファイルを
サイドメニューに全部絶対パスで表示してくれる機能
他人サイトの構造調べる時、iframeとかも全部書き出してくれて助かったわ。
Name_Not_Found [sage] 2019/05/16(木) 07:22:34.05ID:???

たぶん、ヤフーがLinux に対応していないから、
OS か、user agent を見て、Linux をはじいているのだろう

user agent を書き換えれば?

詳しくは、Linux 板で聞いてください!
Name_Not_Found [sage] 2019/05/16(木) 07:27:19.16ID:???

Linux の質問は、Linux 板で聞いてください!

cd, ls などの基本コマンドを、30個ぐらい読めば?
Name_Not_Found [sage] 2019/05/16(木) 07:34:59.41ID:???

漏れは、Ruby, Nokogiri, Selenium WebDriver を使って、
HTML を作って、ブラウザを自動操作して、
ローカルPC 内の画像ファイルを、ブラウザで見てる

一々、画像用のアプリを使わなくてもよいから、ブラウザの方が楽

この方法で、動画も見れるの?
そりゃ、便利!
Name_Not_Found [sage] 2019/05/16(木) 08:50:19.24ID:???

死ね
Name_Not_Found [] 2019/05/16(木) 10:04:33.08:kgtBbJlb

見てみます。ありがとうございます。
Name_Not_Found [sage] 2019/05/16(木) 18:57:00.61ID:???
シンスケの芸能界復活にやっぱり・・・
文春記者やっぱりすげーわ・・・

ttp://https://youtu.be/htctxGZ62Jg
Name_Not_Found [sage] 2019/05/16(木) 19:00:30.41ID:???
質問するところが違うかも知れませんが、どこに質問すれば良いのかわからない為、ここで質問させていただきます。
インスタグラムを投稿すると自社のホームページにも自動で反映されてたのですが、
同期出来なくなってしまい、問題がhpの置いてあるサーバ側なのか、スマホ側なのかわかりません。
どなたかお分かりになれば幸いです。宜しくお願いします。
Name_Not_Found [sage] 2019/05/16(木) 19:08:28.53ID:???
お金を払って対応をお願いしてください
ただでやろうとするからそうなる
Name_Not_Found [sage] 2019/05/16(木) 19:16:38.77ID:???

分からないなら分からないと言えばいいじゃん
Name_Not_Found [sage] 2019/05/16(木) 19:21:04.56ID:???

まず自分でできる問題の切り分けをしましょう。
スマホが問題か知りたいなら、PCで見てみればいいだけでは?
もしくは別のスマホで見てみればいいだけでは?
全部ダメならスマホの問題じゃないよね?
Name_Not_Found [sage] 2019/05/16(木) 19:24:50.42ID:???
最近の子ってほんとスマホが中心なんだな(PCの概念が無い)
あんな小さい画面で長時間映画みたり目が痛くならんのかね。
コーディングはもちろん作業系や文字入力もとてもできん
だから短文があたりまえみたいな風潮なんだよな
Name_Not_Found [sage] 2019/05/16(木) 19:30:50.98ID:???
どんな小さいスマホ使ってるんですか?
まさかiPhone4でも使ってるわけじゃないですよね?
Name_Not_Found [sage] 2019/05/16(木) 19:50:27.59ID:???

iPhoneXとHUAWEI P20 lite
古いのもいくつかあるよ。検証端末として必要だから
Name_Not_Found [sage] 2019/05/16(木) 19:50:55.01ID:???
俺が使ってるスマホは26インチだよ
これよりも小さいスマホとか苦行やろw
Name_Not_Found [sage] 2019/05/16(木) 19:51:48.50ID:???

だから技術者にお金を払ってくださいって言ってる
50万ぐらいが相場だな
Name_Not_Found [sage] 2019/05/16(木) 19:54:26.52ID:???
492です
スマホ、pc、どの端末から見ても反映されていませんでした。
原因はどこにあるんだろう…
Name_Not_Found [sage] 2019/05/16(木) 19:55:16.36ID:???
スマホどころかipadでさえ非効率に感じるわ。
もうキーボードとワイドモニター以外は考えられん。
Adobeソフトの事考えると昔のモニターですらダメ。
Name_Not_Found [sage] 2019/05/16(木) 19:58:08.94ID:???

50万が相場とか…久々にバカ発見したわ
Name_Not_Found [sage] 2019/05/16(木) 19:58:29.48ID:???
キーボードとワイドモニター搭載の
スマホ以外はクソスマホ
Name_Not_Found [sage] 2019/05/16(木) 19:58:58.55ID:???

すまん。安すぎた。
Name_Not_Found [sage] 2019/05/16(木) 19:59:01.71ID:???

質問の流れからだと2択だったんじゃないの?
切り分けした結果、答えが出たはずだが。
同様にして原因を検証して潰していくんだよ。
ここできいてもあなたのサーバーや環境やAPIの読み込み方やセキュリティやらは誰も知らんのです。
Name_Not_Found [sage] 2019/05/16(木) 19:59:53.54ID:???

もうお前出てくんなって
Name_Not_Found [sage] 2019/05/16(木) 20:03:46.80ID:???

うちのペットが苦しそうにしてるんですが治したいです。
病気でしょうか?寿命でしょうか?
昨日までは元気にしてたんですが晩御飯にあげた刺身が
アジだったのと賞味期限が切れていたからでしょうか?
それとも今朝、お風呂に入れた時に熱いお湯で洗ったからでしょうか?
Name_Not_Found [sage] 2019/05/16(木) 20:03:50.54ID:???

自分では問題がどこにあるか分からなかったので、専門的な技術者に聞けばすぐ解決するものと思いここを見つけて質問してみた次第です。
もうちょっと皆さんの意見を参考に調べてみます!
Name_Not_Found [sage] 2019/05/16(木) 20:05:19.82ID:???

全部です
Name_Not_Found [sage] 2019/05/16(木) 20:27:58.09ID:???
スレタイ定期。
個人的にみたいな皮肉は好きではあるけれども。
Name_Not_Found [sage] 2019/05/16(木) 20:37:28.45ID:???

全部です
Name_Not_Found [sage] 2019/05/16(木) 20:41:35.16ID:???

マジレスしてあげると
ソース出しなさい。
それもないのに答えようがない。
世界的な権威ある動物病院の先生でもの文章を見て原因を特定することは不可能だ。
Name_Not_Found [sage] 2019/05/16(木) 21:48:37.36ID:???
質問の最後に18歳JKです。って書くと優しい回答してくれる率が上がります。
Name_Not_Found [sage] 2019/05/16(木) 22:13:35.29ID:???

ちょっと想像しちゃったじゃないかw
Name_Not_Found [sage] 2019/05/16(木) 22:54:48.75ID:???
pタグに謎のマージンが上下に20づつついてるんですが、マージン0にしても効きません

消し方教えてください
Name_Not_Found [sage] 2019/05/16(木) 23:11:35.88ID:???
です


ありがとうございます。
ソースはCtrl + Uで出てくるhtmlソースでいいんですか?
Name_Not_Found [sage] 2019/05/16(木) 23:27:20.97ID:???

事故解決しました
Name_Not_Found [sage] 2019/05/16(木) 23:51:55.99ID:???

自己回答して下さい
Name_Not_Found [sage] 2019/05/17(金) 00:00:27.17ID:???

フッターの中のpタグに対して、マージン0指定してるつもりが、フッターにマージン0指定しててpタグにマージン効いてなかった

わかった?(怒)
Name_Not_Found [sage] 2019/05/17(金) 00:58:43.67ID:???
(笑)(泣)(怒)(爆)(核)(水)
20年以上前wwwww
Name_Not_Found [sage] 2019/05/17(金) 01:08:16.59ID:???

該当の箇所だけが望ましいよ
全部ここに記載するつもりかw

URL出せるならそれが一番いいが
Name_Not_Found [sage] 2019/05/17(金) 01:11:54.80ID:???
HTML5のdoctypeにはhtmlかxtmlかの宣言がないので普通はhtmlですよね?
でも人のソース見ると<br />とか<img src="" />とかxhtmlで書いてる人や混在してる人の多い事多い事・・
どっちでもいいんですかね?
18歳JK(かわいい)
Name_Not_Found [sage] 2019/05/17(金) 01:20:22.16ID:???

HTML5的には、/>は無い方が正しいです。

例えば、<span /> などという書き方は間違いです。
HTML5では、閉じタグを省略という意味はありません。

br や img は閉じタグを省略しなければ "いけない" もので
div や span は閉じタグを省略して "いけない" もので
li や p は(条件付きで)閉じタグを省略して "よい" もの
とタグ毎に決められています。

/>には意味はありません。XHTMLとの互換性の上で
書いてもエラーにならない無視される物と決まっています。
単に無視されるので、書いても何の効果もありません。
Name_Not_Found [sage] 2019/05/17(金) 01:39:31.48ID:???

゜*。・*゜ ヽ(*゚∀゚)ノ.・。*゜。
わぁ ぁりがとうございますぅ*:.。☆..。.(´∀`人)
Name_Not_Found [sage] 2019/05/17(金) 08:39:52.75ID:???

エスパーしか解決回答出来ないくだらん質問をするな(激怒)
Name_Not_Found [sage] 2019/05/17(金) 08:41:13.56ID:???
(泣)
Name_Not_Found [sage] 2019/05/17(金) 08:50:22.40ID:???

痛い香具師ハッケソ(藁
Name_Not_Found [sage] 2019/05/17(金) 11:14:48.10ID:???
水って何?
涙?
Name_Not_Found [sage] 2019/05/17(金) 12:17:38.91ID:???
爆→核と来たから水爆では?
核は見たけど水なんて見たことなかったけどな。
Name_Not_Found [sage] 2019/05/17(金) 12:58:13.49ID:???

終了タグ省略って必須もあったのか
初めて知った
Name_Not_Found [sage] 2019/05/17(金) 15:32:55.75ID:???
JKにだけは優しく回答するエロいやつめ
Name_Not_Found [sage] 2019/05/17(金) 15:55:12.76ID:???
JKとJCだ。
Name_Not_Found [] 2019/05/17(金) 17:35:13.21:04kTmnIq
JKです。

自治会の回覧を、Wordがないんでサクラエディタで作ったんですけど、
プリントのためにheadのスタイルに
@media print {
body {max-width:210mm;}
}
ってしたいんですけど、これだと右端がはみ出してしまいます。
手動でwidth:92%とか調節すればぴったりにできるんですけど、
スマートにやる方法ないですか?
Name_Not_Found [] 2019/05/17(金) 17:51:41.14:04kTmnIq
です。
自己解決しました。最初からミリで作ればよかったみたいです。
Name_Not_Found [sage] 2019/05/17(金) 19:59:43.77ID:???

JK(ジャッキーチェーン)
Name_Not_Found [sage] 2019/05/17(金) 20:02:34.95ID:???
それだとJTだろ
Name_Not_Found [sage] 2019/05/17(金) 20:13:07.48ID:???
JC(ジャッキーチェーン)
JK(ジョンカビラ)
Name_Not_Found [sage] 2019/05/17(金) 20:29:08.24ID:???
リンクが何もかもリストタグのページあるのだが、seo上有利なのだろうか
Name_Not_Found [sage] 2019/05/17(金) 20:45:36.33ID:???
google「SEO?うちのアドワーズを使って三日後ここに来てください最高の検索結果を表示しますよ」
Name_Not_Found [sage] 2019/05/17(金) 21:52:54.64ID:???
ジャッキー・チェンは
日本以外ではジャッキー・チャン
これ豆な
Name_Not_Found [sage] 2019/05/17(金) 23:06:28.78ID:???
三日後

google「なんで誰も来てないの?」
Name_Not_Found [sage] 2019/05/17(金) 23:39:46.06ID:???

492です
どこの箇所を貼ればいいのか全然わかりませんけど、"instagram"の文言がある箇所があったので
適当に貼ってみます
<script type="text/javascript">
var sbiajaxurl = "ttp://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"}}};
/* ]]> */
Name_Not_Found [sage] 2019/05/18(土) 03:44:53.77ID:???

ある日突然動くなったってのは
サーバの問題で一時的に反映されない状況や
仕様変更で旧APIが使えなくなったと見るのが自然
特にスクレイピング結果によって作成されてるようなAPIだった場合
対象サイトのHTML構造が少し変更されただけで影響を受ける

どっちにしろ個人で問題が解決出来ない場合作った人に見てもらうべき
似たようなもんを作ってくれっていうのは可能だけども
第三者に質問されても仕様を把握してないので答えようがない
Name_Not_Found [sage] 2019/05/18(土) 03:55:42.07ID:???
最初に言ったとおり

493 自分:Name_Not_Found[sage] 投稿日:2019/05/16(木) 19:08:28.53 ID:???
お金を払って対応をお願いしてください
ただでやろうとするからそうなる
Name_Not_Found [] 2019/05/18(土) 11:11:22.22:pQwASjmf

その上下にあるタグのmarginを0にするか
!importantをつけてみてどう?
Name_Not_Found [sage] 2019/05/18(土) 11:47:47.58ID:???
インスタのトークン切れてるだけだろ
わからないなら金払ってやり直してもらえよ
Name_Not_Found [sage] 2019/05/18(土) 19:46:18.20ID:???

ソース見る限り、そこにインスタの内容はない。関係ないだろ。

それは恐らくWordPressのコンタクトフォームというプラグインにおいて
メッセージが空の場合にGoogleのスパム対策APIのreCAPTCHAが吐き出す内容だな
Name_Not_Found [sage] 2019/05/18(土) 19:55:25.27ID:???
サイトはどうやらWPでできているようだから可能性の種類が増えたな。
インスタ導入をプラグインでやっている可能性もあるから
インスタ側仕様変更したけどプラグインアップデートしてない問題とか
phpのバージョンアップデートしたらそのプラグインphp7.3には対応してないやんけボケ問題とか
可能性が広がっちゃったね
Name_Not_Found [sage] 2019/05/18(土) 20:32:38.81ID:???
ちゃんと誘導してあげなよ…

WordPressの困った人のスレ 3
ttps://mevius.5ch.net/test/read.cgi/hp/1547264461/
Name_Not_Found [sage] 2019/05/18(土) 20:43:53.31ID:???
<html lang="ja">のlangって必要?
Name_Not_Found [sage] 2019/05/18(土) 20:48:42.13ID:???
だからだっていってんじゃん
Name_Not_Found [sage] 2019/05/18(土) 20:58:15.26ID:???
ハイ。Langだけに。
なんちゃってwww
高学歴ギャグwwwww
Name_Not_Found [sage] 2019/05/18(土) 21:09:35.03ID:???

怒ってるの・・?
Name_Not_Found [sage] 2019/05/18(土) 21:11:07.26ID:???
すみません質問いいですか?
19歳女です(白石麻衣似)
Name_Not_Found [sage] 2019/05/18(土) 23:23:37.92ID:???
です
皆さん凄いですね!自分にはチンプンカンプンで全然わからんw
なので後で制作してくれた人に聞いてみます!
なんだかんだで答えてこれた人達ありがとう!
Name_Not_Found [sage] 2019/05/19(日) 00:16:38.05ID:???
だから最初から言ってる。
作った人に金払って対応してもらえって
Name_Not_Found [sage] 2019/05/19(日) 00:31:49.49ID:???

さすがに50万は払えませんw
その金額ならインスタにアップできないぐらい諦めますw
Name_Not_Found [sage] 2019/05/19(日) 01:05:29.33ID:???

漏れは、VSCode のEmmet で、! と入力しても、

<html lang="ja">
が出力されるように、修正してる

元は、<html lang="en"> だった

ただし、Google は、それを無視してるとか?
Name_Not_Found [sage] 2019/05/19(日) 01:20:59.93ID:???
ブラウザの描画範囲めいっぱいに
canvasでド派手なエフェクトを描画してそのレイヤーを最前面に表示したいのですが(z-index大)
特定のcanvasの色を透明にして下のレイヤー(通常の文章)が見えるようにすることってできますか?
あと右クリするとcanvasの画像が選択されると思いますが
ソースの表示とか一般的なhtmlに対するコンテキストを有効にすることってできますか?
Name_Not_Found [sage] 2019/05/19(日) 01:22:35.56ID:???

50万は他の人に頼む場合
Name_Not_Found [sage] 2019/05/19(日) 01:25:54.91ID:???

langってUTF-8ですべての言語を
同一ページに記述できる時代にナンセンスだよなw
俺は存在は知ってたけど、あえて書かないことにしてたわ
googleって無視してるんだなw
Name_Not_Found [sage] 2019/05/19(日) 02:10:23.98ID:???

年齢オーバーです
Name_Not_Found [sage] 2019/05/19(日) 03:58:08.85ID:???

肺はlangじゃなくてlung
Name_Not_Found [sage] 2019/05/19(日) 04:05:49.18ID:???
そーして輝くウルトラマン!肺!
Name_Not_Found [sage] 2019/05/19(日) 04:06:44.54ID:???
そーして蚊を焼くウルトラマン杯!
Name_Not_Found [sage] 2019/05/19(日) 09:02:24.88ID:???

多言語実装で使える
Name_Not_Found [sage] 2019/05/19(日) 10:01:33.60ID:???
jaって書かないとページ開くたびにクロームが「翻訳しますか?」って聞いてこない?
Name_Not_Found [sage] 2019/05/19(日) 11:12:21.86ID:???
聞いてくるな。
Name_Not_Found [sage] 2019/05/19(日) 11:14:50.74ID:???
だよな
Name_Not_Found [sage] 2019/05/19(日) 12:39:43.66ID:???

こんな感じ?
ttp://https://nightcruising.net/ja/introduction/
Name_Not_Found [sage] 2019/05/19(日) 16:21:06.99ID:???
クローム使用者からクレームがくるってわけか
Name_Not_Found [sage] 2019/05/19(日) 18:59:33.62ID:???
質問いいですか(怒)
Name_Not_Found [sage] 2019/05/19(日) 19:11:16.77ID:???
(爆)
Name_Not_Found [sage] 2019/05/19(日) 21:02:02.85ID:???
( * )
Name_Not_Found [sage] 2019/05/20(月) 00:09:18.29ID:???

嫌です(恐)
Name_Not_Found [sage] 2019/05/20(月) 00:21:24.57ID:???

優しくしてくれないんですか?(激怒)
Name_Not_Found [sage] 2019/05/20(月) 00:27:23.71ID:???

質問前から威圧する人は嫌いです!(断言)
Name_Not_Found [sage] 2019/05/20(月) 01:54:46.32ID:???
(泣)
(汗)
Name_Not_Found [sage] 2019/05/20(月) 06:53:48.49ID:???
詳しいひとがこんなとこくるわけない
雑魚がさらに雑魚を相手してるだけ
Name_Not_Found [sage] 2019/05/20(月) 07:39:23.82ID:???
1か月前ぐらいはもうちょっとまともに進行してたスレなのに今は何が起きてるんだ
Name_Not_Found [sage] 2019/05/20(月) 08:12:50.33ID:???
(汁)
Name_Not_Found [sage] 2019/05/20(月) 08:19:32.77ID:???

世代交代
Name_Not_Found [sage] 2019/05/20(月) 08:20:35.47ID:???
詳しいから誰でも回答するってわけじゃない
回答者にも選ぶ権利はある
Name_Not_Found [sage] 2019/05/20(月) 08:38:05.59ID:???
(液)
Name_Not_Found [sage] 2019/05/20(月) 10:07:28.67ID:???

jsスレで暴れてたやつが来てるな
Name_Not_Found [] 2019/05/20(月) 11:00:23.92:7idueJg0

もう3年ぐらい打ち込んでない。
問題が起きたことは一度もない。
Name_Not_Found [sage] 2019/05/20(月) 11:08:50.01ID:???
enにしとくと日本語コンテンツでも翻訳プロンプト出してくるなchromeは。
jaにしとくと出ない。
どこかわりと有名なサイト(日本語)がいつ見ても「ポルトガル語のページです。翻訳しますか?」って出ててワロタwww
Name_Not_Found [sage] 2019/05/20(月) 15:42:30.45ID:???
ポルトガル人もびっくり
Name_Not_Found [sage] 2019/05/20(月) 21:50:49.38ID:???
jQueryという物を今日初めて知ったんですが、これを使ってページ下に「ページトップへ戻る」的なボタンを追加しようと思ってます。

適当にググってHTMLとCSSには必要なコードを追加したんですが、jQueryのコードは外別ファイルに拡張子.jsで保存して、HTMLのファイルと同じ階層にぶち込んでおけば良いのでしょうか?
Name_Not_Found [sage] 2019/05/20(月) 22:00:58.01ID:???

階層は自由。好きな場所に突っ込んどいて読み込んで動けばそれでいいけど、基本的な構造としてルート直下にassets/jsディレクトリ作ってその中に置くのがいいよ。
画像は/assets/images、CSSは/assets/cssの中とかそんな感じ。
WEB制作のディレクトリ構造にルールなんてないけど、色んなサイトのソースコード見てよく使われる方法を踏襲するのがオススメです。
Name_Not_Found [sage] 2019/05/20(月) 23:01:07.89ID:???
トップへ戻るボタンをフッターに固定で設置したい場合もjQueryが必要ですか?
Name_Not_Found [sage] 2019/05/20(月) 23:07:13.44ID:???
トップに戻るときにスムーススクロールさせたいならあった方が圧倒的に楽

スムーススクロールなしでいいならjQuery不要
Name_Not_Found [sage] 2019/05/20(月) 23:24:31.05ID:???
スムーススクロールを固定で表示(ずーっとフッターにボタンがある状態)させたいのですが可能ですか?
Name_Not_Found [sage] 2019/05/21(火) 00:28:21.57ID:???
自由です
Name_Not_Found [sage] 2019/05/21(火) 01:04:05.17ID:???
それはつまり、フリーダムって事ですか?
Name_Not_Found [sage] 2019/05/21(火) 01:07:39.43ID:???
freeです
Name_Not_Found [sage] 2019/05/21(火) 01:27:51.83ID:???
それ無料なんですかね
Name_Not_Found [sage] 2019/05/21(火) 01:31:45.22ID:???
無料ってつまりタダってこと?!
Name_Not_Found [] 2019/05/21(火) 01:49:45.15:V85DJ7vy
タダ以外の無料ってあるのか?
Name_Not_Found [sage] 2019/05/21(火) 03:58:50.25ID:???
jsスレかjquery スレか知らんが少なくともこのスレではないな
Name_Not_Found [sage] 2019/05/21(火) 05:59:21.81ID:???

> スムーススクロールを固定で表示(ずーっとフッターにボタンがある状態)

私はCSS無知なのでアレだが
「スムーススクロールを固定で表示(ずーっとフッターにボタンがある状態)」
を維持する方法は「ずーっとフッターに html」で検索するとCSSで実現する方法がチラホラ

ttp://http://creators-manual.com/footer12/
ttp://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制作板にも類似スレあるけど、マウントして回答者を罵る人が多すぎて
対策を検討中なので、落ち着くまでは質問しないことを推奨
Name_Not_Found [sage] 2019/05/21(火) 08:43:53.22ID:???
スムーススクロールとスクロールトップは一緒に使うこと多いからjqueryでええんじゃないかなぁ
Name_Not_Found [sage] 2019/05/21(火) 10:30:18.13ID:???
スムーススクロールって、クリームたっぷりのフワフワしたパンの名前みたいだな。

「クリームたっぷり!スムーススクロール、新発売!!」
Name_Not_Found [sage] 2019/05/21(火) 11:28:14.96ID:???
ハハハそうだねおもしろーい!
Name_Not_Found [sage] 2019/05/21(火) 11:33:17.43ID:???

用語は正しく使った方が
こういう場での意思の疎通がしやすいですよ
Name_Not_Found [sage] 2019/05/21(火) 11:47:12.57ID:???

スムスクって間違いなの?
Name_Not_Found [sage] 2019/05/21(火) 12:08:12.35ID:???
スクロールの挙動とボタンを一緒くたにしてるからでしょ
Name_Not_Found [sage] 2019/05/21(火) 12:15:34.87ID:???
初心者なんで、意味が理解できません。
ページトップへ戻るボタンって「スムーススクロール(ボタン)」って言うのではないのですか?
Name_Not_Found [sage] 2019/05/21(火) 12:37:35.60ID:???

ttp://http://e-words.jp/w/%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB.html
Name_Not_Found [sage] 2019/05/21(火) 12:47:08.01ID:???

> なおweb制作板にも類似スレあるけど、マウントして回答者を罵る人が多すぎて
> 対策を検討中なので、落ち着くまでは質問しないことを推奨
正直、良識ある人が少ないので、落ち着くまで静観されるよりも積極的に意見を出して欲しいのだけどね
Name_Not_Found [sage] 2019/05/21(火) 12:50:03.72ID:???

jQuery を使わなくても、普通に、<a> タグだけで出来るでしょ?
もし、jQueryの練習をしているなら、jQueryのスレに書き込んでください!

Bootstrap を使うと、自動的にjQueryを使っているから、
CSS でクラス指定するだけで、同じものができる
Name_Not_Found [sage] 2019/05/21(火) 13:46:53.57ID:???
ttp://https://coliss.com/articles/build-websites/operation/work/scroll-page-smoothly-by-css-and-javascript.html

コレ参考になる?



個人的にはスムーズスクロールは気持ち悪くて嫌い。
Firefox の設定で「スムーズスクロール」を切っていても、大抵「強制スムーズスクロール」になるし。

javascript をホワイトリスト式にするしかないのかなあ。
CSSだけで出来るんだったらCSSも切ることになるな。。。
『UX を真面目に考えるんだったら無効にさせてくれよ』と心から思うよ
Name_Not_Found [sage] 2019/05/21(火) 14:01:23.50ID:???
ttp://https://www.to-r.net/media/smooth_scrolling_2019/

このCSSでの実装だとFirefoxの設定に従ってくれた
コレみたいな実装が普及することを願うよ
Name_Not_Found [sage] 2019/05/21(火) 14:29:32.27ID:???
とあるサイトの特定部分だけをコピペしようとしていますが、ページが重すぎてandroid ではほとんど動きません。
htmlのソースを表示すると61,240行あるようなのですが、何か良い方法ないでしょうか?
Name_Not_Found [sage] 2019/05/21(火) 15:05:57.87ID:???

フッターの方
Name_Not_Found [sage] 2019/05/21(火) 16:27:24.06ID:???
すげえなあ最近の人はHTML作業もスマホでやるのか・・・

昔はFXをスマホだけでやる人にも驚いたが今辺り前だもんな

時代を感じるぜ
Name_Not_Found [sage] 2019/05/21(火) 16:36:31.87ID:???
ふぁっ?
Name_Not_Found [sage] 2019/05/21(火) 17:07:31.56ID:???

スク水な
Name_Not_Found [sage] 2019/05/21(火) 17:45:25.13ID:???
スームススクロールを見たり実装したりすると頭の中に
朝からちょっと運動表参道赤信号♪
が流れる…
Name_Not_Found [sage] 2019/05/21(火) 18:42:22.40ID:???
画面右端に白い余白が生まれます。
何故でしょう?
Name_Not_Found [sage] 2019/05/21(火) 18:44:57.07ID:???
私はどのようにしてあなたのソースを見ずにあなたを助けることができますか?
Name_Not_Found [sage] 2019/05/21(火) 18:47:26.71ID:???

エスパーすると、これはスマホの話で
見逃してる要素が溢れてるんだな
そんでが考えてる幅+溢れたぶんがviewport幅になっちゃってるんだな
Name_Not_Found [sage] 2019/05/21(火) 18:48:35.30ID:???

F12を押せ
Name_Not_Found [sage] 2019/05/21(火) 18:52:12.17ID:???
この質問なら背景黒にすれば解決だな
Name_Not_Found [sage] 2019/05/21(火) 19:45:44.24ID:???

画像がはみ出てるか、半角英数の文字列がはみ出てるか
あと何があったっけ
Name_Not_Found [sage] 2019/05/21(火) 20:13:18.34ID:???
店員さんにお釣り渡される時手を握られると愛が生まれます。
何故でしょう?
Name_Not_Found [sage] 2019/05/21(火) 21:46:12.31ID:???
readonlyのtextarea内に文字列を表示するプログラムがあるのですが、
textarea内のhtmlタグを有効にする方法はないでしょうか?

<textarea readonly>読み取り<br>専用</textarea>

これを以下のように表示したいです。

読み取り
専用
Name_Not_Found [] 2019/05/21(火) 22:08:49.65:3tx2BbHe

<textarea readonly>読み取り
専用</textarea>

これじゃいかんの?
Name_Not_Found [sage] 2019/05/21(火) 22:19:16.72ID:???

ありがとうございます。

例として<br>タグを記載しましたが、
<font>や<h>など、その他のhtmlタグもhtmlとして表示したいです。
Name_Not_Found [sage] 2019/05/21(火) 22:26:49.17ID:???
こういうことじゃないよね?

<!doctype dtd>
<html>
<head><meta charset=”us−ascii” /></head>
<body>
<textarea id=”sample”>
</textarea>
<script>
const a = document.getElementById(”sample”);
a.textContent = ”read¥nonly”;
a.readOnly = true;
</script>
</body></html>
Name_Not_Found [sage] 2019/05/21(火) 22:27:05.94ID:???
<?php echo '
<h2 class="hoge">hoge</h2>
';?>
Name_Not_Found [sage] 2019/05/21(火) 22:31:26.62ID:???

<br>はあくまで1例で、別に改行だけしたいんじゃないってっさっき私、書きましたよね?(怒)
Name_Not_Found [sage] 2019/05/21(火) 22:43:08.82ID:???
それともコレ?
ttp://https://developer.mozilla.org/ja/docs/Web/Guide/HTML/Editable_content


textarea での実装ではフォントとか変えられないようだけど、何か質問しておいて怒ってるみたいだから(以下自粛
Name_Not_Found [sage] 2019/05/21(火) 22:49:11.03ID:???
ナビゲーションバーを背景のメイン画像の上に重ねるにはどうすればいいですか…?
Name_Not_Found [sage] 2019/05/21(火) 22:50:32.93ID:???
ナビゲーションバーというか、ヘッダーリストです
Name_Not_Found [sage] 2019/05/21(火) 23:11:28.79ID:???
かつてだった者です。
解決しました。一部の要素にpaddingが付いていて、それが原因で右側に10pxほど余白が出来てしまっていただけでした。

誰もエスパーに成功しなかったため、特別お礼を言う気はありません(怒)

さようなら(大激怒)
Name_Not_Found [sage] 2019/05/21(火) 23:31:27.60ID:???
まだ読んでるかどーか知らんけど


vivaldi
Name_Not_Found [sage] 2019/05/21(火) 23:53:33.91ID:???

あれを読み込んでると思うから、俺みたいな感じでそれ開いてさ、
そこの数値で調整すれば絶対重なるよ。俺のもそうやったしさ。
でもヘッダーリストというか俺のはヘッダーメニューなんだよね。
でもメイン画像大きいじゃん?青いトコよち上にすれば重なるっしょ?
Name_Not_Found [sage] 2019/05/22(水) 00:00:18.51ID:???

ランキングを右上にして新着を右下にしたいんですが、
オススメは真ん中あたりにしたいんです。
どうすればいいですか?
Name_Not_Found [sage] 2019/05/22(水) 00:06:42.64ID:???
トップ画像のスライドショーはjQueryでやるか、CSSでやるかどっちがオススメですか?
Name_Not_Found [sage] 2019/05/22(水) 00:09:41.02ID:???
CSSだけじゃ無理があるだろ。
無理ない程度のスライダーなのであればCSSがいい
Name_Not_Found [sage] 2019/05/22(水) 00:13:06.71ID:???
なんでここで質問する奴は
自分の作ってるサイトはみんなと同じレイアウトだし
わかるよねって思い込んでるんだw
Name_Not_Found [sage] 2019/05/22(水) 00:13:24.83ID:???

3、4枚の画像をスライドショーさせたい
Name_Not_Found [sage] 2019/05/22(水) 00:14:33.92ID:???
スライダーはCSSで書くとすっげーめんどくせえよ
jQueryでどっかのサンプルもらった方が早いと思う
Name_Not_Found [sage] 2019/05/22(水) 00:14:48.40ID:???

ここの回答者はみんなエスパー使いだから、質問者の現在制作中のホムペの構成を透視できるって聞いたんだけど違うの??
Name_Not_Found [sage] 2019/05/22(水) 00:15:22.28ID:???

分かりました、その辺の拾ってつけます。
Name_Not_Found [sage] 2019/05/22(水) 00:15:51.63ID:???
あ、サンプルもらうっていっても
無断転載禁止のところのかってのコピペるんじゃなくて
無料でソースコード配ってくれてるところのって意味な
Name_Not_Found [sage] 2019/05/22(水) 00:25:22.59ID:???

PCでインスペクタ
Name_Not_Found [sage] 2019/05/22(水) 00:26:52.08ID:???

ま、まあな////
そういう風に言う事もできなくはないんだがな(汗)
Name_Not_Found [sage] 2019/05/22(水) 00:28:14.49ID:???

keyframeあるじゃん
scrollsnaptypeあるじゃん
Name_Not_Found [sage] 2019/05/22(水) 00:29:05.39ID:???

PCとかダサいんですけどぉ
Name_Not_Found [sage] 2019/05/22(水) 00:32:04.67ID:???

ナウな俺たちはスマートグラスでコーティングだよな
PCとか、原始人のツールかよ笑笑
Name_Not_Found [sage] 2019/05/22(水) 00:37:15.78ID:???

scroll-snapなんてのがあるんだな知らんかったわ
でもスライダーってコントロールボタンがあってコントロールナビがあって
場合によってはサムネがあってサムネの数が入りきらない場合はサムネも自動でスクロールして・・と
cssでやるイメージないわ
Name_Not_Found [sage] 2019/05/22(水) 00:54:59.16ID:???
俺がスマートエスパーしてやるからバッチ来いや
Name_Not_Found [sage] 2019/05/22(水) 00:55:51.87ID:???

wget ttp://https://example.com/foo/bar.html

cssとかjsとかは勝手にしてくれ
jquery.min.js とか必要だったら
ttp://https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
ttp://https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
でも何処でもお好きなように

Androidのユーザーランドにwgetがあるかどうかは知らんし
iOS / macos もどうだか知らんがな
Name_Not_Found [sage] 2019/05/22(水) 01:00:09.45ID:???
PCとか懐かしいな
さすがにもう持って無いわ
Name_Not_Found [sage] 2019/05/22(水) 02:59:48.06ID:???

カルーセルにしたいんだろうがスマホでやるとscrollsnapのが便利だぞ。
自動でスライドさせたとこで誰も最後までみてないし
Name_Not_Found [sage] 2019/05/22(水) 03:00:34.89ID:???

さようならの人に言ってもしゃーないけど、
box-sizing設定してなかったの?
Name_Not_Found [sage] 2019/05/22(水) 06:18:07.89ID:???
初心者向けの本読みながら勉強してるんだけど、急にwrapとかclassの概念出てきて詰んじゃう><
どうしよう、こういうの最初は無視して進んでもいいかんじなんですか?
Name_Not_Found [sage] 2019/05/22(水) 08:10:26.62ID:???

気分転換にJAVAの方を勉強してみるとか・・
Name_Not_Found [sage] 2019/05/22(水) 08:43:49.47ID:???
cssのclassなんてただ名前を付けてるだけだから深く考えんでよろし
javaなんて挟んだら余計混乱する
Name_Not_Found [sage] 2019/05/22(水) 08:47:41.38ID:???
javawwww
気分転換にサーバーサイドでも勉強するのかwwwww
Name_Not_Found [sage] 2019/05/22(水) 09:42:08.86ID:???

最初は誰もが通る道だ

俺も今、通ってる
Name_Not_Found [sage] 2019/05/22(水) 09:42:27.24ID:???

いま悩んでいるのが html だけの部分なら、無視して良いとおもう

そう言い切れる理由の1つは…。
Firefox も chrome も影も形もなかった頃には
存在しなかったかマイナーだったから


CSSがらみだと色々…
いちばん単純なモノだけに絞って、実際に画面みて
いま挙げた概念がどう使われているか、個別指定等と比べてどう便利か
比較してみるとか


CSS 超疎いので大間違いだったら言ってちょ…
class は js で必要な範囲くらいしか見てないのよ…
Name_Not_Found [sage] 2019/05/22(水) 09:47:22.73ID:???

うーん

みたいな javascript の超かんたんなヤツを指してるなら正しいと言いうるかなあ。
実際『textareaでフォントとか変えられるのかなあ。何かプロパティ弄る方法あるのかなあ』と思いつつ調べたから。


span と div の違いとか、その過程で色々解説サイト読むことになって勉強になったかも、だし
要素5個だったものが7個になった場合に、大昔ならtableで誤魔化してたようなのをCSSでどうするか(ついでにポリフィルあるかどうか)とかも含めて、かな

CSS の世界でも「ポリフィル」という単語がメジャーかどうかは知らんので
詳しい人がフォローしてくれるとうれしい
Name_Not_Found [sage] 2019/05/22(水) 09:49:33.18ID:???
Javascriptを勉強するのと、Javascriptライブラリを勉強するのは違いますか?
Name_Not_Found [sage] 2019/05/22(水) 09:58:21.48ID:???

かなり違う
ただし、別に『いきなりjQueryを学ぶ』とかでも良いし、ひととおり習得してからjQuery固有のものjavascript一般のもの区別という習い方はアリだとおもう


…と思ったらココは html / css スレじゃねーかオイ

web制作板は「ただいま」絶賛荒らされ中だからプログラム板に行ってちょうだいな
板をまたぐ点、手数かけて申し訳ないのだけれども、html / css と全く関係ない内容はココで質問しちゃダメよ
使い分けってものがあるんだからね?
Name_Not_Found [sage] 2019/05/22(水) 13:10:07.53ID:???

そんなことないよー
Netscapeの頃からある話だよ

たぶん教材が自分の学力にあってないのだと思う
もっと低レベル、低年齢向けのもので学んだ方がいい
遠回りにはなるけど
Name_Not_Found [sage] 2019/05/22(水) 13:10:39.44ID:???

カルーセルなら、Bootstrap にもあるだろ

Bootstrap も、jQueryを使っている
Name_Not_Found [sage] 2019/05/22(水) 19:16:46.36ID:???
こないだWeb制作会社勤めてる人が集まってる所で
Bootstrapってどうすか?って聞いたら誰も使って無かったw
まあ業務レベルだとスクラッチで書くのが基本だもんな
Name_Not_Found [sage] 2019/05/22(水) 19:21:07.93ID:???

うちはデザイナーが
bootstrap使うとbootstrap臭くなるからって嫌ってるな
技術者的にはどっちでもいいんだけど
Name_Not_Found [sage] 2019/05/22(水) 20:11:28.25ID:???
確かに通常のフローは
構成・ワイヤー決定 → デザイナーがデザイン → それをコーダーがhtml化 →アップ の流れだから、
Bootstrapが入る余地なんてないはずなんだよな。
デザイナーにBootstrapでできるようなデザインしてくれなんて事言う案件なんてないわ
Name_Not_Found [sage] 2019/05/22(水) 20:50:09.95ID:???
制作会社からデータ貰うとだいたいbootstrap
いろんな会社のコード見たけどこんなひどい書き方でもお金もらえるんだーと思った

もっと手抜きしていいのかなぁ
どうせ中見ないだろうし(´・ω・`)
Name_Not_Found [] 2019/05/22(水) 20:53:21.67:sTXIi70m
書き方にこだわってるうちは二流



って幼女が言ってた
Name_Not_Found [sage] 2019/05/22(水) 21:01:06.78ID:???
常人には理解できないだけで、一流のコーダーが見れば神レベルの仕上がりなのかもしれない

って令和生まれのコーダーが話ししてたわ
Name_Not_Found [sage] 2019/05/22(水) 21:05:56.32ID:???
全部importantになっちゃうよ?(´・ω・`)
Name_Not_Found [sage] 2019/05/22(水) 21:17:40.64ID:???

指摘、感謝です!

ECMAScript2015(ES6) と document.write 時代のことしか知らないもんで、
詳しい人に補足・否定していただきたかったのでした
Name_Not_Found [sage] 2019/05/22(水) 22:44:54.86ID:???
生jsゴリゴリ書けるのにcssが苦手と言っている人は
すぐできるようになるよ
プログラムわかるのに決してcssを侮ってないその姿勢は素晴らしいわ
Name_Not_Found [sage] 2019/05/22(水) 22:49:35.12ID:???
物ごとを一度極めた事がある人ほど、簡単そうな事も決して侮らない
どんなものでも奥深さがある事をよく知ってるんだろう
Name_Not_Found [sage] 2019/05/22(水) 22:54:02.88ID:???
いい意味で注意深いよね
Name_Not_Found [sage] 2019/05/22(水) 23:11:52.61ID:???
TVでイチローが相手の嫌いな食べ物を当てる対決番組で広末涼子と対決したときに、
嫌いなものを食べる時に、相手の舌がわずかに引っ込んだのを見て嫌いな食べ物を一発で当ててた。
すげーと思ったわ。試合でも投手の目の動きとか筋肉の動きとか見てるんだろうな。
Name_Not_Found [sage] 2019/05/23(木) 00:20:34.20ID:???
reboot.cssがなうい
Name_Not_Found [sage] 2019/05/23(木) 01:35:32.09ID:???
生jsゴリゴリかけるようになりたいと思いつつ10年あまり
いまだJQのコピペマン
Name_Not_Found [sage] 2019/05/23(木) 01:44:32.23ID:???

const / let の使い分けと
個々の html 要素のプロパティの関係を調べる…とかダメ?
上の方の例も textarea のコンテンツいじってreadonlyにしてるだけだし

var 使ってるのは後方互換性だけだし
IE11 は…初心者は無視で良いんじゃないかなあ

プロパティの操作は CSS の応用というか
CSS 等のプロパティいじってるもの考える、とか


むしろ CSS は「細かいことは リファレンス見ればok」な人の方が早く習得できるかも
Name_Not_Found [sage] 2019/05/23(木) 03:55:50.05ID:???

俺は素人だが、俺だってピッチャーが投げるところを見てるよ
Name_Not_Found [sage] 2019/05/23(木) 10:57:41.63ID:???

そういう意味じゃないよ。
1つの物ごとを極めた人は、その感覚を忘れずに他の事にも臨むって例え。
相手の嫌いなものを判断する時に下の動きを観察するなんて、野球極めたからできる事。
Name_Not_Found [sage] 2019/05/23(木) 10:58:16.79ID:???
↑誤変換
× 下
○ 舌
Name_Not_Found [sage] 2019/05/23(木) 13:30:54.52ID:???

まあ慣れだと思うけど、やってみると

・まず要素にアクセスして
・何かしらの計算をして
・要素の属性や内容を書き換える

っていう手順を自分の手で踏むようになって
それぞれを関数化して切り分けるようになるから
自然とコードがカプセル化していく

ので、jQ頼り切りの人のコードによくある
$('selector').on(function(){})や$('selector').each(function(){})の中に
何でもかんでも詰め込んじゃう書き方からは脱却出来ると思う
Name_Not_Found [sage] 2019/05/23(木) 15:08:17.87ID:???

> 相手の嫌いなものを判断する時に下の動きを観察するなんて、野球極めたからできる事。

野球極めて無いけど、舌の動きを観察すれば嫌いかどうか分かると知った今、俺だって観察するさ
野球極めてなくてもできる。
Name_Not_Found [sage] 2019/05/23(木) 15:15:27.40ID:???
プロゲート上級編まで2回とドットインストールのbootstrapを軽く1周したくらいなのだが、模写コーディング挑戦してみたら全くできなくて挫折しそう
次何やればいいのかがわからんくなってしまった
ダレカタスケテ
Name_Not_Found [] 2019/05/23(木) 15:44:04.21:lwwlA3fX

考え方が逆なんじゃね?
そういった予備知識がなくても、それまでに得た経験から
どういった観察をするべきかをその場で導き出せる、ってことだろう

一芸を極めた人は他の分野でも覚えがよいっていうのは
そういうことなんだよ
Name_Not_Found [sage] 2019/05/23(木) 15:46:41.17ID:???

食べ物は口から食べる。
嫌いな食べ物だと躊躇する。
食べ物勝負をしてるんだから相手のことぐらい見る

そういうのはい人生 "経験" から導き出せる
Name_Not_Found [sage] 2019/05/23(木) 15:53:48.37ID:???

本質が何も理解出来てなくてワロタw
たぶんあなたは何でも表面的なとこまでやってはやめてるんじゃないだろうか・・?


そうそう。そういう事です。
Name_Not_Found [sage] 2019/05/23(木) 15:57:08.03ID:???

例えを出すとその目先の具体例ばかりにとらわれてしまう人いるけど、
具体例はあくまで伝達の手段の1つなんですが。。。
Name_Not_Found [sage] 2019/05/23(木) 16:05:49.77ID:???
誰でもできることを、ある人がやっただけですごいと思ってしまうのは、
単に相手の中身ではなく、名前で判断してるだけですよ。
Name_Not_Found [sage] 2019/05/23(木) 16:06:21.91ID:???
一芸を極めなくてもワーキングメモリを鍛えれば何をやっても応用が利くようになるよ

何をやっても応用が利くようになりたいって話しなら、一芸を極める事よりもその過程で鍛わるワーキングメモリに注目すべき
Name_Not_Found [sage] 2019/05/23(木) 16:22:23.56ID:???
…こういうのが「コロンブスの卵」と呼称されるのか…
Name_Not_Found [sage] 2019/05/23(木) 16:27:09.68ID:???

例えば?
Name_Not_Found [sage] 2019/05/23(木) 16:29:51.68ID:???
私は協調性があり、前向きで、反省を活かせつ人間で、センスもいいんです。
そして何でもできるし結構すごいんですよ。



一番面接で落とされるタイプw
Name_Not_Found [sage] 2019/05/23(木) 16:32:26.29ID:???

まず図書館へ行きます。

冒頭の記述は「分かってる」レベルの本なら、いったん読み進めます。
半分くらいのところをパラパラ見て、「分かっていること」「分からないこと」混在状態なら借ります。
もちろん「分からないこと」を「具体的かつ完全に実装できる」ように説明してあることが必須。


今日、「ラズパイでsa,mba」とか書いておきながらストレージデバイスとの物理的接続方法を一切書いてない本があったもんでね。
USB接続を想定していたのだろうか…?
良くある「凶器級」の厚みの本が版変わるたびに入庫したっぽかったりとかする割に…なんだろ…司書さんにラズパイ詳しい人おらんのかいな。


以上、住民50万いない市の中央図書館での話でした。
『魔法科高校〜』とバカテスはダレの趣味だ…漫画一冊も無いのに…。
Name_Not_Found [sage] 2019/05/23(木) 16:33:26.26ID:???

何をやっても応用が効くようになりたいって話は
誰がしているの???
Name_Not_Found [] 2019/05/23(木) 16:35:02.32:lwwlA3fX

大雑把に言えば経験が足りないだけだから
出来る範囲で
小さなことからコツコツと
Name_Not_Found [sage] 2019/05/23(木) 16:39:50.56ID:???

「何をやっても応用が効くようになりたい」ってのが理想像だけれども
『自分にはコピペプログラミング(?)しかできない!生jsをスクラッチからなんて夢のまた夢』なひとが
理想像に近付くための一歩は何か

みたいな話だとおもう
Name_Not_Found [sage] 2019/05/23(木) 16:42:10.91ID:???

試行錯誤は重要ね

console.log でも document.writeln でも何でも
手段はどうでも良いから、色々やってみて挙動を確認するのは良いことだとおもう

ブレークポイントを設定して、そこでの『状態』を詳細に確認できるツールがあるなら
その方がベター
Name_Not_Found [sage] 2019/05/23(木) 16:50:52.86ID:???
自分はプロの制作者だけど、
ドットインストール試しに昔やった事あるけどあれは何も身につかんって思った。
なんだ簡単じゃないかって感違いして、やった気になるだけ。

まあいきなり難しい本読んで挫折するよりマシだけど、
プログラムや制作って簡単なんだなって思われそうで腹立った。
Name_Not_Found [sage] 2019/05/23(木) 17:03:32.46ID:???
ネットで学ぶ系のやつって身につかんね
何回やってもすぐ忘れちゃう
自分が歳だから…?
Name_Not_Found [sage] 2019/05/23(木) 17:21:52.45ID:???
需要に答えてるだけかもしれんな
学習塾じゃないから
本気でやらせる義理なんてないし
Name_Not_Found [sage] 2019/05/23(木) 17:23:58.91ID:???

ドットインストールは補助輪付き自転車みたいな感じ
補助輪付きで自転車こげる気になってるけど、いざ補助輪外したら全くのれんみたいな
Name_Not_Found [sage] 2019/05/23(木) 17:36:45.06ID:???
乗れる人は乗れてしまうから
「乗れないのは受講者が悪い」と
Name_Not_Found [sage] 2019/05/23(木) 17:47:41.63ID:???

受講内容がその人にあってないんでしょ?
だからさっさと別の方法に変更すべき

乗れない方法をいつまでやっていても乗れないに決まってる。
一方乗れる人は乗れてしまうから受講内容が悪いわけじゃない。
Name_Not_Found [sage] 2019/05/23(木) 17:55:34.74ID:???
乗り手の補助輪への依存度が強いと、次のステップでつまずく
Name_Not_Found [sage] 2019/05/23(木) 18:11:18.02ID:???
まず自分でやって
間違う、うまくいかない、わからない個所に出会って
その原因を習い
自分の手で直して身につける


主だった先進国で育てば
そういう学習の仕方の訓練を受けて育ってるので
いきなり上手くやる例を見せられても身につかんのはしゃーないわね
Name_Not_Found [sage] 2019/05/23(木) 18:11:35.97ID:???
いやあれは依存する流れだよ。
たいして身についても無いのに、コンプリートして
次のステップに進むのに普通初心者は疑問なんて抱かない。

勝手に運んできてくれるコース料理を消化していってるのと同じ状態。
Name_Not_Found [sage] 2019/05/23(木) 18:39:32.30ID:???
ドットインストールのイメージ

色を指定しましょう
例 font-color: red;

これを参考に青を指定しましょう。
青はblueです
font-color:?

合格です!!
さあ、次のステップへいきましょう。

こんなんで何が身につくねんw
Name_Not_Found [sage] 2019/05/23(木) 20:38:14.52ID:???
ウチの市の中央図書館に html / css の本がワンサカある
ノーパソ持ち込める図書館で蔵書をネタに「乗ってみる」のも良いかもね


スカ色とか湘南色とか阪急のマルーンとか鉄分の多いページとか
関係ないけど、今日初めてマルーンのランドセル見たわ
Name_Not_Found [sage] 2019/05/23(木) 20:42:24.13ID:???
ついでに言うとJavascriptの本もjQueryの本も多く、
誰が借りるのか知らんけどRuby / Pythonの本まである

人口30万人に満たないし市内にはFランではない私立大学くらいの郊外の立地なのだがなあ


そんな訳で『公共の図書館で意外な資料があるかも』という
Name_Not_Found [sage] 2019/05/23(木) 20:49:41.38ID:???

図書館はたまに蔵書の寄付があるんで
偏ったジャンルが充実してしまうことがある
Name_Not_Found [sage] 2019/05/23(木) 20:52:17.96ID:???
本当の意味で身につくのはやっぱ現場だよ

自分に対応できるかわからない技術的な不安と、
絶対厳守の納期に追われ、本番公開して油断してだら
急に他人からの指摘で不具合に気づき、変な油汗タラタラかきながら
目を見開いてコードを追い、不具合の原因を1秒でも早く見つけるのを迫られるあの感じ。
Name_Not_Found [sage] 2019/05/23(木) 21:15:52.98ID:???
できなきゃ困るって状況は学習を加速させるね


趣味でやってる人も
意図的にそういう状況作ってみればいいんだよ
明日の朝までにちゃんと動くもの作れなかったら
爪一枚剥がすとか
Name_Not_Found [sage] 2019/05/23(木) 21:18:26.49ID:???
過酷すぎるw
Name_Not_Found [sage] 2019/05/23(木) 21:21:49.80ID:???
ここのいる人達ってホームページ書くときってwebに転がってるテンプレとか使ってるの?
Name_Not_Found [sage] 2019/05/23(木) 21:30:11.02ID:???
やりたいことを検索します
「うーんちょっと違うんだよなー」と呟きながら1日が終わります
それの繰り返しです
Name_Not_Found [sage] 2019/05/23(木) 21:39:53.63ID:???

おっちゃんは仕事でやってるので使ってないです
Name_Not_Found [sage] 2019/05/23(木) 21:47:23.32ID:???

そういう事情があるんですね
ありがとうございます
Name_Not_Found [sage] 2019/05/23(木) 22:50:01.69ID:???

使ってない
いらないもの削除するの大変だもん
Name_Not_Found [sage] 2019/05/23(木) 23:18:51.87ID:???
大都市の中央図書館では、Ruby の本は見ない。
大人気で、常に誰かが借りているから!

JavaScript(JS)は、VSCode, Node.js があれば、色々いじくって遊べるけど、文法が難しい。
progate みたいに文法から学ぶと、全く面白くないし、何もできない

文法じゃなくて、プログラミング技術を学ぶのは、Ruby が最適!
プログラミングと言うのは、文法じゃないよ!

プログラム板の「プログラミングのお題スレ」のソースコードを見ても、断トツでわかりやすい!
ビジネスロジックが、ソースコードにそのまま表れる。
やってる事がすぐにわかる

だから、Rubyで鍛えてから、JSを学ぶのがよい!
Name_Not_Found [sage] 2019/05/23(木) 23:43:00.64ID:???
HTMLとCSSなんて辞典一冊あればことたりるのに
なにができないのかわからん
Name_Not_Found [sage] 2019/05/23(木) 23:44:40.04ID:???
正しい構造のマークアップになってくると
また違ってくるが
Name_Not_Found [sage] 2019/05/24(金) 00:18:07.06ID:???
同じ図書館で vue.js の本もあったが「古いからイラネ」かも知れず…
Name_Not_Found [sage] 2019/05/24(金) 01:01:15.01ID:???
js/cssはほんと古い本はダメだな
エンボス加工の立体ボタンとか出てきて、ペコッってなってチカチカ点滅とかいつの時代のHPかと
Name_Not_Found [sage] 2019/05/24(金) 01:31:30.62ID:???
長文&グダグダになっちゃった…

要点:
ベースが html / css なので、その分 javascript はラク。ただ、不思議な仕様もあり、変遷もあり、難しい面もある
変数 / 式 / 演算子 / 条件分岐 / ループ処理 / 配列(コレクション・ハッシュ) / 関数(メソッド)
あたりの学習コストは、モダンなスクリプト言語なら大きな差はないかも(jsは変数と関数が面倒かも)



javascript は Windows のメモ帳 (ansi) で充分色々できる
動作確認は、エクスプローラ上でダブルクリックしてブラウザ起動させればok
この場合、特別なものとかインストール作業とかは一切要らないし、ベースは html / css

専ら練習用でブラウザ上で簡単に確認したければ document.write で良いといえる
strongly discouraged とか言われてるけど、専ら練習用なら困る人は居ないから document.write で良いといえるのですね


その辺の簡単さの代償というか、自由すぎるというか…自由さゆえに「文法が難しい」となるのか…?
「動くことは動くけど正しいとは言えない」的なものが色々あり、誤解されそうなものもあり、歴史的変遷ふくめ要因いろいろあり、かも
(var / let / const とか「巻き上げ」とか、const の意味合いが他の言語と違うとか、関数の書き方とか関数式とか)


なお web 上の情報はカオス
入門書は2015年以降のもので書評よさげなものを、かな
ECMAScript2015対応とかES6対応とか明示されてればok
web系入門サイトの評価付けを確認する方法は分からん…

もちろん、エディタは補完機能あるモノの方がラク
実践かんがえれば console.log
Name_Not_Found [sage] 2019/05/24(金) 01:33:52.37ID:???
私も勉強中なので
穴やら誤りやら入ってる可能性があろうかと

ボッコボコにしてokです
Name_Not_Found [sage] 2019/05/24(金) 01:35:38.35ID:???
すみけんたろう著スタイルシートWebデザインは今読んでも名著
Name_Not_Found [] 2019/05/25(土) 00:04:27.20:9m7J1hJj
<a>の間にブロック要素を入れるのってタブーですか?
Name_Not_Found [sage] 2019/05/25(土) 00:25:06.05ID:???

全然平気
Name_Not_Found [sage] 2019/05/25(土) 00:51:26.27ID:???

今はルール的には大丈夫になった。

前はルール的にもダメだったしなんといってもIEでリンク範囲の挙動がおかしくなる。
今もたぶんIEは変わって無さそうだから自分は今でもやらない。
必要な場合はインライン要素でやるかjs使う。
レガシーブラウザ相手にしなくていいなら気にしなくてOK。
Name_Not_Found [sage] 2019/05/25(土) 01:50:43.81ID:???
質問してもいいんですか?
Name_Not_Found [sage] 2019/05/25(土) 04:51:13.35ID:???

> 前はルール的にもダメだったしなんといってもIEでリンク範囲の挙動がおかしくなる。

俺の記憶だと、IEの挙動に合わせたんだったはずだが?
IEは昔から<a>の中にブロック(というかa以外なんでも)入れられた
Name_Not_Found [sage] 2019/05/25(土) 09:24:58.50ID:???

それIEのいつからの話?
自分は8か9で実際に、実務でコードを検証していた中で
複数人のソースにおいて何度か起こった為、ルール化した事象だから間違いはないよ。
Name_Not_Found [sage] 2019/05/25(土) 09:36:11.41ID:???
もうやだIE
Name_Not_Found [sage] 2019/05/25(土) 10:04:58.42ID:???

手元にはIE11のエミュレーションモードしか無いけど
IE5からその挙動だな
Name_Not_Found [sage] 2019/05/25(土) 10:51:45.38ID:???
IEのせいでいつもぐちゃぐちゃにゃー
Name_Not_Found [sage] 2019/05/25(土) 10:56:08.24ID:???
Microsoftもandroidも標準ブラウザみたいの乗せるのやめてほしい。
Chromeだけでいいけど、もうChromeとFireFoxだけにしてほしいよね
Name_Not_Found [sage] 2019/05/25(土) 11:03:34.29ID:???

いつ頃だろう
IE5の頃はもう普通にやってた思い出
Name_Not_Found [sage] 2019/05/25(土) 11:04:19.00ID:???

そう言うことすると
ファーウェイみたいになるリスクがあるんじゃね?
Name_Not_Found [sage] 2019/05/25(土) 11:12:47.37ID:???

あー、なるほど。
でも、ファーウェイと違って、Microsoftが「グーグルのサービスを完全に使用不可にします!」
とかなって、「じゃあ、Googleはデスクトップ用の独自OS作ります」ってなったら、ファーウェイとは全く違うことになりそうだけどね。
ファーウェイのOSとか、絶対怖くて無理だわ
Name_Not_Found [sage] 2019/05/25(土) 11:17:16.32ID:???

いやいや、その頃はHTML5じゃないから、そもそもルール的にダメだろw
ttp://https://kigiroku.com/frontend/notBlock.html
Name_Not_Found [sage] 2019/05/25(土) 11:22:32.47ID:???
HTML4では
タンスの中に洋服を入れられるが、
洋服の中にタンスは入れられないというルールだった。
Name_Not_Found [sage] 2019/05/25(土) 11:24:26.50ID:???

ルールじゃなくて実装の問題

HTML5の仕様は特殊で、
仕様を作ってからブラウザが実装するのではなく
ブラウザの実装を元に、それを仕様にしている
互換性のためにそうした。

だから最近できた仕様は違うかもしれないが、
初期の仕様は、古いブラウザ(殆どの場合古いIEを意味する)の
動きがそのまま仕様になってる

例えば、<!DOCTYPE html>もIE6?がこれに対応していたから
これを正式な仕様にした。
Name_Not_Found [sage] 2019/05/25(土) 11:33:54.28ID:???

実際に挙動がおかしかったからわざわざjs使って対処したし
当時はボックス全体をリンク範囲にする方法の記事がネットにもたくさんあった。
つまりそれだけ、当時はできなくて困ってた人が多かったって認識だけどねぇ。
まあ自分も今は検証できる環境ないのでこれ以上は水掛け論にしかならんと思う
Name_Not_Found [sage] 2019/05/25(土) 12:56:09.74ID:???

> HTML5の仕様は特殊で、
> 仕様を作ってからブラウザが実装するのではなく
> ブラウザの実装を元に、それを仕様にしている
> 互換性のためにそうした。

そういうの特殊だよね
C99 策定のときも色々揉めて妥協の産物のなった項目が一杯あったとか何とか
ってスレチか
Name_Not_Found [sage] 2019/05/25(土) 12:56:55.67ID:???

検証できる環境…
Windows 98SE なら core2 世代 / g31で動くので
テストコードを走らせるくらいなら…
Name_Not_Found [sage] 2019/05/25(土) 13:58:36.64ID:???
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で指定された位置にふわ〜っと移動する描画がされてしまうんですが何故でしょうか?
Name_Not_Found [sage] 2019/05/25(土) 17:09:44.32ID:???

> 当時はボックス全体をリンク範囲にする方法の記事がネットにもたくさんあった。
それは関係ないでしょ。当時はaの中にdivを入れたらHTML4の仕様上だめだったから
(IEで動く方法を使わずに)ボックス全体をリンク範囲にする方法の話でしょ。
Name_Not_Found [sage] 2019/05/25(土) 21:30:19.50ID:???
質問する前に許可が必要って聞いたんですけど、
質問いいですか?
Name_Not_Found [sage] 2019/05/26(日) 02:23:56.48ID:???

どうぞ
Name_Not_Found [sage] 2019/05/26(日) 02:25:20.31ID:???

どうぞ
Name_Not_Found [sage] 2019/05/26(日) 07:12:20.95ID:???

誰から聞いたのですか?
Name_Not_Found [sage] 2019/05/26(日) 09:17:44.91ID:???

でも今日は日曜だし申し訳ないですよ
Name_Not_Found [sage] 2019/05/26(日) 13:46:06.53ID:???

その通り、許可が必要です。
Name_Not_Found [sage] 2019/05/26(日) 13:54:52.44ID:???
質問良いですか?と聞く前に
許可を得るように
Name_Not_Found [sage] 2019/05/26(日) 15:20:42.22ID:???
質問して良いかどうか聞いてもいいですか・・?
Name_Not_Found [sage] 2019/05/26(日) 15:22:25.07ID:???
回答者も許可制にしろや
Name_Not_Found [sage] 2019/05/26(日) 15:32:16.09ID:???
今日は日曜日ですので、選りすぐりの回答者達は皆、お休みでございます。

何卒、ご理解の程よろしくお願い致します。
Name_Not_Found [sage] 2019/05/26(日) 15:56:22.67ID:???
{}をブレースとも言うと聞きました。
でも、ブレイスとも聞きました。
どっちですか?
descriptionはデスクリプションですか?ディスクリプションですか?
definitionはデフィ二ションですか?ディフィニションですか?
collaspeはコラスプ⤴︎ですか? コ⤴︎ラスプですか?
Name_Not_Found [sage] 2019/05/26(日) 16:28:31.60ID:???

英単語をカタカナにするのにどっちが正解も不正解もないだろ
ネイティブスピーカーからしたら全部不正解だし
Name_Not_Found [sage] 2019/05/26(日) 23:07:03.67ID:???

回答の保証はしかねます
Name_Not_Found [sage] 2019/05/26(日) 23:12:46.09ID:???
鹿寝ます?ってどういう事?
Name_Not_Found [sage] 2019/05/26(日) 23:22:17.06ID:???

寝ます
Name_Not_Found [sage] 2019/05/27(月) 00:17:20.61ID:???

鹿が寝ると言う意味です。
Name_Not_Found [sage] 2019/05/27(月) 00:24:09.61ID:???

そんなこと言ったら
今もHTML5じゃないんじゃね?
少なくともChromeとFirefoxとSafariは

あんな糞フォーク見るんじゃねえって言ってるくらいだし
Name_Not_Found [sage] 2019/05/27(月) 00:24:32.55ID:???
あ、すごい遠投してしまった…///
Name_Not_Found [sage] 2019/05/27(月) 05:03:16.33ID:???

できません。
って意味じゃないかな
Name_Not_Found [sage] 2019/05/27(月) 05:10:42.24ID:???
溺魔戦ってなんか怖い
Name_Not_Found [sage] 2019/05/27(月) 05:21:08.02ID:???
その昔、魔物が住むと言われる川を、反対の岸まで泳ぎ切ったものが、その川を含む土地を領地にできるとされていた。
しかし、その川を渡ろうとするものを魔物は容赦なく襲った。
橋をかける技術が発達し、その川に入るものがいなくなるまで、この戦いは続き、溺魔戦として語り継がれてきた
Name_Not_Found [sage] 2019/05/27(月) 07:18:05.35ID:???
誤変換を活用する妄想質問者は何がしたいのですか?
Name_Not_Found [] 2019/05/27(月) 08:57:03.50:ysH/Tfwn

スペルを覚えやすい発音で覚えるといいよ。
colorはコロル。tableは食べる。
Name_Not_Found [sage] 2019/05/27(月) 11:40:37.11ID:???

世界史で習ったぢゃん
Name_Not_Found [sage] 2019/05/27(月) 11:48:36.82ID:???

即興?なかなか上手いもんだ
Name_Not_Found [sage] 2019/05/27(月) 11:50:11.03ID:???
REFERER
これでよし、と…
Name_Not_Found [sage] 2019/05/27(月) 15:17:05.23ID:???

何明書房なんだよw
Name_Not_Found [sage] 2019/05/27(月) 21:02:57.28ID:???
CSS をロクに理解してないアンポンタンからの質問ッス
script の部分は無視して、入力部分としての「テキスト入力部分とボタン部分」、出力部分としてのtextareaについて確認していただけないでしょうか。

ttp://https://jsbin.com/xirucuz/edit?html の方では、いにしえの html で書いてあります
んで、ttp://https://jsbin.com/seyidad/edit?html,output の方は、入力部分と出力部分を別々の p 要素で書いてみてあります。


html / css 側を扱う方々としては、どちらの方が好ましいでしょうか
「お前、いい加減に css をしっかり勉強しろ!」と言われかねない所ですが…重要なプロパティ名だけでも御教示ねがえませんでしょうか
Name_Not_Found [sage] 2019/05/27(月) 21:05:18.06ID:???

君、才能あるよ。
ちょっとやそっとじゃ笑わないこの俺様がクスっとしたんだから間違いない。
Name_Not_Found [sage] 2019/05/27(月) 21:07:09.40ID:???
は笑いの押し売り感やエゴが一切ないなんというセンスだ
Name_Not_Found [sage] 2019/05/27(月) 21:35:50.24ID:???
残念!全部自演でしたw
Name_Not_Found [sage] 2019/05/27(月) 21:52:43.48ID:???
です
手元の資料でどうにかなりました
お手数をおかけしました
Name_Not_Found [sage] 2019/05/27(月) 22:02:12.08ID:???
最近、webの勉強を始めたのだけど、そこで「もっとコメントを書く様に」と言われました。
それで、なるべく英語に慣れようと思いまして、
/* ここからmain */

/* ここまでmain */

ではなくて、この「ここから〜ここまで」を英語で書きたいのですが、皆さんは何て書いてますか?
to ですか? farですか? untilですか?

↓と↑も考えたのですが、環境によって文字化けするのも…と思いまして。
良い書き方があったら教えて下さい。
お願いします。
Name_Not_Found [sage] 2019/05/27(月) 22:17:05.58ID:???
読み手が読みやすければ日本語でいいんじゃないの
Name_Not_Found [sage] 2019/05/27(月) 22:25:13.98ID:???
to〜fromかな
Name_Not_Found [sage] 2019/05/27(月) 22:41:35.72ID:???
犬に「これは犬です」とラベルを貼るようなことはやめろ。
見りゃ分かる。
Name_Not_Found [sage] 2019/05/27(月) 22:57:46.22ID:???
レスポンシブデザインのリキッドレアウトって適当にmax-widthとwidthを酷死すれば作れるよね?
Name_Not_Found [sage] 2019/05/27(月) 22:58:57.31ID:???

それは、あなたが犬を犬と理解しているからですよね(怒)

犬を知らない人はどうでもいいんですか(激怒)
Name_Not_Found [sage] 2019/05/27(月) 23:00:45.95ID:???

じゃあコメント分からない人のために「これはコメントです」とでも書いとけやマヌケ(嘲)
Name_Not_Found [sage] 2019/05/27(月) 23:20:54.28ID:???

(大激怒)

※これはコメントです
Name_Not_Found [sage] 2019/05/27(月) 23:32:03.13ID:???
/* to main */
内容
/* from main */

っていうのが、妥当ですか?
講師の方が「コメントは書いてなかったら減点にします」と言ってたのですよね。
確かに分かる人にはいいのですが、自分も整理のためにもコメントを書く様にしようかと思ってまして、それで質問してみました。
使える様になってきたらワードプレスの配布レイアウトとかも作りたいので、やっぱり英語なのかな…とか。
なるべく英語から逃げない様にしなくては!と思いまして
Name_Not_Found [sage] 2019/05/27(月) 23:37:41.86ID:???
講師の意見なんてサンプル数1の意見でしかないんだし、好きにすればいいんじゃね?

この世界では、コナンくんみたいに「真実はいつも一つ」って感覚だとやっていけないぜ?

by 初心者
Name_Not_Found [sage] 2019/05/27(月) 23:44:39.51ID:???
ダメだこのスレ…
初心者しかいない…
老老介護ならぬ初初回答だ…
Name_Not_Found [sage] 2019/05/28(火) 00:11:52.46ID:???
初心者っていうか、全部ワイの自演だよ
Name_Not_Found [sage] 2019/05/28(火) 00:13:49.24ID:???
ワイは誰や?
Name_Not_Found [sage] 2019/05/28(火) 00:17:20.48ID:???
普通はこう。
別に閉じなる必要ない

/*-------------------
header
-------------------*/
内容

/*-------------------
footer
-------------------*/
内容
Name_Not_Found [sage] 2019/05/28(火) 00:21:34.63ID:???
/*これはコメントです*/
/*これはヘッダーです*/
#header{width:100%}
/*ヘッダーここまでです*/
/*自演ここまで*/
Name_Not_Found [sage] 2019/05/28(火) 00:32:32.54ID:???

その辺は試行錯誤したり
共同作業者との取り決めて欲しいんだけど

誰もが一度は通るのは
「過ぎたるは及ばざるが如し」だ
Name_Not_Found [sage] 2019/05/28(火) 00:35:28.50ID:???
あとコメント読むのは
自分じゃないかもしれない
日本人じゃないかもしれない
人間ですらないかもしれない

というのを常に念頭に
Name_Not_Found [sage] 2019/05/28(火) 00:38:55.17ID:???
チームメイトと情報共有できればええだけやん笑

これはコメントです。
Name_Not_Found [sage] 2019/05/28(火) 00:47:19.65ID:???
お前さんたち
jsdocは使わんの?
もうコメントはあれが標準記法かと思ってたわ
Name_Not_Found [sage] 2019/05/28(火) 00:48:36.84ID:???
今気づいたがスレ違いだなこれ
すまんかった
Name_Not_Found [sage] 2019/05/28(火) 00:53:32.58ID:???
コメント(返信的な意味で)ありがとうございます!
なるほどです!
さんの言う通りですね!
そうなると、おのずとさんが最も分かりやすいですね。
英語なら間違いないと思ったのですが、ただの「世界標準語とされてるもの」なだけで、必ず伝わるわけではないですしね。
さんの書き方なら見落とす事も無さそうですし、それでやってみます!
あとは実務になった時の取り決めとかによるわけですもんね。
ありがとうございます!

それと、溺魔戦もありがとうございます!
Name_Not_Found [sage] 2019/05/28(火) 00:57:02.11ID:???

これやだー
俺もjsDoc式がいいと思うー
Name_Not_Found [sage] 2019/05/28(火) 01:25:56.63ID:???
JSCならCtrl+/で勝手にコメントにしてくれるし
Name_Not_Found [sage] 2019/05/28(火) 01:37:54.11ID:???
jsdocってjavadocパクっただけの筋悪やんけ。
無駄に広まりよって。
さっさと滅びろ!
Name_Not_Found [sage] 2019/05/28(火) 01:44:28.26ID:???
だが断る
Name_Not_Found [sage] 2019/05/28(火) 01:47:31.63ID:???
バベルって何?
Name_Not_Found [sage] 2019/05/28(火) 01:50:52.72ID:???
今宵の月を穿つ天を衝く魔塔
Name_Not_Found [sage] 2019/05/28(火) 02:05:20.21ID:???
大喜利しなきゃいかんのかw
Name_Not_Found [sage] 2019/05/28(火) 02:08:28.83ID:???
絶対で可憐で美少女なチルドレンが所属する事務所
Name_Not_Found [sage] 2019/05/28(火) 05:13:21.33ID:???
ページ内のフォントを一括で○%に拡大または縮小することは可能ですか?
body{font-size:300% !important;}
とやっても、子要素のfont-sizeが優先されてうまくいかないようです
初歩的な質問に思えるのですがなぜかぐぐってもわからず…
Name_Not_Found [sage] 2019/05/28(火) 05:14:54.35ID:???
訂正
○%に拡大または縮小

○%拡大または縮小

各要素の相対的な比率は保ったままの拡大縮小です
そんなことはできないのかな?
Name_Not_Found [] 2019/05/28(火) 06:16:28.48:eyN1HsmN
ttp://https://developer.mozilla.org/ja/docs/Web/CSS/font-size
font-sizeは基本的に親要素の値から定まるため、親要素(ここではbody)の側で!impotantを指定しても意味はない

emや%で指定しているなら相対的に定まるはず
html/cssを見ないとわからんが、どっかに相対的ではない指定(例えばpx)があるんだろう
Name_Not_Found [sage] 2019/05/28(火) 08:15:11.61ID:???

その通りで子要素ではpxで指定されている、ということは親からは何もできないって事ですかね
できないからぐぐっても出ないのか…
ありがとう
Name_Not_Found [sage] 2019/05/28(火) 09:30:40.94ID:???
子要素がグレて反抗期状態
Name_Not_Found [] 2019/05/28(火) 10:10:41.80:zNMEkwjT

その指定だと子要素のフォントサイズを300%にするだけ。

html {font-size:1em}
p {font-size:300%}

が正解
Name_Not_Found [sage] 2019/05/28(火) 10:31:31.95ID:???

つまり子要素全てに指定しないといけないって事だよね、一括ではできない
css思ったより不便だった
Name_Not_Found [] 2019/05/28(火) 10:46:47.61:zNMEkwjT

ページ上のすべてのフォントサイズを指定することは可能。
でもパーセントで指定した場合は子要素に準じてしまうから無理。

想像だけど、リセットCSSでh1〜p、smallまで全部同じに統一してて、
ひとつずつ指定し直すってならCSSは不便。
うちでは数年前からノーマライズCSSに統一してる。
Name_Not_Found [sage] 2019/05/28(火) 14:40:02.87ID:???
floatとflexの使い分けって、どんな風に考えればいいですか?
今時は基本はflexなのでしょうか?
Name_Not_Found [sage] 2019/05/28(火) 15:14:27.75ID:???
floatはオワコン
使う必要がない
Name_Not_Found [sage] 2019/05/28(火) 16:30:56.10ID:???
フローディングには使うだろ。
あるべきところに戻ったのだ。
Name_Not_Found [sage] 2019/05/28(火) 16:54:46.96ID:???
ボックスの最終行の余りを左寄せにしたい時はfloat
Name_Not_Found [] 2019/05/28(火) 16:56:12.90:zNMEkwjT

flex便利だよな。
もうそろそろ全ブラウザ対応してるだろうからいいんじゃね?
Name_Not_Found [] 2019/05/28(火) 16:58:52.03:zNMEkwjT

flexボックスからちょっとはみ出るようにして
flex-wrap: nowrap
でよくね?
Name_Not_Found [sage] 2019/05/28(火) 17:26:48.71ID:???
テーブルはオワコン!とかいってるバカと一緒
使うべきところには使う、それだけ。
Name_Not_Found [] 2019/05/28(火) 18:12:04.30:zNMEkwjT

floatじゃないとできないことって何?
Name_Not_Found [sage] 2019/05/28(火) 18:14:30.62ID:???
画像文字
文字文字

みたいに回り込ませるのはfloatなのかな
Name_Not_Found [sage] 2019/05/28(火) 18:32:10.88ID:???

幅可変の流し込み
Name_Not_Found [sage] 2019/05/28(火) 19:27:10.48ID:???

*
Name_Not_Found [sage] 2019/05/28(火) 19:39:39.23ID:???

どういうソースなのそれ?

こういう面倒が不要って事?
ttp://https://blog.webcreativepark.net/2016/08/15-125202.html
Name_Not_Found [sage] 2019/05/28(火) 21:59:12.59ID:???

そんなこともわからなくてマウントとろうとしてんの?
Name_Not_Found [sage] 2019/05/28(火) 22:12:38.63ID:???

ってマウント取るやつ笑
Name_Not_Found [sage] 2019/05/28(火) 22:20:18.31ID:???
ちょっと、まだグリッド?というのは習ってないので何とも言えないのですが、
float:left;

justify-content:flex-start;
(またはself)
とは違うのですかね?

floatはどこかのタイミングでclearしないといけませんが、
flexはdisplayをそのセレクター内に書けばいいというのは、少し便利なのかな…とか思いつつ、
でも明確に動作が違うのかな…とか、謎なのです
Name_Not_Found [] 2019/05/28(火) 23:55:02.71:zNMEkwjT

なるほど。確かにその通り。
Name_Not_Found [] 2019/05/28(火) 23:58:35.01:zNMEkwjT

floatはclear:both入れを入れても
widthがオーバーしてレイアウトが崩れることがある。
でもflexは自動計算して比率を保ってくれる。
これだけで大きな進展。
Name_Not_Found [sage] 2019/05/29(水) 00:36:28.14ID:???
%とbox-sizing:border-box;使えばそうそう崩れんですよ
Name_Not_Found [] 2019/05/29(水) 00:49:02.43:t5WXk1Z4
float の役割は図表などに対するテキスト回り込みの制御であり、要素を横に並べるために使うもんじゃない
昔はまともな方法がなかったからワークアラウンドとして使われてただけで、今となってはバッドプラクティス
Name_Not_Found [] 2019/05/29(水) 00:51:52.21:e08wxlLC

でもときどきOperaが崩れる。
%で指定して2%ぐらい余裕を持たせればいいんだけど、原因不明。
Name_Not_Found [] 2019/05/29(水) 00:56:49.72:1nl6P5md
float「ボクはもうオワコンなの?」
Name_Not_Found [sage] 2019/05/29(水) 01:08:55.79ID:???

いらない子はしまっちゃおうねぇ
Name_Not_Found [sage] 2019/05/29(水) 01:20:07.77ID:???
「回り込みの制御」ってことは、
[画像A][文字B]
[文字C][文字D]
という場合には、横並びにするには、C,Dにfloatが効く様にかけるけど、正しくはAを<p>とかで囲って、Bだけにfloatするみたいな
それこそが、floatってことなのですか?

レイアウトを崩さないためのfloat
レイアウトを作るためのflexというか…
Name_Not_Found [sage] 2019/05/29(水) 02:00:54.44ID:???
<p><img>texttexttext</p>
imageはインライン要素だぞ
Name_Not_Found [] 2019/05/29(水) 05:34:02.58:t5WXk1Z4
新聞や本で、写真や図表とテキストが

┏━━┓テキストテキス
┃写真┃トテキストテキ
┃図表┃ストテキストテ
┗━━┛キストテキスト
テキストテキストテキス

こんな風になってるの見たことありませんか?
こういうレイアウトを実現するためのスタイルがfloatです

ttp://https://developer.mozilla.org/ja/docs/Web/CSS/float

「css float」でググると「横に並べるため」と解説してるとこ結構ありますが
「横に並べるため」としか説明してないところはゴミです
参考にするのはやめましょう
Name_Not_Found [sage] 2019/05/29(水) 06:42:18.51ID:???

原因不明なのにfloat起因にするのは可哀想
bodyのpaddingリセットしてないとか、他の原因なんじゃないの?
Name_Not_Found [sage] 2019/05/29(水) 07:14:46.65ID:???

いまリキッドレアウトなページを制作中だけど、ウィンドウ幅を狭めるとこんな感じで文字がはみ出すから悩んでる

flexで横並びさせて、なんかのタグ使って通常ははみ出ないんだけどなあ…
Name_Not_Found [sage] 2019/05/29(水) 09:46:56.17ID:???

レスポンシブで書いてもダメ、と?
Name_Not_Found [sage] 2019/05/29(水) 09:57:33.79ID:???

>floatはどこかのタイミングでclearしないといけませんが、

そんなことないよ
子要素がfloatになると、clearされるまで
親要素が自動で高さを計算できなくなるだけであって
その必要がなければ、放っといても別に構わん
Name_Not_Found [sage] 2019/05/29(水) 11:39:47.61ID:???
質問です。
スマホの画面でもホームページが崩れないように表示させるにはどのような方法がありますか?

PC画面はリキッドレアウトで作っていて、ウィンドウ幅に合わせて中身も何とか可変してくれるんですが、検証でスマホ画面表示にすると画面の右側が半分以上空白で、ホームページが左端に押しつぶされたように表示されます。
Name_Not_Found [sage] 2019/05/29(水) 11:59:27.66ID:???

viewport
Name_Not_Found [sage] 2019/05/29(水) 12:12:15.85ID:???
FirefoxでもChromeでも開発ツールでカーソルの↑↓で、サイズ等プロパティの値の変更ができると聞いたのだが、
どうやってもわからない。何処か押すとか選択しながらやるんですか?
Name_Not_Found [] 2019/05/29(水) 15:06:10.89:G5OSzr2g

Firefoxは知らんが
Chromeなら数値っぽいものは上下押したら変わっちゃうだろ
イラッとするほどに
Name_Not_Found [sage] 2019/05/29(水) 18:45:52.76ID:???

昔は自分もメインで使ってたけどね
でも今、operaのユーザーなんて一人も来ていないから確認すらしなくなった。
モバイルでさえも。
Name_Not_Found [] 2019/05/29(水) 18:49:36.53:G5OSzr2g

丸めの問題かと
Name_Not_Found [sage] 2019/05/29(水) 18:51:05.40ID:???
なんかこのスレ定期的にfloat否定する奴が沸くけど
float苦手な奴がネガキャンしてるとしか思えんな。
誰かも書いてたけど、便利な所で普通に使い分ければいいだけで
flexに固執しているのに違和感覚えるわ。

たしかにcssはfloatが一番の難所だったからな。
flashみたいに逃げたい奴も多いんだろうな。
Name_Not_Found [sage] 2019/05/29(水) 19:04:50.92ID:???
このズレなんとかなりませんか?


ttps://i.imgur.com/RafalyM.jpg
Name_Not_Found [sage] 2019/05/29(水) 19:40:46.56ID:???

ソースもないのにどうやって原因を特定すりゃいいの?

電話で医者に、具合悪いんですけどどうしたら治りますか?って聞いて回答もらってそれで治るの?
Name_Not_Found [sage] 2019/05/29(水) 19:43:04.60ID:???

学校の2段目の引き出しが閉まらないんだけど、
どうしたら締まるか教えてくれん?
Name_Not_Found [] 2019/05/29(水) 19:48:41.69:G5OSzr2g

たぶん3段目のものが奥でつっかえてる
Name_Not_Found [sage] 2019/05/29(水) 20:21:11.14ID:???

は任せたぞ。
よろしくな
Name_Not_Found [] 2019/05/29(水) 20:33:39.82:G5OSzr2g

こんなんめっちゃあるあるじゃん
真ん中に寄せたい要素の親要素の幅がズレてんだよ
あと要素の左右の空きとか
Name_Not_Found [sage] 2019/05/29(水) 21:43:31.88ID:???
てきとうな回答やな。ガッカリしたわ。
Name_Not_Found [sage] 2019/05/29(水) 21:49:22.16ID:???

てきとうな質問だからやで
Name_Not_Found [sage] 2019/05/29(水) 21:50:45.16ID:???
そんなことより文字をボックスの幅に合わせて縮小・拡大させたいんだが

なんか知らんがwidth100%にしてpaddingX%にしてボックス幅に合わせてpaddingが釣られて動くようにせなあかんの?
Name_Not_Found [sage] 2019/05/29(水) 22:14:28.55ID:???

そんなことより理解できないものに、すぐ結論を求める癖を何とかしよう
Name_Not_Found [sage] 2019/05/29(水) 22:16:40.95ID:???
無駄だよ〜
コピペ君は死ぬまでコピペ君
Name_Not_Found [sage] 2019/05/29(水) 22:34:13.79ID:???

ありがとうございます。親要素大きくはは同じです。3つ目のが右には寄せてますが2つ目が左を空けてその分を3つ目の右で調整してますしかし4つ目のが3つ目の横にきますがそれが影響してますか?なんとかしていただけませんか?
Name_Not_Found [sage] 2019/05/29(水) 22:40:30.62ID:???

あと友人のだともっと右になりますし、下のは左のが右に寄ってますがなんとかなりませんか?
Name_Not_Found [sage] 2019/05/29(水) 22:43:22.64ID:???
サンプルコードを書いて適当なサイトに up すれば
誰か添削してくれるかもしんない
Name_Not_Found [sage] 2019/05/29(水) 23:42:31.59ID:???

どっか上の方に書いたwidthとマージンが継承されてしまってる予感
Name_Not_Found [sage] 2019/05/29(水) 23:46:07.94ID:???

●のがセンターになってないんじゃ?
marginかpaddingがついてるかletter-speceing設定されてるか
Name_Not_Found [sage] 2019/05/30(木) 00:57:38.59ID:???

まずは各ボックスに色を塗るのだ
background: rgba(255,0,0,0.1);

とか
透過色で
そうすっと、誰がズレの元凶なのかわかりやすい

それでもわからなかったら、開発ツールを開いてelementタブで要素をさわれ
該当するボックスの大きさが数値でわかるから

んで、親要素の大きさは同じってのが
思い込みだったことを思い知るのだ
Name_Not_Found [sage] 2019/05/30(木) 08:48:35.86ID:???
HTMLの要素に穴を開けることって出来ない?
つまり、ある要素の上に、別の要素を重ねるんだけど、
その一部、もしくは全部を、クリックしたら
下の要素がクリックされたかのように反応させたい
Name_Not_Found [sage] 2019/05/30(木) 08:59:35.94ID:???
clip-pathでできた。
これで見えない要素が上に乗っていて
クリックしたら広告表示されるようなものを
無効化することができるね
Name_Not_Found [sage] 2019/05/30(木) 12:23:53.98ID:???
text-align:center

ってかくのは古いの?
Name_Not_Found [sage] 2019/05/30(木) 12:48:16.72ID:???

いいえ
Name_Not_Found [sage] 2019/05/30(木) 13:25:46.23ID:???
<CENTER ></CENTER>がナウいよ!
Name_Not_Found [sage] 2019/05/30(木) 14:23:19.46ID:???

タグの機能じゃなくて意味を理解しないやつが好んで使うイメージ
Name_Not_Found [sage] 2019/05/30(木) 14:27:16.74ID:???
マジ、チョベリバって感じ
Name_Not_Found [sage] 2019/05/30(木) 15:11:13.00ID:???
imgのheightをautoにしたのに親要素からはみ出す
なんでです?
Name_Not_Found [] 2019/05/30(木) 16:31:53.87:KW710z34

img {width:100%}
を忘れているから。

または
img {border-sizing:border-box}
を忘れているから。
Name_Not_Found [sage] 2019/05/30(木) 16:38:00.31ID:???

流石にもうこのセンタリングは見ないだろ
Name_Not_Found [] 2019/05/30(木) 16:47:43.09:KW710z34

間違えた。
img {width:100%}
を消し忘れてるから。
Name_Not_Found [sage] 2019/05/30(木) 17:19:58.01ID:???

HUNTER×HUNTER
みたいでワイは好きやな

あと冨樫仕事しろ
Name_Not_Found [sage] 2019/05/30(木) 19:18:50.28ID:???
PCでなくスマホばっかりいじくってる若者に聞きたいんだが、
文字打っててカーソルを移動したい時ってどうしてんの?

あいうえお 

「お」の横にカーソルがあって、「う」の前にカーソルもっていくとき
なかなかそこにいかなくてイライラすんだけど俺だけ?
Name_Not_Found [sage] 2019/05/30(木) 19:22:14.19ID:???
Androidだけど矢印キー出てますし…
Name_Not_Found [sage] 2019/05/30(木) 19:22:48.07ID:???
PCでも一緒だがバックスペースで消して
入力しなおせばいいだろ?
Name_Not_Found [sage] 2019/05/30(木) 19:26:31.54ID:???

すまんiphoneだ


PCで30文字とか打ったあとに消す?
普通カーソルもってくだけじゃね?
打ち直しは手間すぎないか
Name_Not_Found [sage] 2019/05/30(木) 19:53:26.30ID:???
矢印あるyahooのキーボード使ってる
Name_Not_Found [sage] 2019/05/30(木) 19:57:20.91ID:???
でももうダウンロードも出来ないし、良いキーボードがあれば自分も乗り換えたい
Name_Not_Found [sage] 2019/05/30(木) 20:11:07.29ID:???

え、おじさんボタン長押しでカーソル移動できるの知らないの?
Name_Not_Found [sage] 2019/05/30(木) 23:05:46.57ID:???

今やってるリニューアル案件で使われてたよセンター
そこのコードは今回手をつけないところなので
今後も続くはず
Name_Not_Found [sage] 2019/05/30(木) 23:09:51.00ID:???
あー
今専門で教えてる子の中に
キーバインドうまく使えない奴が一定数いるのも
もしかしてスマホの影響なのか…!?
Name_Not_Found [] 2019/05/30(木) 23:18:35.27:KW710z34

さすがにSEO的にまずいだろ。
Name_Not_Found [sage] 2019/05/30(木) 23:19:05.04ID:???
ウィンドウサイズに合わせて文字が縮小するようにしたいんだけど、おすすめの方法ありますか?
Name_Not_Found [sage] 2019/05/30(木) 23:20:35.09ID:???

キーバインドの意味わかってるよな?
Name_Not_Found [sage] 2019/05/30(木) 23:38:47.68ID:???

あ全面的にではなく一部ね
CMSの記事データとしてHTML書かれちゃってるところがあって

まあでも
大して影響ないんじゃない?
今のグーグル先生は無視しそう
Name_Not_Found [sage] 2019/05/30(木) 23:56:59.37ID:???
GoogleIMEで良いだろ
Name_Not_Found [sage] 2019/05/30(木) 23:59:50.31ID:???
<center>はさ、使うか使わないかは個人レベルなら自由だろうけど、俺は<blink>や<scroll>がもう動かないのを見て悲しかった。
Bracketsとかで予測入力には出てくるけど、もう効果は無いんだね。
おっちゃん、悲しいよ
Name_Not_Found [sage] 2019/05/31(金) 10:03:42.89ID:???
JPGをwebpに変換し手アップしたらサファリ未対応でびびった 画像が消えた謎のページに

これじゃWebp使い途ないじゃん
Name_Not_Found [sage] 2019/05/31(金) 10:42:31.54ID:???
キーバインドwww
おそらくブラインドタッチと間違えたと予想wwwww
Name_Not_Found [sage] 2019/05/31(金) 10:43:26.26ID:???

そんなご時世、意外なことにマーキーはまだ動くぞw
Name_Not_Found [sage] 2019/05/31(金) 10:58:18.99ID:???

すまんうまく伝わらなかったか
そうではなく
アプリケーションを扱う時に何かのキーを押して機能を切り替えるやーつよ
キーボードショートカットと言えばよかったか

たとえばPhotoshopで「]」がブラシ太くしたり
vimで「ZZ」が保存だったり
そういうの
Name_Not_Found [sage] 2019/05/31(金) 11:10:23.67ID:???

これはマジレス?
Name_Not_Found [sage] 2019/05/31(金) 11:40:38.41ID:???
div align center
Name_Not_Found [sage] 2019/05/31(金) 11:57:42.45ID:???

はい
Name_Not_Found [sage] 2019/05/31(金) 11:57:56.71ID:???

あーはいはいでもそれ古今覚えたか覚えてないかであって若い若くないスマホ使ってる使ってない関係なくない?
大きい企業のちゃんとした社員だった頃(今そうだとは言ってない)PCでバリバリ資料作って成果もあげてる営業系の人、マウスカチカチおじさんだったよ。
Name_Not_Found [sage] 2019/05/31(金) 11:58:21.97ID:???

かわいい
Name_Not_Found [sage] 2019/05/31(金) 12:16:13.58ID:???

はいじゃないが
Name_Not_Found [sage] 2019/05/31(金) 12:30:40.41ID:???
すみません
SEO対策のスレが荒れてたのでこちらで教えてください。

会社名やキャッチコピー 文字を画像にした場合
代替えテキストで きちんと説明を入れても やはり Google の評価が落ちますか?
また HTML 5でないと評価順は落ちますか?

よろしくお願いします
Name_Not_Found [sage] 2019/05/31(金) 12:39:50.70ID:???

いいえ
いいえ
Name_Not_Found [sage] 2019/05/31(金) 12:40:06.08ID:???
あとHTML5は死にました
HTML LSを信じてください
Name_Not_Found [sage] 2019/05/31(金) 12:56:39.91ID:???
良心的なのはこのスレくらいじゃないか?
Name_Not_Found [sage] 2019/05/31(金) 13:00:15.83ID:???

そんなばかなw
Name_Not_Found [sage] 2019/05/31(金) 13:17:30.32ID:???
このスレは超エリート達が揃ってるからな
その辺のスレと一緒にされちゃ困る(威圧)
Name_Not_Found [sage] 2019/05/31(金) 13:34:19.03ID:???

なんなら画像でもグーグルのAIが読めるものなら
altの有無すら関係ないんじゃないか?
Name_Not_Found [sage] 2019/05/31(金) 14:35:28.56ID:???
バカは口縫っとけ
Name_Not_Found [sage] 2019/05/31(金) 15:09:19.38ID:???
土日は質問受け付けないしな
Name_Not_Found [sage] 2019/05/31(金) 15:25:04.10ID:???

ボタン長押しってどのボタン??
それiPhone?
Name_Not_Found [sage] 2019/05/31(金) 15:31:19.22ID:???

こないだハックでchrome限定して使ったわ。
まあそんなの実用的じゃないからダメだけど
Name_Not_Found [sage] 2019/05/31(金) 15:34:57.09ID:???

自己解決
「空白」ボタン長押しか。こんなのあったんだな。
しかしボタン長押しとか言われてどのボタンかわかるかよw
Name_Not_Found [sage] 2019/05/31(金) 18:57:37.04ID:???

いや、どのボタンでも可能だから
「ボタン」と言ったんだが。

ま、ぼくは令和生まれだからエスパーできるけど、エスパーできない旧世代のおじさん達可愛そう〜

チョベリバって感じ
Name_Not_Found [sage] 2019/05/31(金) 19:01:06.53ID:???
ていうかこのスレにいるならスマートフォンの一つくらいもっとけよ
Name_Not_Found [sage] 2019/05/31(金) 22:11:04.41ID:???
ttps://i.imgur.com/23FmdN6.jpg
こういう広告ってどうやってつくるの?
指で触ると三角柱がくるくる回って情報が表示される
Name_Not_Found [sage] 2019/05/31(金) 23:47:51.26ID:???

自分、旧世代じゃないっす
マブいアムラーの彼女とたまごっちしてますから。
アウトオブ眼中っすね
Name_Not_Found [sage] 2019/06/01(土) 00:13:49.23ID:???
まぢ、チョベリグぢゃん
Name_Not_Found [sage] 2019/06/01(土) 01:47:53.11ID:???

現物見てないから断言はできんが
ぱっと見はCSSでなんとかなるな
Name_Not_Found [sage] 2019/06/01(土) 01:55:12.63ID:???
冬になると換気扇から冷気が入ってきて寒いんですが、
CSSでなんとかなりますよね?
Name_Not_Found [sage] 2019/06/01(土) 02:05:49.40ID:???

いいえ
Name_Not_Found [sage] 2019/06/01(土) 02:06:10.63ID:???
換気扇回しゃいいじゃん
Name_Not_Found [sage] 2019/06/01(土) 02:10:10.35ID:???
ごめん間違えた
はい

ボックスをいくつか用意して
何万ピクセルもの大きさにして
linear-gradientでできるだけ多くの色使ったグラデーションで縞々にする
んでそれをanimationとtransform3dでグルングルン回す

これをしょぼ目のPCで表示すると
ファンがぶんぶん回って温風出るからそれで凌げる
Name_Not_Found [sage] 2019/06/01(土) 03:05:11.64ID:???
footerってデフォルトでセンタリングされるの?
何も位置設定してないのにfooter全体もfooter内の要素もセンタリングされた、何これ怖い
Name_Not_Found [sage] 2019/06/01(土) 08:50:06.47ID:???

悪霊がついてるよそれ
Name_Not_Found [sage] 2019/06/01(土) 10:20:50.07ID:???

はいじゃないが
Name_Not_Found [sage] 2019/06/01(土) 10:24:20.45ID:???

PCをファンヒーター化してるんじゃない?
Name_Not_Found [sage] 2019/06/01(土) 12:33:09.64ID:???
それCSSでやる必要なくね?
円周率を計算させてりゃよくね?
Name_Not_Found [sage] 2019/06/01(土) 15:11:05.53ID:???
ベンダープレフィックスが今時必要な場面がある?
しかも最新ブラウザで。

linear-gradient にはmozだけはつけないとFirefoxで動作してくれない。
Name_Not_Found [sage] 2019/06/01(土) 15:37:15.52ID:???
Autoprefixer使ってるから書いてない
Name_Not_Found [sage] 2019/06/01(土) 19:02:00.54ID:???
質問いいですか?(怒)
Name_Not_Found [sage] 2019/06/01(土) 19:28:07.75ID:???
はあ?
Name_Not_Found [sage] 2019/06/01(土) 20:07:32.54ID:???

まあ落ち着け
Name_Not_Found [sage] 2019/06/01(土) 20:39:54.50ID:???

いいか悪いか聞いてるんですが?
Name_Not_Found [sage] 2019/06/01(土) 20:55:24.60ID:???

いいよ(怒)
Name_Not_Found [sage] 2019/06/01(土) 21:10:45.70ID:???
なんでおこってんの(怒)
Name_Not_Found [sage] 2019/06/01(土) 21:36:23.09ID:???
ダメだよ(怒)
Name_Not_Found [sage] 2019/06/02(日) 00:27:37.69ID:???

はなんで怒ってんの?(怒)
Name_Not_Found [sage] 2019/06/02(日) 08:21:50.02ID:???
質問したくて並んでるのに、くだらない話してうだうだしてたからだろ
Name_Not_Found [sage] 2019/06/02(日) 08:23:50.08ID:???
土曜日に質問とか非常識過ぎるだろ(激オコ)
Name_Not_Found [sage] 2019/06/02(日) 10:49:28.28ID:???
質問まだかよ。いいですか?って前置きなんていらん。
Name_Not_Found [sage] 2019/06/02(日) 11:08:53.35ID:???
メルカリでも買ってもいいですか?って聞く風習あるしな
Name_Not_Found [] 2019/06/02(日) 11:20:35.23:yCiByWoK
メルカリって馬鹿ばっかでムカつくよな
Name_Not_Found [sage] 2019/06/02(日) 11:39:08.51ID:???
質問いいですか?
※当方、非喫煙者です。
Name_Not_Found [sage] 2019/06/02(日) 11:40:44.86ID:???

いきなり質問するのはナウじゃない感じで、
チョベリバって感じだべ?
Name_Not_Found [sage] 2019/06/02(日) 12:03:45.04ID:???
viewportの設定、jsのnavigator.userAgent.indexOf〜にしてるんやけど、
これってchromの検証で見たとき表示おかしくなったりする?
body全体が画面に収まらなくて、
でも時間おいてリロードすると直ったり崩れたままやったり意味わからんことになってるんやけど・・・
Name_Not_Found [sage] 2019/06/02(日) 12:04:20.19ID:???
良スレだったのに残念
Name_Not_Found [sage] 2019/06/02(日) 12:22:36.01ID:???
即質問禁止
NCNRでお願いします
Name_Not_Found [sage] 2019/06/02(日) 12:37:51.95ID:???

スレタイ読めないの?
Name_Not_Found [sage] 2019/06/02(日) 13:25:17.33ID:???

NCNRは禁止ですよ!
運営に通報しました!
Name_Not_Found [sage] 2019/06/02(日) 14:23:32.80ID:???
あ”?質問すんぞこのやろう
Name_Not_Found [sage] 2019/06/02(日) 14:47:00.92ID:???
渋谷で今CSS使ってたらモテるって聞いたんスけどぉ
俺もそれ使ってギャルゲットできるん?
Name_Not_Found [sage] 2019/06/02(日) 15:26:26.12ID:???
まあね、cssはちょースペシャルな下ネタの略だからねチョベリグだよ
Name_Not_Found [sage] 2019/06/02(日) 16:38:44.38ID:???
ウケる〜w
チョー承久の乱〜www
Name_Not_Found [sage] 2019/06/02(日) 16:44:53.73ID:???
_________ __________
  V
ttps://img.bookmeter.com/photo/n/755/1385569633634468.jpeg
Name_Not_Found [sage] 2019/06/02(日) 19:23:05.95ID:???
<header>にflex boxでナビゲーション作っていて、
その下に<div class="container">で背景白を白で<img>を置いてるんだけど、
この<img>がナビゲーションの上に被って乗っかってきてしまうのだけど、なんでだろうか?
それで、<img>にmarginとかで強制的に下げると、背景色とナビゲーションの間に空白が空いててbodyの背景色が10pxくらい見えてしまうんだよね。
floatとかで浮かしてるわけではないのだけど、flexboxってfloatのclearみたいのないよね?
Name_Not_Found [sage] 2019/06/02(日) 19:24:36.06ID:???
浮かれてんじゃねぇぞ…
Name_Not_Found [sage] 2019/06/02(日) 20:03:16.20ID:???
次スレはどうなってる?
Name_Not_Found [sage] 2019/06/02(日) 20:18:25.22ID:???

1年後にどうぞ(怒)
Name_Not_Found [sage] 2019/06/02(日) 20:21:16.88ID:???

1を読め
Name_Not_Found [sage] 2019/06/02(日) 23:08:57.19ID:???

chrome等の検証ツールで確認してる?
もし使って無いなら、使ってみたら原因が分かるかも
Name_Not_Found [sage] 2019/06/03(月) 00:00:23.47ID:???

ありがとうございます!
検証ツールで、もう少し眺めてみます。
w3cのチェックでエラーを期待したのですが、htmlとcss共にエラーが出ないので、何かどこかの値が悪さをしてるのかもです。
Name_Not_Found [sage] 2019/06/03(月) 00:51:45.79ID:???
画像の中央に文字を表示させているんですが、ウィンドウの幅に合わせて縮小させるにはどうすればよいですか?

ちなみに画像はwidth: 100%で可変してくれます
Name_Not_Found [sage] 2019/06/03(月) 01:13:25.81ID:???
font-size: ○vw
Name_Not_Found [sage] 2019/06/03(月) 01:18:22.32ID:???
サイズ指定は原則VWと会社で指定されているが、わりと無視してるw
Name_Not_Found [sage] 2019/06/03(月) 02:00:35.95ID:???
なに、わろてんねん
Name_Not_Found [sage] 2019/06/03(月) 02:25:56.96ID:???
フォルクスワーゲン
Name_Not_Found [sage] 2019/06/03(月) 08:05:14.74ID:???

に書いてる通り、次スレ建ててね
Name_Not_Found [sage] 2019/06/03(月) 08:58:13.39ID:???
よう、フォルクスワーゲン、あくしろ
Name_Not_Found [sage] 2019/06/03(月) 09:05:45.07ID:???
フォルクスくん、がんばれ
Name_Not_Found [sage] 2019/06/03(月) 09:10:43.22ID:???
たてたで

HTML/CSS のどんな質問にも優しく答えるスレ 39 ミックミク
ttps://mevius.5ch.net/test/read.cgi/hp/1559446058/
Name_Not_Found [sage] 2019/06/03(月) 10:08:21.65ID:???
やるやん、もう俺の負けでいいよ
Name_Not_Found [sage] 2019/06/03(月) 10:23:51.11ID:???
美人シリーズ第4弾
ttp://https://youtu.be/3reMykHGMtg
Name_Not_Found [sage] 2019/06/03(月) 11:38:59.55ID:???
スマホ側の対応のせいでvhがイマイチ使えないんだよなあ
vwはすごく便利なんだが
Name_Not_Found [sage] 2019/06/03(月) 12:23:20.81ID:???
フォルクスワーゲンだったらFWだろww
Name_Not_Found [sage] 2019/06/03(月) 15:29:51.47ID:???
svgにしろよ
Name_Not_Found [sage] 2019/06/03(月) 16:16:29.65ID:???
なんで日本だけ「ふぉるくす」ワーゲンて言うんだろな
AMGやBMWも変な読み方するし
Name_Not_Found [sage] 2019/06/03(月) 16:40:56.33ID:???
へぇw日本以外が何ワーゲンて言ってるのか是非とも御教示いただきたいねwww
Name_Not_Found [sage] 2019/06/03(月) 17:35:11.68ID:???
vwで文字が可変してくれるようになったのですが、ウィンドウが大きくなると、文字が拡大しずきて困っています。

vwに対してこれ以上は大きくなるな(怒)みたいな指定は可能ですか?
Name_Not_Found [] 2019/06/03(月) 17:54:39.54:3Py5Hi22

横幅640pxぐらいでemかremに切り替えるしかないんじゃね?
Name_Not_Found [sage] 2019/06/03(月) 18:25:28.25ID:???
【速報】クオカード五百円分とすかいらーく優待券をすぐ貰える   
ttps://pbs.twimg.com/media/D8H92suVUAIa7Qo.jpg 
  
@ スマホでたいむばんくを入手     
A 会員登録を済ませる  
B マイページへ移動する。
C 招待コード→招待コードを入力する [Rirz Tu](スペース抜き)     
    
今なら更に4日18時までの登録で2倍の600円の紹介金を入手    
クオカードとすかいらーく優待券を両方ゲットできます     
    
数分の作業で終えられるのでお試し下さい 
Name_Not_Found [sage] 2019/06/03(月) 21:55:38.60ID:???

必死すぎ

勢い5万以上のスレをメールでお知らせするサービス、実施中!!
憧れボディをGETしたい!その夢、ボニックで!

新着レスの表示

2ch勢いランキング アーカイブ Web制作板ランキング

凡例:

レス番

100 (赤) → 2つ以上レスが付いている
100 (紫) → 1つ以上レスが付いている

名前

名無しさん (青) → sage のレス
名無しさん (緑) → age のレス

ID

ID:xxxxxxx (赤) → 発言が3つ以上のID
ID:xxxxxxx (青) → 発言が2つ以上のID

このページは2ch勢いランキングが作成したアーカイブです。削除についてはこちら