5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

HTML/CSS の質問に優しく答えるスレ 26 [無断転載禁止]©2ch.net

1 :Name_Not_Found:2017/03/11(土) 12:02:25.35 ID:???
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問大いに結構。分からない人は何回聞いても結構
HTML / CSS の事なら何でもOK
ただし、JavaScript や PHP などはスレ違い / 板違い。該当スレ / 該当板でどうぞ

+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465566635/

質問するときはIDを出すためにメール欄を age にすることをおすすめします


回答してくれる方は優しい人のみ!
質問者に対して暴言を吐く人は このスレを見るな!!

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

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

■前スレ
HTML/CSS の質問に優しく答えるスレ 25
http://echo.2ch.net/test/read.cgi/hp/1477979153/

2 :Name_Not_Found:2017/03/11(土) 12:05:02.98 ID:???
:first-childなどの疑似クラスは要素名にしか指定できないですが、
クラス名に指定したい場合、どうしてますか?
これ、みんな必ず1度は思いますよね?「なんだよクラス名には使えないのかよっ」て。
空気読んで惜しいな開発者

3 :Name_Not_Found:2017/03/11(土) 12:59:14.50 ID:???
すごくよく分かる。別に.hoge:first-childとは書けるが、やりたいことはそうではなくて、
<div>
<p>1</p>
<p class="hoge">2</p> ←これ
<p>3</p>
<p class="hoge">4</p>
</div>
ってことだよな?
要素で区別するなら:first-of-typeで可能だが、classだとできないから困る。

工夫してやるなら
.hoge{/*1番目の.hoge*/}
.hoge ~ .hoge{/*2番目以降の.hoge*/}
でなんとかできることもあるね。

新しいセレクタを使うなら
:nth-child(1 of .hoge)
とすることもできる。まだSafariしか使えないけど。
http://caniuse.com/#feat=css-nth-child-of

4 :Name_Not_Found:2017/03/11(土) 13:10:57.22 ID:???
>>3
>.hoge ~ .hoge{/*2番目以降の.hoge*/}
うおっ
これは知らなかった。
これはなんという単語でググれば出てきますか?
とにかく有難うございます!

5 :Name_Not_Found:2017/03/11(土) 13:15:24.95 ID:???
.と思ったら3番目のhogeを指定したい時にはさすがに無理か。
jQueryでやるか

6 :Name_Not_Found:2017/03/11(土) 13:32:16.64 ID:???
3番目なら
.hoge ~ .hoge ~ .hoge { color: red; }
.hoge ~ .hoge ~ .hoge ~ .hoge { color: inherit; }
で3番目だけ赤色にできるね。(もはや実用的ではないレベルだがw)
JSが使えるならそれで操作するといいと思うよ。

~ は 間接セレクタ とか 一般兄弟セレクタ とか言う。
https://developer.mozilla.org/ja/docs/Web/CSS/General_sibling_selectors
A ~ A なら要素A以降にある要素Aを選択するから、結果的に2番目以降のAを選択することになる。

7 :Name_Not_Found:2017/03/11(土) 13:47:59.85 ID:???
nth-childや~は兄弟要素しかマッチしないから、n番目の.hogeにマッチするわけではないぞ(これらは.hogeの階層が複数あると破綻する)
そういうことをやりたいなら俺はXPathを使うだろうな

8 :Name_Not_Found:2017/03/11(土) 13:51:14.36 ID:???
ああ、言葉足らずだったね
補足ありがとう

9 :Name_Not_Found:2017/03/11(土) 16:30:04.06 ID:???
>>6,>>7
有難うございます!
久々に2ch来たら以前あったDWスレとは比べ物にならない程
回答者のレベルが明らかに変わっている・・

10 :Name_Not_Found:2017/03/11(土) 19:50:37.39 ID:???
クラスでマッチさせたい場面がぱっと思いつかないんだけどどんなことやりたいんだろう

11 :Name_Not_Found:2017/03/11(土) 20:50:28.01 ID:???
単純にマルチクラスじゃあかんの?

.hoge 共通設定
.hoge--intro 異なる設定、先頭用
.hoge--last 異なる設定、最後用

p class=hoge hoge--intro
p class=hoge
p class=hoge
p class=hoge hoge--last

12 :Name_Not_Found:2017/03/13(月) 01:19:08.70 ID:???
こんばんは
テーブルの一番下だけ実線にしたいのですが、どうしたらいいでしょうか?
他の部分は点線になっているのですが、テーブルが2個連続になると境目が分かりにくくて困っています。
よろしくお願い致します。

13 :Name_Not_Found:2017/03/13(月) 21:29:35.37 ID:???
>>12
境目をはっきりさせたいなら、テーブルの下端にマージンでも追加すれば?

14 :Name_Not_Found:2017/03/13(月) 21:58:20.43 ID:???
俺も13に賛成。
線を引く前に間の取り方を工夫したほうがいいと思う。

15 :Name_Not_Found:2017/03/13(月) 22:20:18.43 ID:???
>>12
普通は連続した内容のテーブルでなければ
スペース取るなりキャプション入れるなりすると思うけど
それはしない方がいい内容なん?

16 :Name_Not_Found:2017/03/13(月) 22:28:32.22 ID:???
>>13 >>14
ありがとうございます!その方法でできないか早速試してみます。
>>15
そうなんです。スペースはなぜか反映されなくて、キャプションは都合上使えない場面があって。
スペースが反映できていないのは自分の知識不足かもしれないです。

とりあえず、マージンのことを調べてきます!
またしばらくして解決しなければ、相談させていただきます。
ありがとうございます。

17 :Name_Not_Found:2017/03/14(火) 09:41:17.92 ID:tLwBSrf4
サイトがfont familyを遊ゴシックに指定してる時のみ
font-weight: 500にするユーザーcssって作ること可能ですか?

18 :Name_Not_Found:2017/03/14(火) 10:27:45.37 ID:I+zWSAYt
NGワード規制で色々書けなかったので箇条書きで試しています。もし書き込めましたらよろしくお願いします。

●したいこと
・textareaのスクロールと、textareaに指定している背景(升目画像)を一緒にスクロール
●問題
・background-attachmentにscrollやloaclを指定してもfixedと変わらず固定となる
●サンプル
https://jsfiddle.net/Ld7t8fqy/

19 :Name_Not_Found:2017/03/14(火) 12:58:56.69 ID:???
>>18
Firefox か?
Chrome ではちゃんとスクロールする

20 :Name_Not_Found:2017/03/14(火) 13:02:30.18 ID:???
>>19
あーそうですね、確かにFirefoxだけのようです。バグなのかな?

21 :Name_Not_Found:2017/03/14(火) 15:00:01.92 ID:???
>>18
ググったらすぐ出てきたけどlocalは?
http://stackoverflow.com/questions/12790645/how-to-scroll-a-background-image-together-with-text-in-textarea

22 :Name_Not_Found:2017/03/14(火) 15:01:43.08 ID:???
>>18
ああすまん
loaclも試してたのか
androidのchromeでも動くね

23 :Name_Not_Found:2017/03/14(火) 15:04:43.89 ID:???
>>20
バグかもしれんし、対応してないのかもしれん。
https://developer.mozilla.org/ja/docs/Web/CSS/background-attachment#Browser_Compatibility (Fxはlocal非対応と書いてある)
https://developer.mozilla.org/en-US/Firefox/Releases/25#CSS (だけど、Fx25で追加されたとも書いてある)

JSを使って代用することもできるから、参考までに。
https://jsfiddle.net/Ld7t8fqy/2/

24 :Name_Not_Found:2017/03/14(火) 17:45:18.04 ID:???
textarea だけ local 未対応なんだろう
form コントロールは OS に委譲している都合で
CSS 対応は限られていることはよくある

25 :Name_Not_Found:2017/03/14(火) 19:20:43.06 ID:???
グローバルメニューを作成していますが、うまく作れません。お力をおかしください
https://jsfiddle.net/zxe88253/6j38jobq/1/

条件は
・liは横並び。幅は100px、高さ50px
・aはli全体でクリック可能
・aは何行になるか不定(1行〜3行)
・aは上下左右中央揃え
・ボーダーは目立つように入れているだけです

spanって必要ない気がするのですが、どう省いて良いかわかりませんでした
どなたかお願いします・・・

26 :Name_Not_Found:2017/03/14(火) 22:52:41.64 ID:???
>>25
でけた。https://jsfiddle.net/6j38jobq/2/
パズルみたいで意外と難しかった。

27 :Name_Not_Found:2017/03/14(火) 23:07:08.25 ID:???
横からだが、こう言う書き方するとクリッカブル範囲が親要素と一緒になるのか
勉強になるわ

28 :Name_Not_Found:2017/03/14(火) 23:11:20.64 ID:???
>>26
おー、すごい!ありがとうございます

29 :Name_Not_Found:2017/03/15(水) 00:29:52.45 ID:???
サイドバー、コンテンツで2カラムある時、heightが長い方に合わせるにはどうすればよいでしょうか?
サイドバーに背景色を付けていますが、コンテンツが長い時途中で切れてかっこ悪くなってしまいました
なにか良い方法があれば教えてくださいまし

30 :Name_Not_Found:2017/03/15(水) 01:45:25.94 ID:???
>>29
flexを使うといいよ
「flex 2カラム」とかでググってみそ

31 :Name_Not_Found:2017/03/15(水) 09:46:51.43 ID:???
非表示になってる要素を左から右に少しずつ表示する(ワイプって言うんですかね?)ことってできますか?
背景色が決まってるなら同じ色の要素を上に重ねて動かす等で対応できそうですが、画像背景の上に要素がある場合どうしたらいいかわからないんです。

32 :Name_Not_Found:2017/03/15(水) 10:07:14.23 ID:???
bodyをwidth90%などにしても、backgroundが<body>の外側にも効くのですが、これは仕様ですか?

33 :Name_Not_Found:2017/03/15(水) 10:19:26.35 ID:???
>>32
仕様でつ。
<html>に背景が設定されていない場合、<body>に対する背景設定は画面全体に設定されるという決まりがある。
(つまり html { background: white; } も同時に指定すれば、bodyだけの背景が描かれる。)
https://jsfiddle.net/g1w8j7td/27/

前スレに同じような質問回答があったから参考にするといいよ。
http://itest.2ch.net/test/read.cgi/hp/1477979153/52/

34 :Name_Not_Found:2017/03/15(水) 10:23:34.70 ID:???
背景を複数適用させたかったのですが、適用されません
なぜでしょうか?
background: rgb(0, 119, 0), url(a.png);

35 :Name_Not_Found:2017/03/15(水) 10:59:19.34 ID:???
>>23
色々検証ありがとう
ほぼほぼ似た感じのjQueryのJSで対応することにしました。
昔はCSSだけで出来たと思うんだけどなぁ・・・

36 :Name_Not_Found:2017/03/15(水) 11:11:35.43 ID:???
>>34
backgroundはカンマ区切りにすると先に書いた順に前に表示されるから、まず画像URLを先に書くべし。(透過pngでない場合は、もちろん背景色はすべて隠れてしまうので注意。)
background: url(a.png), rgb(0, 119, 0);

あるいは、画像+単一色は単一の背景として設定することもできるから、そもそもカンマなしでもおk。これなら順番も関係ない。
background: url(a.png) rgb(0, 119, 0);
background: rgb(0, 119, 0) url(a.png);

37 :Name_Not_Found:2017/03/17(金) 13:08:05.94 ID:Z4FfUp81
<div style="text-align:center;">
<ul>
<li>てすと</li>
</ul>
</div>
とすると「てすと」の部分だけ中央に表示され箇条書きの点の部分は左端に寄ったまんまです
この点も中央に表示されるにはどうしたらいいんですか?

38 :Name_Not_Found:2017/03/17(金) 13:14:48.16 ID:???
>>37
ulに display: table; margin-left: auto; margin-right: auto;
https://jsfiddle.net/j7hg19fp/

39 :Name_Not_Found:2017/03/17(金) 16:44:01.74 ID:LvjTrNni
ブラウザ(Firefox_52.0,Chrome_56.0),Win7-Pro

CSSでSVGをbackground-imageとして使う時、自動的にブラウザの大きさにフィットする
ようにしてたいです。

例えばブラウザの表示領域が 800×600 → 1200×900 とか 600×400 になってもそれに
合わせてSVG(sample.svg)が追従して自動的に拡大縮小する感じです。

現行では、style1.css で
div.bgSVG {
width:800px; height:600px; background-image:url(sample.svg); background-size:100%;
}

としています。 何かヒントはありますか? CSSで無理ならJSでも可能です。
宜しくお願い致します。

40 :Name_Not_Found:2017/03/17(金) 22:08:26.94 ID:???
line-heightってどうやって付けてますか?
reset.cssでline-height=1em
までは良かったのですが、この後が困りました

header内、グローバルナビは2em(一行なのでline-heightのみ)
サイドバーは1.2em(二行になるので更にpaddingで調整)
メインコンテンツ部分は1.5emです

全体に1.5emを設定した後、サイドバーなどに個別に設定するのが良いのか、
それとも全て別々につけると良いのか?
皆さんはどう設定していますか?

41 :Name_Not_Found:2017/03/17(金) 22:19:11.92 ID:kSFrxJzp
line-heightは単位つけない派

42 :Name_Not_Found:2017/03/17(金) 22:43:44.64 ID:???
p {

43 :Name_Not_Found:2017/03/18(土) 01:28:00.71 ID:???
line-hightをカタカナにすると思わず様を付けて呼びたくなる

44 :Name_Not_Found:2017/03/18(土) 10:12:55.83 ID:???
ラインハイト様!

45 :Name_Not_Found:2017/03/18(土) 14:16:45.11 ID:???
<input name="check[]" type="checkbox">って言うのを巷でよく見かけるんだけど、なんで[]をつけるんですか?

46 :Name_Not_Found:2017/03/18(土) 14:27:30.03 ID:???
配列

47 :Name_Not_Found:2017/03/18(土) 19:14:50.49 ID:???
イクゾー!

48 :Name_Not_Found:2017/03/18(土) 21:52:49.78 ID:???
>>46
すみませんもう少し解説ください。
name="check[]"とすることでJSやPHPなどで配列が簡単に扱えるのですか?
それとも単なる習慣的なもの(JSでコンストラクタは大文字で始めるみたいなもの)ですか?

49 :Name_Not_Found:2017/03/18(土) 21:55:28.19 ID:???
調べたらわかりました
失礼しました

50 :Name_Not_Found:2017/03/19(日) 00:19:42.81 ID:???
>>39
D3.jsをレスポンシブ対応させる(SVG自体を拡大縮小する)
http://datafrog.hatenablog.com/entry/2016/02/21/214617

「js getboundingclientrect レスポンシブ サイズ変更」で検索!

51 :Name_Not_Found:2017/03/19(日) 15:16:33.64 ID:???
bootstrap で画面幅に応じて
|□ □ □ □ □ □|6
|□ □ □ □|4
|□ □ □|3
|□ □|2
|□|1
のようにカラムを切り替えたいのですが、
class= はどう書けばよいのでしょうか?
□は例えばbuttonとして。

52 :Name_Not_Found:2017/03/19(日) 15:22:23.70 ID:???
>>51
公式リファレンスを読んだほうが良い
全体を12として、幅をclassで指定する
xsやsmは画面幅

http://getbootstrap.com/css/
Example: Mobile, tablet, desktop
の部分

53 :Name_Not_Found:2017/03/20(月) 00:52:53.23 ID:???
twitterの画面をHTMLで保存するとどのブラウザでもホームとか通知のアイコンが表示されなくなってしまうのですがちゃんと保存する方法はあるでしょうか?

54 :Name_Not_Found:2017/03/20(月) 08:27:16.60 ID:???
>>53
あれはjsで生成される部分だから、ソースでは保存できない
開発ツールを使う
F12キー、element、<html>を選択、F2キー、コピー
ただこれで貼り付けてもcssファイルなどないとうまくいかないかも

何がしたいの?

55 :Name_Not_Found:2017/03/20(月) 15:03:20.66 ID:???
世界を破滅に導きたいです

56 :Name_Not_Found:2017/03/20(月) 20:15:12.10 ID:???
display:table
display:table-row
display:table-cell
で作ったtableの四隅の角を丸める事は出来ますか?

57 :Name_Not_Found:2017/03/20(月) 20:36:21.91 ID:???
>>56
枠線を丸めるなら
http://www.htmq.com/css3/border-radius.shtml

58 :Name_Not_Found:2017/03/21(火) 11:15:16.80 ID:erjliRPf
marqueeではみ出たテキストをスクロールさせたいのですが、
調べて最初に出てきたwebkit-marqueeは廃止された?のか動かなかったので、
以下のサイトを見てcssのanimationでやったところ、動いたのですが、2つの点で困っています。
http://on-ze.com/archives/648

・マーキー開始を遅延させたい。animation-delayでできるが、普段は隠れているメニューの内部なので、
ページが読み込まれてからではなく、メニューが表示されてから遅延をスタートさせたい。

・流れるテキストが左に全部消え切ってから右から出てくるが、そうではなく
テキスト終端が右端に表示された時点で、一時停止させたい。

デバイスはスマホで動けば良いので全ブラウザ対応は必要ありません。

JavaScriptで組むしかないんでしょうか?

59 :Name_Not_Found:2017/03/21(火) 11:35:45.10 ID:???
https://i.imgur.com/i4cjcl2.png

この画像のソースでonclick属性の「addng」が「delng」に変更された場合
その親であるclass「boxstyle1」ごと非表示にすることってCSSでできますか?

60 :Name_Not_Found:2017/03/21(火) 13:22:02.11 ID:???
>>59
css4を待つか、
jqueryでやるしかない

61 :Name_Not_Found:2017/03/21(火) 13:33:14.64 ID:p3tk+CgJ
>>60
やはりそうですか・・・
この機会にjQueryを学んでみようと思います。
ありがとうございました

62 :Name_Not_Found:2017/03/21(火) 14:01:04.50 ID:???
>>61
jqueryでやるなら簡単やから頑張って
俺もjqueryどころかjsすらサッパリ分からんけど
必要なところだけちょこちょこ書く位ならそんな難しくはない

63 :Name_Not_Found:2017/03/21(火) 15:14:15.09 ID:???
>>57
ありがとうございました。

64 :Name_Not_Found:2017/03/21(火) 21:32:18.53 ID:???
<div><a 画像></div>
画像を、divタグで囲んで、divごと非表示にすれば?

イベントは、親方向へ伝播されるから、
divに、onclickを付ければ、divで処理できる

65 :Name_Not_Found:2017/03/22(水) 01:03:03.96 ID:6ftAhotf
どゆこと?

66 :Name_Not_Found:2017/03/23(木) 04:33:00.82 ID:???
<div><p>あいう</p></div>

例えば、外側(親)の要素に、
div { display: none; }

とすると、子要素の<p>も消える。
親亀こけたら、子亀もこける

イベントも、子要素の<p>で処理しなければ、親要素の<div>へ伝播される。
<div>でも処理しなければ、さらに親の<body>へ伝播されるから、
そこで処理することもできる

イベントの委譲(デリゲート)を参照

67 :Name_Not_Found:2017/03/23(木) 10:42:16.75 ID:7WN8FKoG
divとspanの違いだけど
<div style="text-align:center;">テスト</div>は中央揃えになるけど
<span style="text-align:center;">テスト</span>は中央揃えになりませんでした
つまりdivの方がspanより使い道が多いのでdivじゃなくてspanを使う理由は無いってことですか?

68 :Name_Not_Found:2017/03/23(木) 11:02:19.41 ID:???
>>67
それぞれにボーダー引けば違いが分かるよ
というかググったら?

69 :Name_Not_Found:2017/03/23(木) 11:06:35.42 ID:Y+2FwW9v
ブロックとインラインの違い

70 :Name_Not_Found:2017/03/23(木) 16:15:24.57 ID:???
>>67
ゆとりみたいなやつだなw,

71 :Name_Not_Found:2017/03/23(木) 18:57:05.54 ID:2nTxfJEM
アホすぎて草

72 :Name_Not_Found:2017/03/23(木) 18:59:24.32 ID:???
>>67
道は長そう
頑張れ
とりあえず>>69の言うように「ブロック要素」「インライン要素」でぐぐってミたほうが良い

73 :Name_Not_Found:2017/03/23(木) 21:32:26.40 ID:???
cssで質問です
例えばul内の2つ目以降のli要素にcssを設定したい時は
li+li
li~li
どちらを使ったほうが良いでしょうか

74 :Name_Not_Found:2017/03/24(金) 01:35:22.75 ID:???
>>73
css3に便利なのあるぞ。
ググっとけ

75 :Name_Not_Found:2017/03/24(金) 02:35:06.55 ID:bhqDRy/7
>>73
その場合どちらでもいい
:not(:first-child)とかもある

76 :Name_Not_Found:2017/03/24(金) 08:26:58.94 ID:???
>>74-75
ありがとうございます
どっちでもいいと、毎回迷います・・・

77 :Name_Not_Found:2017/03/24(金) 08:40:10.74 ID:???
HTML修正できるならクラス名で指定するのが最善だけどね

78 :Name_Not_Found:2017/03/25(土) 09:52:50.35 ID:???
世の中にはhtmlやcssをオンラインで文法チェックやエラーチェックをしてくれるサイトがありますよね?
でも、大手サイトの yahoo.co.jpとかgoogle.co.jpなどのサイトをチェックに掛けても警告など多数出ます。
例えば、どんなチェックサイトに掛けてもほぼ完ぺきに100点満点を取れるような理想的なWEBサイトと言うのは現実的にはあるのでしょうか?

79 :Name_Not_Found:2017/03/25(土) 10:15:58.36 ID:syBKaFpK
ユーザービリティ、売上に貢献しなくていいなら創れる
たとえば、GoogleのPagespeedinsightなんかはGoogleAnalytics入れている時点で
間違いなく100点取れなくなるんだけど、そんなかんじ100点取ることはそこまで重要じゃない

80 :Name_Not_Found:2017/03/25(土) 11:29:52.15 ID:???
>>78
その質問の意図はなんだろう?
それによってはもっと的確に答えられるかも

81 :Name_Not_Found:2017/03/25(土) 11:39:37.28 ID:???
>>80
SEO的な観点、
表示速度の短縮化の観点
などから、エラーの無いサイトを作るのが良いのかなあと思ったのですが。
違いますか?

82 :Name_Not_Found:2017/03/25(土) 11:39:50.82 ID:???
>>78
そういった
チェッカーサイトが100%正しい、100点取れなかったらダメって訳じゃない
あくまでも参考にして、重大な問題点がないように調整していく
何処までやるかの匙加減は自分で決めればいい

83 :Name_Not_Found:2017/03/25(土) 11:46:49.95 ID:???
SEO的な正解はあるが、だからといって見る人が満足するわけではないからな

84 :Name_Not_Found:2017/03/25(土) 11:48:38.04 ID:NCSXbDFR
html5でできたサイトをきれいに印刷してくれるソフトはないですか。
崩れずに。

85 :Name_Not_Found:2017/03/25(土) 12:09:57.91 ID:???
>>81
・google自体がSEOを考える必要があるかどうか
・点数の低い警告は割とどうでもいい
例えばあるページに別のページへ飛ぶリンクが複数あると警告が出る。
サイドバーとメインコンテンツ部分として、リンクが被るたびにサイドバーの内容を変える方がユーザビリティは低下するだろう

その前にgoogleやyahooでどんなエラーが出てるの?

86 :Name_Not_Found:2017/03/25(土) 12:12:05.75 ID:???
>>84
バカにするわけじゃなく、chromeなどブラウザが一番まともに描画してくれると思う
特にjsが絡んでくると面倒なことになる

87 :Name_Not_Found:2017/03/25(土) 12:54:10.50 ID:???
>>84
印刷時にグッチャグチャになるようなら、そのサイトがmediaqueryの書き方を間違ってるケースもあるから(実際にあった)
見た目のままを紙にしたいだけなら、ブラウザのアドオンでキャプチャ撮って画像として印刷したらどうかな
製作者側の質問としてなら、print.cssをがんばれ

88 :Name_Not_Found:2017/03/25(土) 15:49:38.94 ID:???
幅の%で地雷踏んでることもあるよ。
できるコーディング技能者はレスポンシブだけではなく同時にプリンタのレイアウト崩壊まで注意して記述している。

89 :Name_Not_Found:2017/03/25(土) 15:54:35.38 ID:???
印刷用のcssとか書くの?
全部media="all"だわ

90 :Name_Not_Found:2017/03/25(土) 15:54:50.50 ID:???
違うな、media="all"がデフォルトだから何も書いてないわ

91 :Name_Not_Found:2017/03/26(日) 10:28:15.54 ID:???
beforeやafterで追加した content の文字はマウスでコピペが出来ないようですが、
なぜですか?どうにかコピペする方法はありますか?

92 :Name_Not_Found:2017/03/26(日) 10:46:13.40 ID:???
>>91
開発者ツールで対応するスタイルを参照すれば可能

93 :Name_Not_Found:2017/03/26(日) 10:48:42.03 ID:???
>>91
::beforeと::afterは擬似要素と言われるDOM上は存在しない要素だから触ることは出来ない。
コピーもドラッグも、JSで動的な操作も出来ないよ

94 :Name_Not_Found:2017/03/26(日) 10:51:23.95 ID:???
>>93
JSでの操作はdocument,styleSheetsを参照すれば可能

95 :Name_Not_Found:2017/03/26(日) 11:22:18.09 ID:???
>>81
エラーがないサイトを作るのは当たり前のことだよ
警告や非推奨とかはその内容次第

96 :Name_Not_Found:2017/03/26(日) 11:26:18.12 ID:???
警告・非推奨 今は見逃すけどそのうち直してね。放置するとエラーになるよ
エラー 死ね

97 :Name_Not_Found:2017/03/26(日) 11:40:16.52 ID:???
>>92>>93>>94
なるほど
ありがとうございました。

98 :Name_Not_Found:2017/03/26(日) 12:34:27.80 ID:???
普段は問題ないのですが、
フルスクリーンにした時に固定の部分がスクロールバーを覆ってしまいます。
そこでスクロールバーを「z-index」で最前面に持っていこうと考えているのですが、
スクロールバーに「z-index」を設定するにはどうすれば良いでしょうか?

99 :Name_Not_Found:2017/03/26(日) 12:45:24.52 ID:???
難しいな

100 :Name_Not_Found:2017/03/26(日) 12:54:48.21 ID:???
ていうかフルスクリーンだとそういう挙動になるんか。チェックしたことなかったわ。

101 :Name_Not_Found:2017/03/26(日) 13:02:39.31 ID:???
>>97
基本構造は皆のいうとおりなんだけど、IEだとどういうわけかコピーできることがあるから一回やってみ
IE11でムリなら、F12からエミュレーションでドキュメントモードを8にするとできるかも

102 :Name_Not_Found:2017/03/26(日) 14:29:33.65 ID:???
ヘッダーをpwidth100%、fixedにしてみたけど覆ってないぞ
http://stamp-uploda.com/src/file5634.jpg

ってかフルスクリーンという存在自体忘れてたわ

103 :Name_Not_Found:2017/03/26(日) 14:31:54.57 ID:???
http://stamp-uploda.com/src/file5635.jpg
開発ツール、cssの編集ができなくなった
設定かなにか触ってしまったんだろうか

立ち上げ直したら直ったからいいけど、なんじゃこりゃ

104 :39:2017/03/26(日) 22:02:47.89 ID:???
>>50
返事が遅くなり申し訳ございません。 リンク先を含め現在勉強しています。

105 :Name_Not_Found:2017/03/26(日) 23:21:37.85 ID:6XjROwuH
カラーボックスと問い合わせフォームを一緒に使おうと思うのですが、jqueryの読み込みが重なるのかよくわかりませんが、
同一ページにタグがあると正常に動きません。

カラーボックス
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

問い合わせフォーム
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

問い合わせフォームのタグを消せばカラーボックスが動くことは確認しましたが、
ここからどうしたら良いのかわかりません。

106 :Name_Not_Found:2017/03/26(日) 23:25:25.44 ID:6XjROwuH
jqueryスレのほうが良いのかな?
すみません上の質問取り下げます。

107 :Name_Not_Found:2017/03/27(月) 02:55:41.17 ID:zEId5+EN
>>103
何かの読み込みが終わってないと挙動おかしくなることはあるね

108 :Name_Not_Found:2017/03/27(月) 04:59:53.77 ID:???
>>98
jsで制御するのが一番手っ取り早い

109 :Name_Not_Found:2017/03/27(月) 22:34:41.38 ID:???
質問です
背景に正円のオブジェクトを1つ敷きたいのですが、
画像を使わずにbackgroundのみでできますでしょうか?

疑似要素にbordr-adiusで空要素作成してz-indexで背面に重ねの方がいいですかね

110 :Name_Not_Found:2017/03/27(月) 22:40:22.64 ID:???
SVGというものがあるよ

111 :Name_Not_Found:2017/03/27(月) 23:21:42.38 ID:???
>>110
ありがとうございます。
今回は空要素にborder-radiusでやってしまったのですが
background-colorやbackground-image自体にborder-radiusのような
角丸の変形はできないかと思いまして。
SVGは逃げてたんで、時間ある時に試してみます

112 :Name_Not_Found:2017/03/28(火) 11:59:17.14 ID:???
H1, H2, H3,,, などの見出しのデザインで悩むのですが、
どこかにカッコイイサンプルが多数乗っているサイトありますか?

113 :Name_Not_Found:2017/03/29(水) 15:34:07.16 ID:???
サンプルが多数乗ってるサイトは検索すれば多数あるが
カッコイイかどうかはわからん

って↓が言ってた

114 :Name_Not_Found:2017/03/29(水) 20:18:46.76 ID:???
>>112
パーツだけ見るから歪になる
鼻だけ整形して下さいって言ってるようなもん。大事なのは全体のバランスだよ

115 :Name_Not_Found:2017/03/30(木) 22:05:50.44 ID:WPbJBc+k
初心者の質問で申し訳ありません。

最初にhtmlを読み込んでいる途中で別ファイルの読み込みがあったとき、
ブラウザはhtmlと一緒に並列して読み込むのか、
それとも一度それらを読み込み終えたあとまたhtmlの読み込みを始めるのか
はたまたhtmlの読み込みが終了してから読み込むのか、
教えてください。よろしくお願いします。

116 :Name_Not_Found:2017/03/30(木) 22:25:27.89 ID:???
>>115
基本上から順に読み込む。
君の言う平行というのは非同期通信のことで、それをしたいならjsを仕込む必要がある

117 :Name_Not_Found:2017/03/30(木) 22:30:37.50 ID:???
>>115
レンダリングブロックで検索

118 :Name_Not_Found:2017/03/30(木) 23:36:02.17 ID:WPbJBc+k
ありがとうございます。参考になりました。

119 :Name_Not_Found:2017/03/31(金) 15:59:35.89 ID:???
HTML4.01とHTML5.0とXHTMLって何が異なるんでしょうか?
Web制作会社の就活の面識に作品が必要らしいのですが
やはり全て知っておいた方がいいのでしょうか?
ちなみにHTML4.01の知識ならある程度あります

120 :Name_Not_Found:2017/03/31(金) 16:06:11.98 ID:???
すみませんあげ忘れました

121 :Name_Not_Found:2017/03/31(金) 23:46:36.40 ID:???
今日は機嫌が悪いので言っちゃうけどそんぐらい自分で調べてくれよ。
前人未到で経験者がいない話ならともかく。

122 :Name_Not_Found:2017/03/31(金) 23:49:50.97 ID:???
HTML4.01とHTML5.0 違い
とかでぐぐればでてくるんじゃyないすかね

123 :Name_Not_Found:2017/03/31(金) 23:52:36.33 ID:???
>>121
おかしなことを聞いてしまい申し訳ありません

>>122
ありがとうございます
いろいろとググってみます

124 :Name_Not_Found:2017/04/01(土) 14:32:42.47 ID:???
けものフレンズでも見て一服しようぜ

125 :Name_Not_Found:2017/04/01(土) 14:48:01.45 ID:+7b6sBve
けもフレのmeta keywordsいろいろ詰めすぎだろ

126 :Name_Not_Found:2017/04/01(土) 15:33:32.03 ID:???
、で区切っても機能するのか?

127 :Name_Not_Found:2017/04/01(土) 16:05:53.87 ID:???
meta keywordsは無い方がいいとまで言われる始末

128 :Name_Not_Found:2017/04/01(土) 19:06:25.82 ID:E2J5uhIG
background-positionの縦ほ位置を指定する際、
bottomから**%のような指定はできないでしょうか。

イメージとしては
background-position: 50% bottomから-5%;

レスポンシブでスマホの時に、背景画像をセクションの一番下に配置し、
なお且つ画像をoverflow:hiddenで上半分だけ表示したいのですが

129 :Name_Not_Found:2017/04/01(土) 19:08:21.93 ID:???
× overflow:hiddenで
○ overflow:hiddenのように

130 :Name_Not_Found:2017/04/01(土) 19:11:39.37 ID:???
と思ったら自己解決しました。
CSSでこんな書き方できるようになったんですね
background-position : right 5px bottom 10px;

131 :Name_Not_Found:2017/04/01(土) 19:11:54.84 ID:???
縦位置の調整面倒だったのはcss2の時代な。
今なら簡単だろ。
わからないならjsでもできるからググってみなさい

132 :Name_Not_Found:2017/04/01(土) 19:22:35.33 ID:???
ですね
背景画像は可変だったので
background-position:right 50% bottom -60vw;
みたいな感じで、単位vw使ったら楽にできました。

133 :Name_Not_Found:2017/04/01(土) 20:01:01.14 ID:???
calc使えば単位の違う計算ができるからもっと複雑なことができるよ

134 :Name_Not_Found:2017/04/01(土) 21:19:48.58 ID:???
flex覚えたわ
float+clearbothとかinlineblockが石器時代に思えてきた

135 :Name_Not_Found:2017/04/01(土) 23:17:33.26 ID:???
>>133
うわー知らなかった。
かなり有難うございます。

1年くらい気を抜いてたら
次から次へと新しい技術が出てる・・

136 :Name_Not_Found:2017/04/01(土) 23:18:42.64 ID:???
てかここの回答者親切だしレベル高い

137 :Name_Not_Found:2017/04/02(日) 20:21:06.14 ID:???
GETrequest と POSTrequestの違いって何ですか?

138 :Name_Not_Found:2017/04/02(日) 20:30:55.35 ID:???
GETはデータを受け取る時に使う。GETするわけだな
POSTはデータを送る時に使う。POSTしているのだな

今は言ってる意味が分からんと思う
どっちも送信してから受け取ってるのには変わりないし、どっちでも可能だ
しかし使ってる内に分かってくる

とりあえず迷ったらPOSTにしておけば問題ない

139 :Name_Not_Found:2017/04/02(日) 20:33:19.33 ID:???
POSTでページをリフレッシュすると
requestがダブると聞いたんですが

140 :Name_Not_Found:2017/04/02(日) 20:49:01.38 ID:???
>>139
そりゃそうだろう

リロード対策が必要ならリロード対策を講じればいい
http://itpro.nikkeibp.co.jp/article/COLUMN/20070910/281585/

もしくはajaxにすればリロードの問題は発生しない。
俺はほとんどajaxで処理するようにしている

「POSTがめんどくさいからGET」と逃げるような選択を取らないようにね

141 :Name_Not_Found:2017/04/02(日) 21:34:33.64 ID:???
質問です。
テーブルが
<table>
<tr>
<td>★
<td>△
</tr>
<tr>
<td>★
<td>△
</tr>
</table>
という流れであったとして、trのすぐ次のtd(★)は右寄せ、その次ののtd(△)は左寄せのテキストにしたいです。
テーブルは基本の形ですでに作ってしまっているので、CSSでいじりたいのですが
マスを指定する際にどのように書いたらいいでしょうか?
よろしくお願いします。

142 :Name_Not_Found:2017/04/02(日) 21:37:10.51 ID:???
>>141
疑似クラスを使う
最初に出てきた〜、2番め以降の〜、最後のだけ〜、などの指定が出来る
http://itpro.nikkeibp.co.jp/article/COLUMN/20070910/281585/

143 :Name_Not_Found:2017/04/02(日) 21:37:53.78 ID:???
>>141
td:nth-child(1){
text-align: right;
}

144 :Name_Not_Found:2017/04/02(日) 23:48:42.76 ID:???
素人に説明するならこれ

getはurlの尻に
?afo=1&ikenuma=2
みたいに埋め込んでサーバーのPHPやpealなどの動的プログラムに渡す。送れる量も制限あり。ブラウザによるがIEで確か2048バイトまで

postはバイナリでも送れて制限無し。遷移でリロード再送信や戻った時に有効時間切れなどになるので、主流はAjaxのb64とかJSON形式でpostとなっている。

145 :Name_Not_Found:2017/04/02(日) 23:54:33.65 ID:???
>>141
△のtdにclassつけて個別にcss書くと良いよ。

HTML
<td class="ikenuma">△</td>

css
.ikenuma{
text-align: left;
}

146 :Name_Not_Found:2017/04/03(月) 08:39:02.56 ID:???
>>144
ありがとう
やっぱりもう生でpostするのは廃れてるのね。めんどくさいしな

147 :Name_Not_Found:2017/04/03(月) 08:44:19.02 ID:???
flautもおかしくなる時があるけどflexもちゃんとならん時ない?

148 :Name_Not_Found:2017/04/03(月) 08:54:39.21 ID:???
IE8以前は知らんが・・・
floatがおかしくなるのはコードが悪い。大抵widthを忘れている
flexはベンダープレフィックスを漬けたほうがいい

149 :Name_Not_Found:2017/04/03(月) 12:29:44.85 ID:???
CSSで見出しをデザインしたいと考えてるのですが、どういった勉強をすればオリジナルのデザインが作れるようになりますか?

150 :Name_Not_Found:2017/04/03(月) 14:48:44.28 ID:???
>>149
レスポンシブウェブデザインを調べなさい。
これを学べばスマホ・デスクトップ用の両方に対応した基本的なものが学べるよ。

151 :Name_Not_Found:2017/04/03(月) 18:58:34.53 ID:???
見出しなんてbackgroundちおborder-bottomだけでいいと思うけどねぇ

152 :Name_Not_Found:2017/04/03(月) 22:06:25.36 ID:???
flash製の動画プレイヤーを埋め込んで、ローカル上でhtmlファイルをfile://で開くと、
一見読み込まれているようなのですが、コントロール部分が表示されなかったり、再生されなかったり動作しません。
flash製の動画プレイヤーをサーバにあげて、動画埋め込み部分を、http://でリンクさせると、
ローカルでhtmlを開いても再生されるようになるのですが、この現象は何が原因なんでしょうか?

153 :Name_Not_Found:2017/04/03(月) 22:12:33.67 ID:???
>>152
jsやflashからローカルにアクセスは、基本できない
もし出来るとアクセスした瞬間にPCのデータ全部ぶっこぬけてしまう
こればっかりはサーバーにあげてテストしたほうがいい

154 :Name_Not_Found:2017/04/03(月) 22:48:44.41 ID:???
>>153
ありがとうございます。なんか怖いですね。
リンク先がfile:///c:/flash.swfではなく、
apacheを起動させてローカルに展開した、
http://localhost/flash.swfの場合でも全部抜かれてしまう可能性ありますか?

155 :Name_Not_Found:2017/04/03(月) 22:50:35.19 ID:???
>>154
試してみたら?
時間の無駄だから試さないけど

156 :Name_Not_Found:2017/04/03(月) 22:55:48.93 ID:???
>>155
すみません、どうやってデータ流出を検知するのかわからなくて。
人が作ったFlashやJSはライブラリでも疑ったほうがいいってことですかね。

157 :Name_Not_Found:2017/04/03(月) 23:01:21.55 ID:???
>>156
基本それはできない。気にするな。ハゲるぞ
どうしても気になるなら以下
http://qiita.com/nissuk/items/1ede2953a8661dc59214

それとflashはもう使わない方が良い
ユーザーの1/3を占めるiphoneが全く対応してないのは痛すぎる

158 :Name_Not_Found:2017/04/03(月) 23:35:35.28 ID:???
>>157
ありがとうございます。説明が悪かったようなので、もう少し具体的に・・・

海外動画サイトの、動画配信プレイヤーを担当するswfなのですが、
例えばYouTubeだと下になりますが、
https://s.ytimg.com/yts/swfbin/player-vfl2Okqc8/watch_as3.swf
これをダウンロードして、
<iframe src="watch_as3.swf" width="100%" height="100%"></iframe>
を記述したhtmlファイルと同じディレクトリにおいて、そのhtmlを開いた時の挙動の話なのですが、
YouTubeの場合は特に問題もなく、表示されますが、
srcの部分がhttpを経由しないと、正常に表示されないケースがありまして、それがなんでかなあと。

159 :Name_Not_Found:2017/04/04(火) 01:58:22.86 ID:???
クロスドメイン制限じゃないの?

YouTubeからなら、YouTubeと同一ドメインの、コントロール画像にもアクセスできるけど、
ローカルPCからだと、YouTubeがコントロール画像にアクセスできないように、はじいているとか?

F12で開発者ツールを起動して、ネットワークトラフィックのエラーを、調べてみれば?

160 :Name_Not_Found:2017/04/04(火) 02:17:48.83 ID:???
そもそも他人が作った、HTMLを自分のPCにダウンロードして、動くことはまずない

HTML・JavaScriptファイルの中で、他の画像・JSファイルなどに、
アクセスしている部分があると、それらのファイルもすべて、ダウンロードして、

自分のPC内に、所定のディレクトリ階層を作って、そこに置いてから、
それらにアクセスするパスも、すべて書き換えないといけないから、

数十あるすべてのJSファイルをデバッグして、どこでエラーが起こるか突き止めて、
数十あるコントロール画像も、すべて突き止めて、ダウンロードするのは不可能

例えばGoogleで、アイドルの画像検索した結果、
百の画像が表示された、HTMLをダウンロードしても、正常に動かない

そのHTML・JavaScriptファイルの中から、百の画像にアクセスしている部分を突き止めて、
百の画像を個別にダウンロードしてから、

自分のPC内に、所定のディレクトリ階層を作って、そこに置いてから、
それらにアクセスするパスも、すべて書き換えないといけないから不可能

F12開発者ツールで、ネットワークトラフィックを見ればわかるけど、
普通のHTML・JavaScriptファイルでも、数十のファイルにアクセスしているはず。
F12開発者ツールのデバッグ画面で、1行ずつデバッグすれば、いかに大変かがわかる

161 :Name_Not_Found:2017/04/04(火) 08:27:00.69 ID:???
>>160
煽りじゃないけど、めっちゃ説明下手やね・・・
もう少し論点を短くまとめよう

162 :Name_Not_Found:2017/04/04(火) 09:10:53.81 ID:???
丁寧に答えた結果、分かりづらい文章になった典型例

163 :Name_Not_Found:2017/04/04(火) 10:10:41.93 ID:???
今年からHTMLとかCSSを扱う業界に飛び込んだんだけど誰か助けて下さい
BEMで今クラス名を考えてるんだけど
header内にあるgnavにメディアクエリに対応させるために
PC版とスマホ版のそれぞれgnavをhtmlで記述するんだけど
クラス名で詰んだ…例えば皆さんならどんなクラス名にするか参考までに教えてください…お願いします

164 :Name_Not_Found:2017/04/04(火) 12:59:36.08 ID:???
JavaScriptでローカルコンピューター内にファイルを保存する手段や読み込みできる方法もあるからな。

165 :Name_Not_Found:2017/04/04(火) 14:39:51.58 ID:???
それJavaScripじゃなくてJScriptなんじゃないのか

166 :Name_Not_Found:2017/04/04(火) 14:41:52.53 ID:???
141です。返信が遅れてしまい申し訳ありません。
143さんのアドバイスの通りに試してみたところ、無事に一部だけ左寄せができました!

しかし微妙にスペースが広がってしまい、中央寄せかつ左寄せで頭をそろえたほうがより綺麗になりそうです。
その場合、さらに複雑なコードが必要になるでしょうか?

▶質問
テーブルのtdの一マス目をすべて中央寄せかつ先頭がそろうようにしたいです。

どうぞよろしくお願いいたします。

167 :Name_Not_Found:2017/04/04(火) 18:45:22.50 ID:???
おたふく
ブルドッグ
ウスター

168 :Name_Not_Found:2017/04/04(火) 19:28:47.61 ID:???
>>165
FILE APIやローカルストレージ

169 :Name_Not_Found:2017/04/04(火) 19:35:54.15 ID:???
>>163
gnavならgnavでいいでしょw
もしくはglobal_navとか

>>166
paddingでいいんじゃね
box-sizingと組み合わせれば尚良

170 :Name_Not_Found:2017/04/04(火) 23:45:50.83 ID:???
>>163
ん? htmlにgnavを2つ書くってこと?

171 :Name_Not_Found:2017/04/04(火) 23:52:11.89 ID:???
>>170
メディアクエリで分けるって分かるだろ
クラス名で悩むはよく分からんが

172 :Name_Not_Found:2017/04/05(水) 09:46:49.61 ID:???
>>150
遅くなりましたがありがとうございます!
レスポンシブウェブデザイン勉強してみます!

173 :Name_Not_Found:2017/04/05(水) 11:00:17.51 ID:???
レスポンシブって何か特別な用語っぽく使われてるけど、
テキストに限れば元からレスポンシブだったんじゃないのかなあ

174 :Name_Not_Found:2017/04/05(水) 19:02:00.18 ID:???
見た目だけレスポンシブにしてもなぁ
データ転送量とかも調整しないとショボい端末に対応したとは言えない

175 :Name_Not_Found:2017/04/05(水) 20:03:17.74 ID:???
レスポンシブ化するとデザインを加えるのに手間がかかるんだよな。
とは言えスマホ対応サイトにする場合は、PC向けサイトのままだとサーチサイトサイドから村八分にされる。

176 :Name_Not_Found:2017/04/05(水) 21:03:53.54 ID:???
インラインのcssでhoverやafterなどは設定できますか?

177 :Name_Not_Found:2017/04/05(水) 21:57:11.55 ID:???
>>176
出来ないんじゃないか?

178 :Name_Not_Found:2017/04/05(水) 22:13:46.93 ID:???
>>177
ありがとうございます
試験用に設定しようと思いましたが、ちゃんとstyleに書こうと思います

179 :Name_Not_Found:2017/04/06(木) 06:30:06.38 ID:???
cssの定義をパラメータ化することってできませんか?
例えばある画面のボタンのためにcssを書いたとして
これを別の画面でも再利用したい
でもレイアウトの都合でサイズだけ少し変えたい
といった場面でサイズをパラメータ化したいです

180 :Name_Not_Found:2017/04/06(木) 15:56:10.48 ID:???
>>179
外部ファイル化させて読み込めば良いだけ。
またはjsでタイミング良く読み込ませる方法もあるよ。

181 :Name_Not_Found:2017/04/07(金) 19:55:04.90 ID:???
>>179
SASSでググると幸せになれるかもしれない

182 :Name_Not_Found:2017/04/07(金) 20:00:47.08 ID:???
途中で送信してしまった

>>179
@mixin standard_button($width: 200px, $height: 50px){
 display: inlin-block;
 width: $width;
 height: $height;
 background-color: rgba(255,0,0,1);
 color: rgba(255,255,255,1);
}

.foo a{
 @include standard_button; ←そのまま
}

.bar a{
 @include standard_button(300px,20px); ←幅と高さ変わる
}

.val a{
 @include standard_button;
 background-color: rgba(0,0,255,1);
 border: 2px solid #rgba(0,255,0,1); ←上書き、書き足し出来る
}

183 :Name_Not_Found:2017/04/07(金) 23:23:37.75 ID:???
Sass面白そうよね。GWにでも勉強してみような。

184 :Name_Not_Found:2017/04/08(土) 00:12:20.23 ID:???
>>183
面白いで済むといいな
俺はもうSASSなしでは生きていけない体になってしまった
生のCSS書こうとすると脳が震える…

185 :Name_Not_Found:2017/04/08(土) 01:22:24.04 ID:???
別に勉強するほどのものじゃないぞ

186 :Name_Not_Found:2017/04/08(土) 01:23:32.98 ID:???
>>185
SASSは簡単だけど
nodeとかコマンドラインの勉強になっちゃったりして

187 :Name_Not_Found:2017/04/08(土) 01:23:57.36 ID:???
勉強するほどのものじゃない、というかcssさえ書けるならsassも簡単に使える

188 :Name_Not_Found:2017/04/08(土) 01:31:12.86 ID:???
え、だってまずは環境構築せないかんのでしょ?

189 :Name_Not_Found:2017/04/08(土) 01:34:08.57 ID:???
>>188
普段からcli慣れてる人なら30分かからんけど
テキストエディタでHTMLやCSSを書くだけの人だとしんどいかもね
ウィンドウズだとRubyを入れるところから始めにゃならんし

190 :Name_Not_Found:2017/04/08(土) 01:46:07.74 ID:???
>>189
sassとrubyがなんで関係有るの?

191 :Name_Not_Found:2017/04/08(土) 03:54:37.28 ID:???
test

192 :Name_Not_Found:2017/04/08(土) 03:55:21.41 ID:???
panda使うにしてもrubyは必要、だったはず
べつにnodeのsassでもいいだろうけど
どっちにしろnode.jsはインストールはしなきゃならんわな
Dreamweaverはsass使えるようになったと聞いたけど使ってないからわからんー

193 :Name_Not_Found:2017/04/08(土) 03:58:36.71 ID:???
あとnode-sassはruby-sassと比べるとちょっと書き方に厳しいよね
gulp使うときはnode-sassの方が軽いのが魅力だけど

194 :Name_Not_Found:2017/04/08(土) 07:39:56.59 ID:???
パンダじゃなくてコアラだよな?
コアラはいちいち手間かかるからおすすめしない

195 :Name_Not_Found:2017/04/08(土) 08:24:29.70 ID:???
ぐぐってみたけど、nodeをインストールするときはグローバルにすればいいのかな。
なんかインストール方法が2種類あるらしいのは分かったけど使い分けや、それぞれのメリット・デメリットが分からないや。

196 :Name_Not_Found:2017/04/08(土) 09:12:19.84 ID:???
そういう時は一番最初に書かれている方法を使うべき
とにかくメジャーな物を使うようにした方がいい
変にこだわるとあっという間に廃れて泣きを見るぞ

197 :Name_Not_Found:2017/04/08(土) 11:23:39.36 ID:???
>>196
なるほど。長いものに巻かれてきます。ありがとう。

198 :Name_Not_Found:2017/04/08(土) 23:13:44.29 ID:???
CSSのクラス名とか画像ファイル名をつけるのにいつも迷うので付け方の基本的なルールみたいなのがあれば教えてください

199 :Name_Not_Found:2017/04/09(日) 00:04:59.76 ID:???
CSS クラス名 参考
で検索

200 :Name_Not_Found:2017/04/10(月) 14:06:00.42 ID:???
モビルスーツの名前で

201 :Name_Not_Found:2017/04/11(火) 01:02:40.59 ID:???
sassっていってもなんかいろいろあるんだね
webpackのsass-loader使っとけばいい感じなのかなって思ってたけど
node-sassとかruby-sassとかあるのか

202 :Name_Not_Found:2017/04/11(火) 08:17:35.11 ID:ROw3wQai
>>198
クラス名迷うよね。クラス名考えるだけで時間取られる時もある

俺は基本的にはBEMで書いてる(わからなかったらググろう)
脳内で英単語に変換できないときはGoogle翻訳だな
あとはパーツを種類ごとに接頭辞つけて分ける。これはSMACSSの概念で(これもわからなければググろう!)
繰り返し使うパーツには.md-を付与、共通レイアウトなどは.l-、js等で変化する要素に与えるクラスには.is-、jsのみで使うものには.js-。
固有ページはbodyにidやクラスつけて、その子要素にスタイルを付けることで他ページとクラス名がかぶっても破綻しない。
わけたファイルはsassで書くので、最後にstyle.cssに一つにまとめちゃえばok。これだけきっちりルールつけると破綻することが絶対にないよ

画像は適当。画像もディレクトリごとにわけて保存してれば同じ名前使っても問題ないしね。
img_001とかthumb_001とか。
メインビジュアルだとmainvisとか。

203 :Name_Not_Found:2017/04/11(火) 13:31:33.72 ID:???
>>201
sassはあの書き方からもわかるようにrubyな人達が作ったもの
で、node界隈の人達も使いたいよってフォークしてnode版に焼き直したのがnode-sass

ビミョーーーな差はあるけど基本同じもの
その差もコンパイルエラー出たときにググればいい程度のものだよ

204 :Name_Not_Found:2017/04/11(火) 17:51:00.57 ID:???
>>202
繰り返しのmdは何の略?
モジュールかしら。

205 :Name_Not_Found:2017/04/11(火) 18:53:24.49 ID:???
C、vb、python、phpと触ってきたけど、cssの名前が一番むずかしい
あまりにも自由度が高すぎる

206 :Name_Not_Found:2017/04/11(火) 19:35:49.72 ID:???
スレ違いだぞ。
ワッチョイ付きの隔離スレでやれよ。

207 :Name_Not_Found:2017/04/11(火) 23:25:12.92 ID:???
いやなこった。ここで続ける。

208 :Name_Not_Found:2017/04/12(水) 00:29:54.32 ID:???
>>203
なるほどありがとう

209 :Name_Not_Found:2017/04/12(水) 07:30:35.26 ID:XmA/nkw7
>>204
モジュールだよ。
md-でもmod-でもmodule-でも、好きな接頭辞を付ければいいよ!わかればそれで。

210 :Name_Not_Found:2017/04/13(木) 00:01:58.50 ID:/3VN8528
質問なのですが
display:flex;で下記子要素の3番目(hoge3)だけは、改行させるってことは可能でしょうか?
<ul>
<li class="hoge1"></li>
<li class="hoge2"></li>
<li class="hoge3"></li>
</ul>
PCでは3つ横並び、スマホではhoge3だけ改行させたい場合です

211 :Name_Not_Found:2017/04/13(木) 00:03:06.74 ID:???
可能

212 :Name_Not_Found:2017/04/13(木) 00:06:44.93 ID:???
text-wrap
とりあえずcss一通り読んだほうが良いと思う
そっちの方が絶対早いて

213 :210:2017/04/13(木) 00:07:59.09 ID:/3VN8528
すいません間違いました
スマホ時に下記のhoge2-2のみ改行させたい場合でした
<ul>
<li class="hoge1">要素1</li>
<li class="hoge2">
<p class="hoge2-1">要素2-1</p>
<p class="hoge2-2">要素2-2</p>
</li>
</ul>
PCの時はhoge1とhoge2が横並び
スマホの時はhoge1とhoge2-1が横並びでその下に前幅でhoge2-2となるようにしたいです

214 :Name_Not_Found:2017/04/13(木) 00:12:58.05 ID:???
前幅を知らないがぐぐったら着物がどうこう出てきた

215 :210:2017/04/13(木) 00:12:59.69 ID:???
補足です
改行というのはテキストの改行ではなく、
レイアウトの改行の事です
(以前のインライン要素かブロックレベル要素かみたいな)

216 :Name_Not_Found:2017/04/13(木) 00:13:37.87 ID:???
>>214
すいません全体幅の間違いです

217 :210:2017/04/13(木) 00:16:25.17 ID:???
ああ、無理かな
カラムの数が変化するってことになるから
jQueryで.insertAfter()とかになるかなあ

218 :Name_Not_Found:2017/04/13(木) 01:19:56.24 ID:???
Effective c++みたいな脱初心者のためのHTML/CSS参考書ってないのかな
なんの役にも立たない初心者向けの参考書しか見つからない

219 :Name_Not_Found:2017/04/13(木) 01:29:07.76 ID:???
>>213
こういうこと?
https://jsfiddle.net/m7L3js9g/

220 :Name_Not_Found:2017/04/13(木) 01:34:00.37 ID:???
>>219のPCの方の高さ揃えたいなら
float使わずにflexで

221 :Name_Not_Found:2017/04/13(木) 01:35:26.84 ID:???
ていうか今日はIE9が死ぬ日じゃん!
こんなことしてないでお祝いしなきゃ!

222 :Name_Not_Found:2017/04/13(木) 01:35:51.43 ID:???
https://jsfiddle.net/zxe88253/ynu99c6m/
改行とか出てくると途端にめんどくさくなるよな

223 :Name_Not_Found:2017/04/13(木) 01:39:14.47 ID:???
>>221
♪Happy dead day IE9 〜

224 :Name_Not_Found:2017/04/13(木) 01:39:51.09 ID:???
ソースは・

225 :Name_Not_Found:2017/04/13(木) 01:41:03.86 ID:/3VN8528
>>219,>>222
完璧です!
わざわざ有難うございます!
親切すぎでびびりました

226 :Name_Not_Found:2017/04/13(木) 01:45:00.37 ID:???
>>225
大雑把に言えば
hoge1がfloatすると文字通り浮いた状態になって
後続のブロック(hoge2)はhoge1を無視してレンダリングされる
で、後続のインライン(hoge2の中も含む)はhoge1を回り込むようになる
っつーことよ

227 :Name_Not_Found:2017/04/13(木) 01:47:33.42 ID:???
>>226
ありがとうございます
ちなみにdisplay:flexでも同じようにできますよね?(まだ試してませんが取り急ぎお礼まで)

228 :Name_Not_Found:2017/04/13(木) 01:51:59.00 ID:???
>>227
flexではSPの方は駄目じゃ

hoge2-2の幅はhoge2を超えることはないから
hoge2はhoge1と重ならなきゃいかんの
flexじゃこれはできん

229 :213:2017/04/13(木) 01:52:16.38 ID:/3VN8528
ありゃ、よくみたらdisplay:flexではやはり無理かな
うーんまだやっぱfloatの方が実用的なのか

230 :Name_Not_Found:2017/04/13(木) 01:53:35.31 ID:???
>>228
そのようですね。
わざわざ有難うございました。
floatにしかできない事がまだあるってことですね

231 :Name_Not_Found:2017/04/13(木) 02:07:02.16 ID:???
>>229
どっちが実用的とかいう問題じゃないと思うよ
やりたいことに必要十分なものを使えばいいだけ

実際PC表示の方はflex使ったほうが良いと思う

232 :Name_Not_Found:2017/04/13(木) 02:19:52.31 ID:???
>>213
これも可能

233 :Name_Not_Found:2017/04/15(土) 11:58:52.15 ID:???
>>218
レスポンシブ、SASS, JavaScript の入門書は?

234 :Name_Not_Found:2017/04/15(土) 14:03:48.48 ID:???
>>218
CodeGridを購読

235 :Name_Not_Found:2017/04/15(土) 17:20:37.07 ID:???
flexって万能なのか?
それともflexに出来ないけどfloatなら出来る機能って有るの?

236 :Name_Not_Found:2017/04/15(土) 18:01:53.93 ID:???
>>235
ネタで言ってるの?

237 :Name_Not_Found:2017/04/15(土) 18:10:07.95 ID:???
>>235
ちょっと前にここで出てた

238 :Name_Not_Found:2017/04/15(土) 18:24:18.35 ID:???
>>235
アフタビフォアーで用が足りる

239 :Name_Not_Found:2017/04/15(土) 19:38:27.56 ID:AbL3vhCz
>>235
flexの仕様見てから書けカス

240 :Name_Not_Found:2017/04/16(日) 14:00:06.32 ID:???
gridが急に湧いてきたな

241 :Name_Not_Found:2017/04/16(日) 14:54:18.38 ID:???
chrome限定で表示する用なんですが、
select { width:100px; height:100px; overflow-x:scroll;}

<SELECT multiple><OPTION>(横幅よりもちょっと長い文章)</OPTION></SELECT>
で、横幅より長い文章を選択して右にスクロールした時、選択した行のはみ出た部分が真っ白に消えてしまうんですが
画面外の文字を読めるようにする方法はありませんか?

242 :sage:2017/04/16(日) 22:41:30.82 ID:OPF7K2dT
これお願いします
https://jsfiddle.net/5969kycp/

243 :Name_Not_Found:2017/04/16(日) 22:43:03.31 ID:???
>>242
別に問題はない
hもうまく使ってるね

244 :Name_Not_Found:2017/04/16(日) 22:46:11.07 ID:???
と思ったけど、
<section>
<h2>概要</h2>
<p>サイトの説明文</p>
</section>
<aside>
<h2>注意</h2>
<p>閲覧に関する注意事項</p>
</aside>
としたほうがいい気がする

245 :Name_Not_Found:2017/04/16(日) 23:06:57.86 ID:???
>>244
asideにh2かけるなよ
他のh2の効果減るぞ

246 :Name_Not_Found:2017/04/16(日) 23:17:09.93 ID:???
アウトラインを形成するために、asideの中にh2は合ったほうが良いと思う。
というかアウトラインが統一されてないほうが色々な面でめんどくさい
俺ならこう
<aside class="description">
<h2>概要</h2>
<p>サイトの説明文</p>
<p>注意</p>
<p>閲覧に関する注意事項</p>
</aside>

そもそも論を言うと
<p>サイトの説明文</p>
<p>注意</p>
<p>閲覧に関する注意事項</p>
これが冗長すぎない?と思う

247 :242:2017/04/16(日) 23:25:36.65 ID:???
>>244-246
トップページのみ警告を表示しておきたいので
どうしてもヘッダー内におさめたいのです

とりあえずheader内でasideが使える事が分かったのでよかったです
ありがとうございました

248 :Name_Not_Found:2017/04/17(月) 00:59:46.12 ID:???
>>246
h3注意
p 観覧に関する〜
じゃないかな

249 :Name_Not_Found:2017/04/17(月) 01:08:26.44 ID:???
h1とh2は一つだけにしろよ
とくにaside内はhはいらん
sectionの出汁にしろと教わらなかったのかよ

250 :Name_Not_Found:2017/04/17(月) 01:22:07.47 ID:???
aside内にheadingを置いたらあかんてどんなローカルルールなんだよ

251 :Name_Not_Found:2017/04/17(月) 01:22:12.48 ID:???
そんな教材にお金払ったの??
SEOも大変だなぁ

252 :Name_Not_Found:2017/04/17(月) 01:25:32.74 ID:88C8sM9h
249は何か勘違いしてる

253 :Name_Not_Found:2017/04/17(月) 03:17:10.19 ID:???
他にh2設定していなければ構わないが、h

254 :Name_Not_Found:2017/04/17(月) 07:53:17.42 ID:???
>>249
h1はまだ分かるけど、h2一つだけってどこの原始人だよw
なんか大昔そういうの流行ったけど

アウトラインを形成する要素の内、hがなくていいのはnavだけ
asideにhは必要
>>242の流れだとh2が入るし何も問題はない

255 :Name_Not_Found:2017/04/17(月) 08:04:24.73 ID:???
>>254
aside内のhをsectionや他に移動したときの比較データみれば一目瞭然な。
h1とh2、それぞれ複数設置した場合と一つずつだけにした場合のデータ比較も数千とみてきたが、現時点では一つずつの設置でsection内が一番メリット高いぞ。

256 :Name_Not_Found:2017/04/17(月) 08:05:28.70 ID:???
>>255
そのデータって何のデータ?
メリットってどういうメリット?

257 :Name_Not_Found:2017/04/17(月) 08:19:50.95 ID:bHWbwh3R
なにそれ聞いたこともない。

258 :Name_Not_Found:2017/04/17(月) 08:45:01.55 ID:???
sectionとasideにh1とh2を設置したときのユニーク数や検索順位などを数値化。
一定期間後にsectionのみに変更したときの数値と比較。

こんなことを数千のサイトで専門にやっている業者がいて定期的に情報を購入している。
胡散臭いブログ情報や古い情報に惑わされることないから、顧客の同業者サイトよりも有利にさせるためにサービスとしてアドバイスできるようになるよ。

259 :Name_Not_Found:2017/04/17(月) 12:09:07.12 ID:???
古い情報を使いまわしてたり、胡散臭いブログ情報を真に受けてるのがSEO業者だよw

260 :Name_Not_Found:2017/04/17(月) 18:26:38.78 ID:???
子会社が実際にやってるので出鱈目なぞない。
うちから数名出向もしているし安心している。

261 :Name_Not_Found:2017/04/17(月) 18:47:42.92 ID:???
ブログで紹介しているものは出所が不明なものが多いよな
古い情報だったりガセも多々ある

262 :Name_Not_Found:2017/04/17(月) 19:17:52.57 ID:???
他人の書いた酷いcssを再利用してくださいと言われた場合に取りうる対策を教えてください

263 :Name_Not_Found:2017/04/17(月) 19:21:37.65 ID:???
>sectionとasideにh1とh2を設置したときのユニーク数や検索順位などを数値化。
>一定期間後にsectionのみに変更したときの数値と比較。

この手間で他のことしたほうが良くない?

264 :Name_Not_Found:2017/04/17(月) 19:54:17.53 ID:???
>>262
仕事なら断ればいいだけ

265 :Name_Not_Found:2017/04/17(月) 19:59:11.21 ID:???
>>263
管理サイトは全てやりつくしてやることないからな。
8年間指定ワード1位キープで売上も文句はないぞ。
おまいも一度はみたことある知ってるサイトだ。

266 :Name_Not_Found:2017/04/17(月) 20:02:01.59 ID:???
再利用に込められた意味は2パターンある。
1つめは元々は自分や身内が書いたとかで、それをベースにしてもらったほうが後々都合がいいケースと、
2つめは単に安くさせるための口実で使うケース。
真意は聞いたほうがいいが、後者の場合はハッキリ言わないだろうから、
これを参考に1から整理して組み直していいか?と聞いてみるといい。
後者の場合、すでに金銭的な条件面で折り合いがついてるのなら、NOとは言わないだろう。

267 :Name_Not_Found:2017/04/17(月) 21:14:08.33 ID:???
>>265
2ちゃんで信用を得たければ証拠だせって話だよw

268 :Name_Not_Found:2017/04/17(月) 21:34:22.36 ID:???
安く済ませようと足掻く様は無様だな。

269 :Name_Not_Found:2017/04/17(月) 22:16:21.79 ID:???
最初の質問者からしてSEOのことなんて聞いてないんだから俺様理論を振りかざすバカにはとっとと退場してもらいたい。

270 :Name_Not_Found:2017/04/17(月) 22:20:52.03 ID:???
>>268
そんな連中は情弱ばかりだろ

271 :Name_Not_Found:2017/04/17(月) 22:30:23.93 ID:???
まああれだ、htmlの書き方みれば儲けてる実績持ちか素人の区別はある程度はできるということだ
cssについてはエラーさえなければ短く書いた方が有利で運用バランスに影響はほとんどない

272 :Name_Not_Found:2017/04/17(月) 22:51:20.43 ID:???
column-countなどマルチカラムってもう実装レベルでしょうか?
実際にもう使用してますか?

273 :Name_Not_Found:2017/04/17(月) 22:52:37.15 ID:???
>>271
外注だったら全然分からんと思うが

274 :Name_Not_Found:2017/04/17(月) 22:53:18.13 ID:???
>>272
やるわけない
flexで十分

275 :Name_Not_Found:2017/04/17(月) 23:15:30.06 ID:???
確かにHTMLソース見てダメだこいつと思うときあるw

276 :Name_Not_Found:2017/04/17(月) 23:40:46.50 ID:???
div_wrapper
div_wrapper2
div_wrapper2_innner
div_wrapper2_innner_big

担当者がコロコロ変わって大変なことになってるんだな、と思ったことはある

277 :Name_Not_Found:2017/04/17(月) 23:41:32.41 ID:aoArFJi2
でもさ、みんな偉そうなだけで、実際はただの素人なんでしょ?

278 :Name_Not_Found:2017/04/17(月) 23:49:48.57 ID:???
>>277
この業界、アフィ貼ったらあっという間にプロになれる
なんならアフィを貼る必要すらなかったりもするし
どこからどこまでがプロというのも難しい
未だにhtml4というところもあるけど、別にそれは悪いことじゃないしな

279 :Name_Not_Found:2017/04/18(火) 00:10:01.18 ID:???
一円でも稼げたらプロと思い込むのは個人の自由w
プロにも基準があるのはわかるよな。

先駆者や実績持ち(業界で名の知られてる人。例えば有名サイトを作った人や某記述法で一目置かれている人が所属する会社など)から認められるレベルなどは一人前のプロだな。

当然仕事は探さなくても頼まれたりして余るほどある。
だから子会社作って信用できる部下に任せたりもできるんだが、実績のないカスプロは出だしがカスだから、万年食えないプロのままということだ。

280 :Name_Not_Found:2017/04/18(火) 00:17:33.91 ID:???
目指すものにもよるけどHTMLとcssだけしか書けない人は業界では邪魔者扱いですね
サイト構築関係で食っていくならウェブ言語のフロントエンジニアがスタート地点かと

281 :Name_Not_Found:2017/04/18(火) 00:49:49.92 ID:???
いまどきそういう人の方が珍しいのでは
求められるスキルセットがそれだけっていまないじゃん
少なくともJSかphpくらいはできるはず

282 :Name_Not_Found:2017/04/18(火) 01:16:41.03 ID:???
年収6桁のアフィブログにごまんといるぞw

283 :Name_Not_Found:2017/04/18(火) 01:24:46.60 ID:???
実績あればどうにでもなる業界。
後発組(2001年以降に参入した者)は実績作るにしても色々と不利だがウェブ言語のきもはjsだからしっかりマスターしておけよ。

284 :Name_Not_Found:2017/04/18(火) 03:03:34.10 ID:???
みんな必死w

285 :Name_Not_Found:2017/04/18(火) 03:46:26.25 ID:???
残業規制とか無縁の業界だしな
新しい実績作るために日々努力だよ

286 :Name_Not_Found:2017/04/18(火) 07:37:38.56 ID:???
あるゲームの攻略サイト立てて年収一千万、編集はユーザー任せ、時給10万円で完全に左うちわwww人生の勝ち組www
今は年収100万でコーディングのバイトしてるお・・・もっとしっかり勉強しておけばよかった・・・

287 :Name_Not_Found:2017/04/18(火) 07:42:39.89 ID:???
ゲームの攻略サイトが何年も持たないと気が付かなかった時点で脳に致命的な欠陥があるので勉強しても無駄

288 :Name_Not_Found:2017/04/18(火) 07:45:46.08 ID:???
>>287
いや、一応次々作ったんだよ。まさか全滅するとは思わんかった
何も残らなかったわw

289 :Name_Not_Found:2017/04/18(火) 07:48:37.45 ID:???
アフィの話しは板違いだ

290 :Name_Not_Found:2017/04/18(火) 07:51:27.41 ID:???
古いIEで試験したいのですが、いい方法ありますか?できればIE8ぐらいを使いたいです
エミュでうまく行ったのに実機で崩れたことがあるので、できれば実機で試験したいのですが

291 :Name_Not_Found:2017/04/18(火) 08:00:06.19 ID:???
>>290
仮想OSはエミュ?

292 :Name_Not_Found:2017/04/18(火) 08:17:34.24 ID:???
>>291
いいえ、OSが仮想でもIEがエミュじゃなければ良いです

293 :Name_Not_Found:2017/04/18(火) 08:21:10.32 ID:h4PrN5Xi
>>262
とりあえずscss化
あとは耐えに耐える

294 :Name_Not_Found:2017/04/18(火) 08:22:49.27 ID:h4PrN5Xi
>>290
VirtualBox使ってみ
重いけど

295 :Name_Not_Found:2017/04/18(火) 08:42:58.42 ID:???
>>294
その場合、古いwindowsなどを買う必要がありますよね?
もうどこにも撃ってないと思うのですが・・・

296 :Name_Not_Found:2017/04/18(火) 08:50:19.98 ID:???
こういうのがある

MSが公式配布しているWindowsのISO/仮想マシンリンクまとめ | Tipstour
http://tipstour.net/microsoft-official-windows-download-link

297 :Name_Not_Found:2017/04/18(火) 11:12:43.23 ID:???
>>295
中古のマシン買っておけ

298 :Name_Not_Found:2017/04/18(火) 11:45:45.66 ID:FrbbL8Eu
そんなことよりさっき大発見をしたから聞いてくれ
キアヌ・リーブスの名前に中には
なんと「アヌス」が隠されていたのだ!

299 :Name_Not_Found:2017/04/18(火) 16:38:42.08 ID:???
その昔にhは順番通り上から下にいかなければダメなんですよ!とか言ってくるカメラマン崩れのデザイナーがいたなぁ
アウトライン見てもらえればちゃんとなってますが?って返したら
いや違いますね!
僕はSEO勉強したのでわかります!
って返されてめんどくさかったから全部p strongにしたら納得してて笑ったわ

300 :Name_Not_Found:2017/04/18(火) 17:45:45.50 ID:???
アホのまわりにはアホばかりってやつかw

301 :Name_Not_Found:2017/04/18(火) 18:31:04.18 ID:???
div1 > div2 > div3 > a, div1 > div2 > div3 > p
{
  font-size:20px;
}
こういうのを
div1 > div2 > div3 > (a OR p)
{
  font-size:20px;
}
みたいに書けませんか?

302 :Name_Not_Found:2017/04/18(火) 18:42:15.93 ID:2aBQenTQ
.div1 > .div2 > .div3 {
a, p {
font-size: 20px;
}
}

303 :Name_Not_Found:2017/04/18(火) 20:02:56.36 ID:vRD5yYGw
>>299
html5.0では全部h1でも良かった
html5.1はh1〜h6を使わないと行けなくなった
もうやだ・・・

304 :301:2017/04/18(火) 20:55:05.28 ID:???
>>302
動かねーよカス

305 :Name_Not_Found:2017/04/18(火) 22:16:08.44 ID:???
>>304
次にお前は「これ書いたの私じゃありません」と言う

306 :Name_Not_Found:2017/04/18(火) 23:45:27.61 ID:???
>>303
いや全部h1で良かったことなんてないだろ

307 :Name_Not_Found:2017/04/18(火) 23:53:39.65 ID:???
>>306
あぁすまん、アウトラインごとにh1から始まる、だな
https://developer.mozilla.org/ja/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document

308 :Name_Not_Found:2017/04/19(水) 00:21:26.44 ID:???
>>307
仮に全てのセクションの見出しをh1にしてしまっていたとしても、それで「今まで正しくアウトライン判定されていたものが急に判定されなくなる」ということはありません。
なぜなら今までもそのマークアップでは正しくアウトライン判定されていなかったはずだからです。

とかあるけど

309 :Name_Not_Found:2017/04/19(水) 00:27:40.20 ID:k9Hkr7XY
>>295
ん?買う必要ないぞ
今動かしてるOS上で仮想Windowsを起動させてその上でIEを使うだけ

310 :Name_Not_Found:2017/04/19(水) 00:33:25.12 ID:???
古いIEって手に入るのか?
と思ったら手に入るのか、知らなかったわ
https://www.catalog.update.microsoft.com/Search.aspx?q=internet%u3000explorer%u30008

311 :Name_Not_Found:2017/04/19(水) 00:35:35.29 ID:k9Hkr7XY
>>308
でもあえてアウトラインごとにh1を指定するメリットもないからなー
開発中もアウトラインわかりづらくなるだけだし、そもそも現場で働くフロントエンドエンジニアにそんな書き方する人中々いない
SEO的に効果があるわけでもないし、今までどおりh1〜h6を使うのが良い

312 :Name_Not_Found:2017/04/19(水) 00:41:49.53 ID:???
>>311
そうか?
俺は全部h1の方が楽で好きだわ
まぁ製作中にその方針はやっぱりやめってなって全部書き直す羽目になりましたけどね…うふふ

313 :Name_Not_Found:2017/04/19(水) 01:12:04.70 ID:k9Hkr7XY
>>312
いや、わかるよ
好みはあるからね。
でもio3000とか見ててもそうだけど、中々アウトラインにh1使ってるサイトも無いしおれの会社じゃ非推奨になってたからさ。
まぁ俺も最初はh1でokってなった時はそっち派だったし、HTML5出始めの時に読んだ本はh1で書いてた

314 :Name_Not_Found:2017/04/19(水) 04:15:40.38 ID:???
h1にするかしないかって楽とか好みとかで決めるもんじゃねえだろ。

315 :Name_Not_Found:2017/04/19(水) 04:50:15.04 ID:???
無能がいるからできる奴が余計に引き立つことぐらい知れよ

316 :Name_Not_Found:2017/04/19(水) 07:20:15.77 ID:???
無能ほど無意味にマウンティングしたがるよな

317 :Name_Not_Found:2017/04/19(水) 07:47:40.30 ID:???
BLOCKQUOTEは引用する場合に使うんですよね?
では、自分の文章の中で強調したい文章とか、あるいは、
追記で後から追加した文章を何らかのタグで囲んで他の文章と区別したいのですが、そう言う用途のタグはありますか?
それとも目立つ色のborderで囲むなどの方法しかないですか?
今までは安易にBLOCKQUOTEでやっていたのですが、それだと他人の文章を引用しているようで、あまり好きではありません。

318 :Name_Not_Found:2017/04/19(水) 08:34:06.11 ID:RWvT6A+i
>>314
html5の時は好み。厳密にどちらがいいってのはなかった
まさか5.1で全てh1で始まるのが非推奨になるとは思わなかったゾ

319 :Name_Not_Found:2017/04/19(水) 08:38:42.45 ID:???
>>314
html5は完全に好みだな

320 :Name_Not_Found:2017/04/19(水) 19:40:23.81 ID:???
>>317
強調ならemかstrong
挿入はins

321 :Name_Not_Found:2017/04/19(水) 22:38:37.36 ID:???
>>320
サンキュウ
早速やってみるよ

322 :Name_Not_Found:2017/04/19(水) 23:54:19.44 ID:???
>>303
HTML5.1のその話のソースが見つけられない。

323 :Name_Not_Found:2017/04/20(木) 01:23:14.26 ID:???
>>322
https://www.w3.org/TR/2016/REC-html51-20161101/changes.html#features-removed

Features removed

The use of nested section elements each with an h1 to create an outline.

記事
http://roka404.main.jp/blog/archives/247

324 :Name_Not_Found:2017/04/20(木) 03:02:46.29 ID:???
xmlというのはjsonみたいなシリアライザーですか?

325 :Name_Not_Found:2017/04/20(木) 03:20:59.94 ID:???
xmlもjsonもシリアライザではないけど

326 :Name_Not_Found:2017/04/20(木) 06:22:32.50 ID:???
>>323
ありがとうございます。
見出しレベルで検索すればよかったようですね。おかげで2つ勉強になりました。

327 :Name_Not_Found:2017/04/20(木) 07:28:42.28 ID:???
ニュースはずっと追いかけないと意味ないぞ
気づいたら変なコーディングしてたってことになりかねない

328 :Name_Not_Found:2017/04/20(木) 08:02:22.41 ID:???
面倒なのであえて最後発で乗っかるスタイル

329 :Name_Not_Found:2017/04/20(木) 09:13:00.07 ID:???
数年前にjQuerymobileってのが出てたな。そろそろ成熟してるし導入しよう
→とっくに廃れてた

作ってから気づいた/(^o^)\

330 :Name_Not_Found:2017/04/20(木) 12:50:59.64 ID:???
>>329
寝かし過ぎ

331 :Name_Not_Found:2017/04/20(木) 19:08:53.03 ID:???
>>300
jQuery流行ってるしjQerymobileも流行るのは間違いないと本気で思っていました

332 :Name_Not_Found:2017/04/20(木) 21:16:38.07 ID:???
>>331
俺は思ってなかったな。
少し使ってみればわかるが、jQueryはライブラリだが、jQuery Mobileは
アプリっぽいスマホサイトを作るためのフレームワークだからね

この2つはぜんぜん違う。
jQueryはこれからも使われていくだろうけど、
jQuery Mobileに将来性はないだろうね。

333 :Name_Not_Found:2017/04/20(木) 22:53:27.07 ID:???
お前ら何年前からタイムスリップしてきちゃったんですか?

334 :Name_Not_Found:2017/04/20(木) 23:02:14.89 ID:???
>>332
やっぱそうですよね
silverlightも伸びるだろうと思ってなんか亡くなったし、僕の見る目が無いだけですね…

335 :Name_Not_Found:2017/04/21(金) 07:33:24.00 ID:???
セガサターンがどうしたって?

336 :Name_Not_Found:2017/04/21(金) 15:15:16.98 ID:???
まじかよ
ActionScript勉強してるってのに

337 :Name_Not_Found:2017/04/23(日) 00:13:35.87 ID:Mcie/TbX
質問です
after疑似要素にcontentで直接画像を指定した場合(backgroundでない場合)、
その画像を可変にする方法はありますか?

例えば、画像の実寸がw100pxで作成してあるがw10pxで表示したい場合です。

#hoge:before{
content:url("img/1.png");
display:block;
width:10px;
}

※content以外での解決方法は不要です

338 :Name_Not_Found:2017/04/23(日) 00:23:37.08 ID:Mcie/TbX
↑少し訂正です

例えば、画像の実寸がw100pxで作成してあるが、その画像を横幅最大で10pxの可変で表示したい場合です。

#hoge:before{
content:url("img/1.png");
display:block;
max-width:10px;
}

のような感じで指定したいのですが

339 :Name_Not_Found:2017/04/23(日) 02:19:07.39 ID:???
>>337
不可能

340 :Name_Not_Found:2017/04/23(日) 02:24:59.21 ID:???
>>337
transform:scale(0.1,0.1)

341 :Name_Not_Found:2017/04/23(日) 02:25:34.91 ID:???
>>337
widthなしで

342 :Name_Not_Found:2017/04/23(日) 02:53:56.70 ID:???
>>337
jsなら簡単にできる

343 :Name_Not_Found:2017/04/23(日) 03:36:23.17 ID:???
それはすげーjsだな!

344 :338:2017/04/23(日) 09:19:43.73 ID:Mcie/TbX
>>340
サイズの指定ができるんですね。有難うございます
可変対応(ウインドウサイズに応じて)は無理でしょうか

>>341
できません・・
具体的なソースをご提示お願いします

345 :Name_Not_Found:2017/04/23(日) 09:46:04.93 ID:???
>>344
メディアクエリを併用で

346 :Name_Not_Found:2017/04/23(日) 10:04:07.58 ID:???
画像をsvgに変更する(image xlink:hrefを使用してもよい)
svgタグのwidth/heightを削除
svgタグにpreserveAspectRatio="xMinYMin meet"を指定する

これで擬似要素の高さ・幅に応じて画像が縮小・拡大されるはず

347 :Name_Not_Found:2017/04/23(日) 18:23:21.70 ID:???
>>345,>>346
解決策色々有難うございます!

348 :Name_Not_Found:2017/04/23(日) 20:55:12.86 ID:???
>>347
ぃまの方法で解決できなかったらjsスレで質問すると良いよ

風呂茶
HTMLを読み込む毎にオンロで動的にcssを読み込む
そのときにcssのお尻にごにょごにょするだけで毎回新しいcssと認識されてキャッシュが以前のキャッシュが反映されなくなる

349 :Name_Not_Found:2017/04/23(日) 21:48:52.18 ID:???
CSSで解決出来る問題をJSに依存させるのはお勧めしないな

350 :Name_Not_Found:2017/04/23(日) 22:28:51.36 ID:???
>>349
cssだけではキャッシュを動的に扱うのは無理がある
できるなら皆すでにやってるよ
キャッシュが反映されて困る人は更新を頻繁に行い確認する人だからな

351 :Name_Not_Found:2017/04/23(日) 22:36:40.10 ID:???
webフォントって使っていますか?
会社のイメージに合うwebフォントを探しましたが、いまいちダメでした

352 :Name_Not_Found:2017/04/23(日) 22:48:45.60 ID:???
上級者の人はどう言うソフトでhtmlやcssやjsをやっているんですか?
自分もこれからwebを勉強したいので作業環境を整えたいんですが、参考にしたいので教えて下さい。

353 :Name_Not_Found:2017/04/23(日) 22:48:51.74 ID:???
>>351
フォントフェイスで簡単に設定できるよ。
gwfで探してみなさい

354 :Name_Not_Found:2017/04/23(日) 22:54:31.38 ID:???
>>352
お気に入りのテキストエディタならなんでもいいよ

355 :Name_Not_Found:2017/04/23(日) 23:01:37.18 ID:???
>>352
多分スレチ

356 :Name_Not_Found:2017/04/23(日) 23:06:05.43 ID:???
>>352
目指すものによって異なるので騙されないよう注意

HTMLやcssを読めるが書けないのでネットで調べてコピペしてファイルを作成するレベル。
ウェブデザイナーならこれで十分。PGはテキストエディタで十分。コーディングよりデザインを学べ。

営業やデザイナーからの仕事でウェブサイトを構築を任されるレベル。静的プログラムだけならスニペット付きのテキストエディタで十分。これがないものは使用してはならない。慣れると鋸とチェーンソーぐらい違う。
jsまで考えているなら、atom、liveweave、vim、dwなんか使って見ると良いぞ

ちなみに自分は職場はdw、自宅ではvim使ってます。

357 :Name_Not_Found:2017/04/23(日) 23:07:24.13 ID:???
×
>上級者の人はどう言うソフトでhtmlやcssやjsをやっているんですか?


>上級者の人はどう言うソフトでhtmlやcssやjsを編集しているんですか?

358 :Name_Not_Found:2017/04/23(日) 23:09:28.13 ID:???
テキストエディタも色々あるけどなw
sublimetextか、atomが鉄板
桜エディタはさすがにそろそろキツイ

個人的にはgoogle開発ツールがオススメ

359 :Name_Not_Found:2017/04/23(日) 23:10:39.88 ID:???
>>358
サブミット人気だな。
同僚もみな使ってる

360 :Name_Not_Found:2017/04/23(日) 23:19:10.83 ID:???
vscodeいいよ

361 :Name_Not_Found:2017/04/23(日) 23:58:37.62 ID:???
最強のide はjetbrainsのwebstorm

362 :Name_Not_Found:2017/04/24(月) 00:31:28.15 ID:???
>>350
>>344とキャッシュは関係ない

363 :Name_Not_Found:2017/04/24(月) 07:16:31.77 ID:???
>>359
サブライムだよ

364 :Name_Not_Found:2017/04/24(月) 14:48:08.13 ID:???
amazonプライムはsilverlight使ってるよ
プラグインなしで再生可能なOSブラウザ環境整えればいいだけだけどね

365 :Name_Not_Found:2017/04/24(月) 14:48:35.96 ID:???
リロードしてなかったサーセン

366 :Name_Not_Found:2017/04/24(月) 17:03:10.68 ID:???
>>350http://echo.2ch.net/test/read.cgi/hp/1488192984/880 で暴れてる人が誤爆したんじゃないか

367 :Name_Not_Found:2017/04/24(月) 21:06:45.51 ID:???
疑似要素を当てる要素は、終了タグ省略しちゃだめなんですか?
こうなっちゃいます
https://jsfiddle.net/e8m6eare/

368 :Name_Not_Found:2017/04/24(月) 21:20:11.19 ID:???
>>367
改行
https://jsfiddle.net/zxe88253/v163L7p4/

369 :Name_Not_Found:2017/04/24(月) 22:27:14.22 ID:???
bracketsユーザーが減ってきてる

370 :Name_Not_Found:2017/04/24(月) 23:17:09.15 ID:???
わいbracketsユーザー

371 :Name_Not_Found:2017/04/24(月) 23:30:09.98 ID:???
すべてeclipseで賄う

372 :Name_Not_Found:2017/04/25(火) 01:15:53.67 ID:???
>>369
dwに内蔵されたから開発の主戦場はそっちに移った。
Brackets単体でのさらなる発展はこの先予定されてない。
みたいな話をAdobeの何かのブログで見たよ。

373 :Name_Not_Found:2017/04/25(火) 01:28:35.25 ID:???
eclipseは重さの割には
HTML/CSSで使う恩恵が少ない気がしなくもない

374 :Name_Not_Found:2017/04/25(火) 01:34:09.08 ID:???
便乗して書き込みさせていただきます
この春からHTMLとCSSをぼちぼち独習しはじめた初心者なんですが、
最初からサブライムテキストみたいなエディタを使ったほうがいいですかね?
それともメモ帳に打ち込んだほうがいいのでしょうか
そろそろ『HTML5&CSS3レッスンブック』が終わるので
次にデザインブックとJSの入門書をやろうと思っているところです

375 :Name_Not_Found:2017/04/25(火) 02:01:09.83 ID:???
>>374
はい
atomかsublimeでお願いします

376 :Name_Not_Found:2017/04/25(火) 02:03:04.61 ID:???
メモ帳使う=脱落者

377 :Name_Not_Found:2017/04/25(火) 02:04:09.83 ID:???
atomかvisual studio codeだろ
今時有料でクローズドなテキストエディタは使わない
オープンなatomかオープンなvisual studio codeのどちらか

378 :Name_Not_Found:2017/04/25(火) 02:14:42.21 ID:???
>>375
>>376
>>377
なるほど
ありがとうございます
最初はなんの機能もないメモ帳がいいと聞いていたので、レッスンブックはメモ帳でやってました
次からおすすめしていただいたエディタを使って学んでいこうと思います
ただ、基本的に仕事にするつもりもなく
趣味でひとりでやってるだけなんですがオープン性っているものなのでしょうか
git?ってやつだと思うんですが
ちょっとまだどういうものかわかってないので的はずれなことを書いていたらすみません

379 :Name_Not_Found:2017/04/25(火) 02:20:25.21 ID:???
>>378
クローズドなやーつはいつ終わるかわからんからね

gitてのはバージョン管理ツールのことでテキストエディタとはそんなに関係ない
ただ便利なんで使えたほうが色々捗るとは思うよ
別に無くてもウェブページ作れるけど

380 :Name_Not_Found:2017/04/25(火) 08:02:33.61 ID:???
>>378
>>379の通り、テキストエディタとオープン/クローズは関係ない
開発全体の話として、オープンの方が開発速度が早い+多人数が関わるので偏った設計思想になりにくい

ただこれ以上の開発はそこまで見込め無いから、テキストエディタぐらいなら好きな奴で良いと言えば良い
俺も印刷が必要な時はサクラエディタ使ってるし

381 :Name_Not_Found:2017/04/25(火) 08:19:21.54 ID:???
>>372
でもドリにはBracketsほどの拡張性がないんだよな

382 :Name_Not_Found:2017/04/25(火) 18:31:36.60 ID:FS9EfGMA
dwにBracketsが内蔵されてもBracketsの拡張機能とかは使えないってこと?もしそうなら少し不便かも

383 :Name_Not_Found:2017/04/25(火) 18:57:02.38 ID:???
>>379
>>380
丁寧に教えてくださりありがとうございます
オープンというのはオープンソースでの開発という意味だったんですね
読み違えておりました
エディタってまだどれを選べばいいのかわかりませんが、調べてみようと思います

384 :Name_Not_Found:2017/04/25(火) 22:45:56.51 ID:???
>>382
自分では試したことないけど手動(適切なフォルダに必要性なファイルを自分で設置)すればいけるらしい。

385 :Name_Not_Found:2017/04/25(火) 22:47:22.88 ID:???
>>381
機能拡張を吟味して徐々に俺様仕様に育てるの楽しいよね。
ドリに内蔵されるとそういう楽しみ方はできないよなぁ。

386 :Name_Not_Found:2017/04/26(水) 08:49:05.17 ID:???
>>382
そーゆーこと。あとはドリだと使わない機能が多いかな

>>385
そうなんだよねー
日に日に便利になってく。それが面白いしbracketsとgulpのお陰で定時に上がれるわ

387 :Name_Not_Found:2017/04/26(水) 22:40:20.83 ID:8qlujutL
iframe を zIndex = "9999999" で配置しようとしてるんですが、うまくいきません。

DIV に append ではうまくいきましたが、
その DIV に iframe を append しても、ページの下に追加されるだけです。

document.write で HTML を窓の上部に表示する方法を教えてください。

388 :Name_Not_Found:2017/04/26(水) 23:04:44.84 ID:???
>>386
gulpとかのタスクランナーの話題はどこスレがいいんだろ?
最近ちょっと興味ある。

389 :Name_Not_Found:2017/04/26(水) 23:20:03.44 ID:???
>>387
>DIV に append ではうまくいきましたが、
>その DIV に iframe を append しても

ここを正しい日本語で
できればソースをfiddleとかに

390 :Name_Not_Found:2017/04/26(水) 23:20:41.75 ID:???
>>388
ここで良いんじゃない?
本職の人はみんな使ってるでしょうし

391 :Name_Not_Found:2017/04/26(水) 23:27:47.40 ID:8qlujutL
>>389
既存ページにブックマークレットで追加するものなのでちょっと・・・
コードは下記

 var htmlStr = (function() {/*
ここにHTML(html, head, bodyタグなし)
  */}).toString().match(/\/\*([^]*)\*\//)[1].trim().replace(/\r\n/,"\n");
 
 var elmBase = document.createElement('DIV');
 with({s:elmBase}){
  s.width = "100%";
  s.height = "400px";
  s.position = "fixed";
  s.backgroundColor = "rgba(255, 255, 255, 0.5)";
  s.top = "0px";
  s.left = "0px";
  s.zIndex = "9999999";
 }
 document.getElementsByTagName("body")[0].appendChild(elmBase);
 var iframe = document.createElement('IFRAME');
 with({s:iframe}){
  s.width = "100%";
  s.top = "0px";
  s.left = "0px";
 }
 elmBase.appendChild(iframe);
 var doc = frames[frames.length - 1].document;
 doc.open();
 doc.write(htmlStr);
 doc.close();

392 :Name_Not_Found:2017/04/26(水) 23:33:20.70 ID:8qlujutL
http://scripts.web.fc2.com/bokuma.html
ここの「動画リンク表示」ってブックマークレットは
とりあえずたいていの Web ページで固定の画面が表示されるけど
iFrame に document.write で済めば複雑なレイアウトが簡単に作れるなーと。

393 :Name_Not_Found:2017/04/27(木) 00:39:56.35 ID:???
>>391
positionとかは属性じゃない
styleだ

394 :Name_Not_Found:2017/04/27(木) 00:40:27.79 ID:???
あとwith久しぶりに見たなー

395 :Name_Not_Found:2017/04/27(木) 01:11:07.93 ID:8dajnexJ
>>393
なるほど!

コピペ元は With で style 入ってました。
with(elmBase.style){

396 :Name_Not_Found:2017/04/27(木) 06:35:03.93 ID:???
同じ大きさの三つの正方形のdivがあり、その中に
width と height が異なる画像
300x100
200x200
100x400
をそれぞれ表示したいのです。

単純に拡大すると画像が変形します。
横長の画像なら横方向に最大化、
縦長の画像なら縦方向に最大化
そう言う記述をCSSで書きたいのですが分かりません。
どこかにサンプルがありましたら教えて下さい。

397 :Name_Not_Found:2017/04/27(木) 07:37:05.56 ID:???
>>396
css3 画像 ぴったり

398 :Name_Not_Found:2017/04/27(木) 08:24:12.73 ID:???
>>396
長い方の width, height だけ値を指定するとか

399 :Name_Not_Found:2017/04/27(木) 08:40:28.52 ID:???
>>0397>>0398
上手く行きました
ありがとうございました。

400 :Name_Not_Found:2017/04/27(木) 09:00:55.26 ID:???
追加質問ですが、今回は内接リサイズと言う手法できました。
でもそれだと <img>で画像を表示するのではなくて、<div>の背景画像として表示しました。
それでも良いのですが、普通に<div>の中の<img>として画像を表示する方法では無理でしょうか?

401 :Name_Not_Found:2017/04/27(木) 14:00:28.93 ID:???
>>400
div{
position: relative;
width: お好み;
overflow: hidden;
}

div::before{
content: '';
display: block;
paddign: 高さ% 0 0 0;
}

div img{
position: absolute;
margin: auto;
left: -9999px; right: -9999px; top: -9999px; bottom: -9999px;
min-width: 100%;
min-height: 100%;
}

こんなんでどうだろう

402 :Name_Not_Found:2017/04/27(木) 14:40:59.51 ID:???
object-fit プロパティ

403 :Name_Not_Found:2017/04/27(木) 14:50:53.18 ID:???
>>402
ie未対応じゃあない?

404 :Name_Not_Found:2017/04/27(木) 17:08:36.43 ID:???
>>401
ミスがあるぞ

405 :Name_Not_Found:2017/04/27(木) 23:42:14.49 ID:???
hrefってなんの略?

406 :Name_Not_Found:2017/04/27(木) 23:53:04.84 ID:???
エッチなリファラー、つまりHypertext Referenceの意味

407 :Name_Not_Found:2017/04/28(金) 07:49:44.44 ID:???
んまー!

408 :Name_Not_Found:2017/04/29(土) 12:03:45.62 ID:???
例えばChromeで開いたページで、任意の文字列をマウスで右クリックした時に、
その下にあるテキストを選択してからブラウザーの右クリックメニューを開くように出来ますか?

409 :Name_Not_Found:2017/04/29(土) 14:45:29.66 ID:???
http://masaboo.cside.com/new_html1/ht_01.htm
このサイトみたいに両脇にスペースを開けるにはどうすればいいんですかね?
端ギリギリまで文字がギッチリになってしまっているので、読みやすくするために両方の端を開けたいです

410 :Name_Not_Found:2017/04/29(土) 15:14:49.47 ID:???
>>408
「任意の文字列」と「テキスト」って別物?なに?
文字列をどうやってクリックする想定なの?

411 :Name_Not_Found:2017/04/29(土) 15:16:56.01 ID:???
>>409
display: block;
margin: 0 auto
がよく使われると思う
https://jsfiddle.net/zxe88253/1e5y6aoc/1/

412 :Name_Not_Found:2017/04/29(土) 16:06:05.68 ID:???
408はドラッグという用語を知らんのだろう
だから誤解を与える

413 :Name_Not_Found:2017/04/29(土) 16:38:15.26 ID:???
1行目にあるの文字列を選択して右クリックすると2行目のテキストを選択してコンテキストメニュー開くってことだろう
多分違う

414 :Name_Not_Found:2017/04/29(土) 20:01:59.52 ID:???
@media screen and (query)の"screen and"がある時とない時の違いって何??

415 :Name_Not_Found:2017/04/29(土) 21:06:16.00 ID:???
>>0413
通常の左クリックではなくて、
右クリックで文字列を選択すると言う意味だろ

416 :Name_Not_Found:2017/04/30(日) 00:31:55.39 ID:???
>>414
screenじゃないものにも作用する

417 :Name_Not_Found:2017/04/30(日) 09:22:04.59 ID:???
>>415
意味が分からん

418 :Name_Not_Found:2017/04/30(日) 10:04:47.23 ID:???
>>109
角丸なら楽だぞ
擬似ポジてけて上左で指定すればそのあと重ねることもできる

419 :Name_Not_Found:2017/04/30(日) 19:53:42.60 ID:???
>>411
ありがとうございます

420 :Name_Not_Found:2017/05/02(火) 04:21:54.42 ID:???
bootstrapに飽きたら一番手軽なフロントエンドって何ですか?
angler?

421 :Name_Not_Found:2017/05/02(火) 12:22:35.01 ID:???
>>420
なんで飽きたの?
足らない機能があるん?

422 :Name_Not_Found:2017/05/02(火) 13:22:42.68 ID:???
AngularJSの事なら、手軽ではないよ
Foundationでも触ってみればいい

423 :Name_Not_Found:2017/05/02(火) 19:23:14.28 ID:???
質問させてください。

アメブロカスタマイズでCSSをいじっているのですが、
下記のサイトのようにヘッダーに画像を重ねるにはどうしたら良いのでしょうか?

ttp://ameblo.jp/yuri-noteko/

424 :Name_Not_Found:2017/05/02(火) 19:34:28.08 ID:???
cssについて質問です
cssって名前を使いまくってもいいのでしょうか?

C#でゲームを作ってきた経験があるのですが、名前は節約するのが基本だと思っていました
何も考えずに名前を浪費すると、すぐにバッティングするからです
cssは、ちがうのでしょうか

また、例えば上部ヘッダー(header)とサイドバー(aside)にリスト(ul)があるとします
この場合
header ul, aside ul
にしてclass名を使わない方が良いのか
.header_list, .aside_list,
とするのが良いのか、どちらが良いのでしょうか

サイトを色々見ましたが十人十色です。
せめて、明確に間違いな方法はありますか?
cssの書き方の派閥みたいなものってありますか?

425 :Name_Not_Found:2017/05/02(火) 19:39:57.18 ID:???
>>423
アメーバは知らないけど
<div class="skinBody2">
<div class="skinBody3">
のバックグラウンドに設定されている

多分だけどこれ、芸人オフィシャルブログだけの機能で、普通のアメブロでは設定出来ないと思う

426 :Name_Not_Found:2017/05/02(火) 20:29:42.60 ID:???
>>424
css クラス名 命名規則でググれ
嫌っていう程出てくる
十人十色なのは間違いないけど
クラス名を使うのが一般的

427 :Name_Not_Found:2017/05/02(火) 21:05:55.89 ID:???
>>424
サイトの規模や性質によるだろう

header ul に与えるスタイルは、どのページでも同じで決して変わらないスタイルに限っておかないと、後でスタイルのバリエーションが増えたときに困ると思う

header ul のようなセレクタはDOMセマンティクスをそのまま反映するので、
スタイルとセマンティクスの分離原則に反すると言えるが、反映させたいのが目的ならありとも言える( list アイテムの先頭のビュレットなんかはそういう類のやつ)

(header ul はグローバル変数で .header_list はローカル変数みたいなもの、と言えばわかりやすい?)

.header_list の方式の場合、スタイルのバリエーションが増えたときは
.header_foo_list とか .header_bar_list みたいに増やせば
.header_foo_list のスタイルと .header_bar_list のスタイルが互いに干渉することもなくなる

ミックスして header ul.foo-list とか header ul.bar-list のように増やす方法もある

428 :Name_Not_Found:2017/05/02(火) 21:31:24.95 ID:???
名前付けはセンスの問題だなw
構造状を意識するタイプが圧倒的に多い。
短くすることを最優先する人もいるが、これは天才タイプで他の奴が読みにくいので嫌われる。

429 :Name_Not_Found:2017/05/02(火) 22:24:00.60 ID:???
>>426-428
ありがとうございます
名前を付けまくるの、ちと抵抗ありますが挑戦してみます

430 :Name_Not_Found:2017/05/02(火) 22:34:20.08 ID:???
こうしてまた、クラス名=悪みたいな意味不明な宗教家が誕生しちゃうんだね

431 :Name_Not_Found:2017/05/02(火) 22:44:08.46 ID:???
個人的にはsearch、shop、recruit辺りの単語が鬼門
これは結構被ってしまうので、必ず単独で使わないようにしている

432 :Name_Not_Found:2017/05/03(水) 00:42:59.32 ID:???
>>430
その風潮は10年前には既に根付いてわな

433 :Name_Not_Found:2017/05/03(水) 06:59:14.83 ID:???
imgタグのsrc属性をJavascriptで動的に加える場合でも
対象となるimgタグにはsrc属性を書いておいたほうがいいんでしょうか?
あまり書きたくないんですが、srcが無いとバリデータでエラーが出てしまいます

434 :Name_Not_Found:2017/05/03(水) 08:35:24.22 ID:???
>>433
商用サイトなら丁寧に記述するのが好ましいですね

435 :Name_Not_Found:2017/05/03(水) 08:44:58.52 ID:???
src属性は必須
src="" にしておいたほうがいい

436 :Name_Not_Found:2017/05/03(水) 08:56:09.51 ID:???
src=""だとそのページアドレスを画像として読み込もうとしちゃわない?

437 :Name_Not_Found:2017/05/03(水) 09:02:06.36 ID:???
>>433
初期状態で無意味なimg要素が存在するなら、img要素ノードをDOMで生成すれば良い

438 :Name_Not_Found:2017/05/03(水) 09:08:44.41 ID:???
>>436
ほんまや、すまん
>>437がいいね
divでそのimg生成用だけのラッパーを作れば良い

439 :Name_Not_Found:2017/05/03(水) 10:19:26.24 ID:???
表示する画像のサイズが決まってるなら、同サイズの透明画像入れとくといいんじゃないか

440 :Name_Not_Found:2017/05/03(水) 10:32:09.03 ID:???
さすがに>>437が正解でしょ

441 :Name_Not_Found:2017/05/03(水) 10:55:20.72 ID:???
こんな当たり前なことをw

442 :Name_Not_Found:2017/05/03(水) 11:09:43.85 ID:???
>>438
div は無理に作らずとも良い
appendChild や innerHTML を想定しているのだろうが、insertBefore や insertAdjacentHTML が有ることを忘れてはいけない

443 :Name_Not_Found:2017/05/03(水) 12:52:54.36 ID:???
HTMLでトピックパスの記述で
aタグにitemtype項目は必須ですか?

形式は↓
HTML5
ボキャブラリーがshema.org
シンタックスがmicrodata

444 :Name_Not_Found:2017/05/03(水) 14:37:43.75 ID:???
どうして人類はFFFTPを使いたがるの?

445 :Name_Not_Found:2017/05/03(水) 14:44:48.37 ID:???
コーディングスタイルについて質問です。
ある要素に対し、フレームワークの都合などにより極めて長い属性を複数付与する必要があります。
このとき、そのまま書くと

<tag class="longlonglonglonglonglonglongclass1 longlonglonglonglongclass2" data-x="longlonglonglongattr" ... >

のようになってしまます。
これを多少は見やすくなるように変更したいです。
こういうときに一般的な改行やインデントのルールが有りましたら教えてください。

極端なことを言えば
<tag
 class="
  longlonglonglonglonglonglongclass1
  longlonglonglonglongclass2"
 data-x="longlonglonglongattr1"
 data-y="longlonglonglongattr2"
 ...
>
くらいまで分けて書いてしまいたいです

446 :Name_Not_Found:2017/05/03(水) 14:55:38.35 ID:???
>>445
<〜>内部で改行かけるやつは情弱

447 :Name_Not_Found:2017/05/03(水) 15:37:05.93 ID:???
ありがとうございます

実際、ひたすら横に長いと視認性は著しく低下してしまうと思いますが
どうやって属性等を判断しているのでしょうか。
そのあたりはHTML専用のIDEに任せてしまっているとか?

448 :Name_Not_Found:2017/05/03(水) 16:19:20.92 ID:???
mouseoutでdisplay:noneで消えるdiv要素があり、そのdivが表示されている状態で
F12モードに入りたいのですが、入った瞬間にdivが非表示になります。
どうにか出来ませんか?

449 :Name_Not_Found:2017/05/03(水) 16:22:09.39 ID:???
>>448
jsでやれ。

450 :Name_Not_Found:2017/05/03(水) 16:26:28.40 ID:???
属性は控えめにしておいて複雑化するようならロード時にjsで設定する
こうすればhtmlが見やすくなって文書の論理構造を把握しやすくなる
基本テクニックです

451 :Name_Not_Found:2017/05/03(水) 18:28:32.85 ID:???
つーかさー、属性も全てCSS(のようなもの)でつけれるようにしてほしいだが

452 :Name_Not_Found:2017/05/03(水) 19:04:02.43 ID:???
>>442
そりゃ〜できるっちゃできるけど、ややこしくなると思う。俺なら避けるかな
まぁ元はと言えばsrc後付が悪いんだけど

>>445
phpでattrセットの管理はできない?

function.php
attr_set1 {
return 'lclass="onglonglonglonglonglonglongclass1 longlonglonglonglongclass2" data-x="longlonglonglongattr" ';
}

html
<tag <?= attr_set1() ?>>

無理ならインデントなしで書くかな

453 :Name_Not_Found:2017/05/03(水) 19:04:25.90 ID:???
>>451
phpでいいじゃん

454 :Name_Not_Found:2017/05/03(水) 19:28:39.42 ID:???
>>445
それはclassの中に改行が入ってるから厳密に同じ意味になっていない

<tag
 class="longlonglonglonglonglonglongclass1 longlonglonglonglongclass2"
 data-x="longlonglonglongattr1"
 data-y="longlonglonglongattr2"
 ...
>

この書き方が比較的よく使われる

455 :Name_Not_Found:2017/05/03(水) 20:54:05.81 ID:???
>>454
> それはclassの中に改行が入ってるから厳密に同じ意味になっていない
横からだが、class属性内に改行が入ると、どう意味が変わるのか説明してほしい
https://momdo.github.io/html/dom.html#global-attributes
https://infra.spec.whatwg.org/#ascii-whitespace

456 :Name_Not_Found:2017/05/03(水) 20:55:57.67 ID:???
>>445
エディタの折り返し設定に任せれば良い
画面端で折り返すか、固定幅で折り返すかは人に依るから、好きな設定に選ぶべし

457 :Name_Not_Found:2017/05/03(水) 20:57:09.74 ID:???
>>455
class属性の値を取得した時に違いが出る

458 :Name_Not_Found:2017/05/03(水) 21:04:39.63 ID:???
>>457
具体的には、何のAPIで取得した時の話?

459 :Name_Not_Found:2017/05/03(水) 21:28:30.83 ID:???
>445のタグ内改行の質問者です。
アドバイスありがとうございました。

属性の""内での改行は
たとえclassなら問題なかったとしても他の属性だとダメな場合がありますね。
その辺統一させるために、少なくとも属性は1行に収めたいと思います。

PHPで属性を出力するのは、確かにそれもアリだと感じましたが
そもそもフレームワークでロジックと分離させているのと矛盾しかねないため
最終手段にするつもりです

460 :Name_Not_Found:2017/05/03(水) 23:07:13.70 ID:???
>>459
> 他の属性だとダメな場合がありますね。
詳しく

461 :Name_Not_Found:2017/05/03(水) 23:18:37.94 ID:???
ぱっと思いついたのだとtitleとか

462 :Name_Not_Found:2017/05/03(水) 23:26:48.94 ID:???
title属性は改行が禁止されてるわけではないぞ
改行コードが入ると、ツールチップで改行と認識されるブラウザとそうでないブラウザがあるだけ

463 :Name_Not_Found:2017/05/03(水) 23:30:13.05 ID:???
そういう話だったのでは?

464 :Name_Not_Found:2017/05/03(水) 23:37:37.06 ID:???
そこでダメか判断するのは本人次第だから、一律にダメ判定するのは間違っているという指摘ね

465 :Name_Not_Found:2017/05/03(水) 23:45:06.65 ID:???
ダメなんて誰がいった?
違いがあるという話だろ

466 :Name_Not_Found:2017/05/03(水) 23:47:31.90 ID:Vx0YNIfe
レスポンシブにおいて、メディアクエリはレイアウト(コンテンツの並べ替え)、要素÷親要素での%指定は
可変という認識でいいんでしょうか?やってるうちにこんがらがってきました

また、例えば記事が一列に並んでいてそのボックスがリンクになっていて中に文字が入っている場合はリンクや文字の可変はどのようにすればいいのでしょうか?
それと元々横いっぱいに広がっているコンテンツなら100%にすれば横幅に応じて動くと思うのですが、その外側に背景がある場合は背景も可変にしないといけないと思うのですが普通背景も可変にしますか?

467 :Name_Not_Found:2017/05/03(水) 23:52:29.37 ID:???
>>465
>>460に反応して書いたら、ダメと思われるのは自然
「違いがある」なんて、後出しされてもな

468 :Name_Not_Found:2017/05/04(木) 00:03:21.36 ID:???
というか、ダメな例ではないなら、無関係な話を関係有りそうな体で横入りしたことになるよね
蛇足なら、「ダメではないけど、title属性では〜という違いがあるね」とか、本題とは区別して書かないと

469 :Name_Not_Found:2017/05/04(木) 00:11:09.74 ID:???
単に「ダメ」という日本語の意味でどうこう言ってるだけだから
たぶん着地点は変わらないよ

470 :Name_Not_Found:2017/05/04(木) 00:14:57.93 ID:???
定義の問題には読めないけどな
>>465の「ダメなんて誰がいった?」は失言すぎてフォローしようがないわ
問題文をよく読まずに誤回答しただけ

471 :Name_Not_Found:2017/05/04(木) 00:17:53.83 ID:???
>>467
>>470
これだから三下は

472 :Name_Not_Found:2017/05/04(木) 00:20:30.75 ID:???
> >445のタグ内改行の質問者です。
> アドバイスありがとうございました。
>
> 属性の""内での改行は
> たとえclassなら問題なかったとしても他の属性だとダメな場合がありますね。
> その辺統一させるために、少なくとも属性は1行に収めたいと思います。

本当に失言だな。ダメって「質問者」が言ってるじゃん。

だからダメなんだよ。

473 :Name_Not_Found:2017/05/04(木) 00:21:59.34 ID:???
>>467
> 「違いがある」なんて、後出しされてもな

違いがある(同じ意味になってない)って書いてあるのは
>>454だが?

後出しじゃなくて早出しだろw
それともお前の世界は時系列が逆にでもなってんのか?

474 :Name_Not_Found:2017/05/04(木) 00:27:24.74 ID:???
「属性で改行すると意味が変わる場合があるよ」(話の流れ)
「(classはともかく)他属性だと確かにダメな場合があるな」「titleとか」

なので、この「ダメ」には「W3C的に禁止されている」という意味は含まれてない。

475 :460:2017/05/04(木) 00:30:48.72 ID:2Rqg5Gk+
ダメなパターンを知らないから、後学のために質問したら、ダメではない事例を説明されてポカーンな状況
思い込みで回答するのは止めてくれよな

476 :Name_Not_Found:2017/05/04(木) 00:31:45.67 ID:???
>>475
いやtitleはまさに扱いが変わる事例だろ?

477 :460:2017/05/04(木) 00:39:05.86 ID:2Rqg5Gk+
>>476
titleで異なるのは仕様で未規定な実装依存な部分の違いだよな
君のいう「意味が違う」とは何を表してるんだ?
俺は論理構造的な意味での意味論だと思っていたのだが
HTML仕様に準拠している限りは同じ意味になるんじゃないのか?

478 :Name_Not_Found:2017/05/04(木) 00:45:49.56 ID:???
<span id="id1" class="バカじゃね?"></span>
<span id="id2" class="



アホじゃね?



"></span>

console.log(document.getElementById('id1').getAttribute('class'))
console.log(document.getElementById('id2').getAttribute('class'))
↓出力結果。スペースの有無は意味が違うという証拠。いい加減黙れやうっとおしい
バカじゃね?








アホじゃね?






 

479 :Name_Not_Found:2017/05/04(木) 00:49:14.37 ID:???
こっちでも良かったな。馬鹿だからJavaScriptわからないだろうしw

<span class="a">a</span>
<span class="
a
">b</span>


[class="a"] {
color: red
}

赤くなるのは、a だけ。
改行で意味が違ってるから当然だな

480 :Name_Not_Found:2017/05/04(木) 00:51:45.76 ID:???
今重要なのは、属性値の改行が入っていることで意味が違うってことだけ
それは>>454がちゃんと説明している。

意味が違うことで良いかダメかは質問者が判断すること
そしてそれは質問者の>>459がダメだと言ってる。

外野は黙ってろや

481 :Name_Not_Found:2017/05/04(木) 01:00:23.31 ID:???
>>478
煽り方として惜しい。
エラーのない、実行できるコードとしてはなかなかいい線をいっているが、それでは誰も参考にしない
「アホじゃね?」を実体参照にして、一見わからないようにすべきだった

482 :Name_Not_Found:2017/05/04(木) 01:02:49.38 ID:???
突っ込むところそこかよw

483 :Name_Not_Found:2017/05/04(木) 01:10:16.11 ID:???
属性値に改行が入っている場合の指定方法

<p id="a">blue</p>
<p id="
a">red</p>

#a {
color: blue;
}
#\A a {
color: red
}

484 :460:2017/05/04(木) 01:11:22.71 ID:2Rqg5Gk+
なぜclass属性に話を戻しているのか、まるで分からん
聞いてもいないことを回答するのは、いい加減止めて欲しいのだが

あえていうなら、>>478のようなコードを書くのはナンセンス
普通はclassListを使うし、後方互換性を考えてもclassNameを使うから、改行コードは空白文字の一部でしかない
getAttribute()を使うなら、せめて\sを使うアイデアぐらいは思いついて欲しいものだが
明らかに非効率で非生産的なコードを出して「意味が違う」と言われても、「あなたの書いたコードが悪い」としか、答えようがない

485 :460:2017/05/04(木) 01:16:55.67 ID:2Rqg5Gk+
>>483
CSSはエスケープシーケンスが豊富だから、ほぼ全ての文字を表現できるな
ただ、一つ指摘させてもらうと、id属性値に空白文字を指定する事はHTML5以降でも許されない

486 :Name_Not_Found:2017/05/04(木) 01:17:11.34 ID:???
このスレに何を求めてんの?w

487 :Name_Not_Found:2017/05/04(木) 01:17:53.59 ID:???
>>484
はいはい。

違う例をあげても「違う例」以外は全部同じだ!
という屁理屈を言う人には何を言っても話し通じないでしょうねw

488 :Name_Not_Found:2017/05/04(木) 01:21:10.62 ID:???
意訳 ち、違う例は、非生産的なコードってことで、なかったことにしてくれないか?

489 :Name_Not_Found:2017/05/04(木) 01:21:17.53 ID:???
>>465
>>473
基地外

490 :Name_Not_Found:2017/05/04(木) 01:22:30.04 ID:???
意訳 基地外ってことにして、違う例は見なかったことにしてくれないか?

491 :Name_Not_Found:2017/05/04(木) 01:23:49.82 ID:???
ホント頭のいかれたやついるよね。
あげあしとりというかゆとりみたいなカス。

492 :Name_Not_Found:2017/05/04(木) 01:25:34.45 ID:???
ワッチョイにして池沼退治しないとダメだろ

493 :Name_Not_Found:2017/05/04(木) 01:25:53.93 ID:???
idを例として使ったのが敗因だ。
idに改行は使えない。

id以外の属性を使えば、違うってことを証明できたかもしれないが
手遅れ。敗者に発言権はない

だからもうidとclass以外を使って反論してこないように

494 :Name_Not_Found:2017/05/04(木) 01:27:00.15 ID:???
意訳 属性値に改行が入ったら意味は違うけど、今はidとclassだけの話にしてくれ。
そして不正な値だから違うってことにはしないでくれよな

495 :460:2017/05/04(木) 01:29:15.91 ID:2Rqg5Gk+
分かってないようなので、一応説明するが…

class属性はclassトークンを表すための文字列フォーマットだ
仕様上は空白文字でclassトークンを区切る
だから、改行コードで区切ろうと半角スペースで区切ろうと、classトークンを扱うのに何の支障もないのだ
つまり、区切り文字ご半角スペースでも改行コードでも、className,classList,classセレクタは期待通りに動作する
getAttribute()が改行コードをそのまま出力するのはパーサを通す前の文字列だからだ
そんな面倒くさいことをする理由はないが、仮にgetAttribute()を使うのなら、HTML仕様と同じアルゴリズムでパースしなければならない

496 :Name_Not_Found:2017/05/04(木) 01:31:18.25 ID:???
続き

しかし、その違いは、classを単なる属性として扱った時に顕在する。
つまり[class="〜"]というように属性セレクタを使った時に違いが明らかになるのだ

497 :Name_Not_Found:2017/05/04(木) 01:32:36.45 ID:???
>>495-496

なるほど。属性値に入る空白は意味があるんですね

498 :Name_Not_Found:2017/05/04(木) 01:42:13.26 ID:???
負けた方は謝罪するの??

499 :Name_Not_Found:2017/05/04(木) 01:42:56.66 ID:???
ちなみに補足しておくと、classListは比較的最近導入されたもので、
以前はclass属性をまさにgetAttributeを使ってパースするか
1.0の頃からaddClass、removeClass、toggleClass、hasClassなどの
クラス関連のメソッドを備えていたjQueryやその他のライブラリを使うしかなかった

500 :460:2017/05/04(木) 01:43:33.64 ID:2Rqg5Gk+
>>496は俺ではない

class属性に属性セレクタでマッチさせるのは普通はやらない
class="foo" を class="foo bar" に変えただけで動かなくなり、拡張性が犠牲になる
マルチクラスとシングルクラスを区別するより、カスケード処理で対応する方が効率が良い
属性セレクタを使うなら、マルチクラス化する恐れのない [data-sample="foo"] 等を使う

501 :Name_Not_Found:2017/05/04(木) 01:44:21.57 ID:???
> getAttribute()が改行コードをそのまま出力するのはパーサを通す前の文字列だからだ
これは間違いだな。

パーサーも何も、getAttributeはclass以外の属性全般を扱うメソッドだから
class専用のパースをするなんてありえない話で、
単に属性の値をそのまま取得するってだけ

502 :Name_Not_Found:2017/05/04(木) 01:45:07.22 ID:???
意訳 class属性に属性セレクタでマッチさせるのは普通はやらないってことで
普通はやらないことだから、違うなんて事実は見なかったことにしてくれないか?

503 :Name_Not_Found:2017/05/04(木) 01:46:45.59 ID:???
昔はclassListがなくて、getAttirubteで取得するしかないってことは、
classをgetAttirbuteで取得するのは間違った使い方じゃないってことなんですね。
そしてgetAttiruteで取得したら、改行は改行としてしっかり入っていると。

504 :Name_Not_Found:2017/05/04(木) 01:50:05.96 ID:???
そのとおりですね。答ははっきりしている
これ以上の議論に何の意味があるのでしょうか?
今更違いはないと強弁した所で恥の上塗りでしかありません。

505 :Name_Not_Found:2017/05/04(木) 01:55:05.59 ID:???
>>499
いや、classNameはDOM2当時からあるAPIだぞ
わざわざgetAttributeを取り沙汰するとか、どれだけ時代に取り残されてるんだよ
IE7まではgetAttributeは扱いにくかったし、classNameの方がよっぽど有用性は高かった
まあ、jQueryしか使ってこなかった人には分からない感覚かも知れんが

506 :Name_Not_Found:2017/05/04(木) 02:00:05.13 ID:???
はい、ではここで名前があがったclassNameの仕様を見てみましょう。

<span id="id" class="
a b c"></span>
console.log(document.getElementById("id").className)
→(改行)
a b c


はい、見事に改行が入っていますね。
しかも、複数のクラス値はスペース区切りでしか取得できません。

実は昔はクラスは一つしか指定することができなかったのです。
スペース区切りで複数指定する。という仕様そのものがなかったわけですね。

507 :Name_Not_Found:2017/05/04(木) 02:01:00.65 ID:???
>>505
> IE7まではgetAttributeは扱いにくかったし、classNameの方がよっぽど有用性は高かった

classNameの何が有用性が高かったの?

508 :Name_Not_Found:2017/05/04(木) 02:01:31.10 ID:???
恥の上塗りは続くよどこまでも♪

509 :Name_Not_Found:2017/05/04(木) 02:04:13.08 ID:???
>>501
彼がいうパーサはclassNameやclassListの処理を指してるからな
分かりやすくいえば、classトークンの分解処理のこと

class="hoge"
class="
hoge "

getAttributeを使うなら、両者を同一扱いするようにおまえ自身でコードを書いてパースしろという事だ

510 :Name_Not_Found:2017/05/04(木) 02:06:23.08 ID:???
>>507
「ie7 classname」でぐぐれ

511 :Name_Not_Found:2017/05/04(木) 02:06:35.44 ID:???
> 彼がいうパーサはclassNameやclassListの処理を指してるからな
classNameはclassトークンの分解を行いません

まったく本当に恥の上塗りだなw

512 :Name_Not_Found:2017/05/04(木) 02:08:04.24 ID:???
>>510
今回の話とは関係ないIEのバグの話しか見つからなかった。

それで、classNameはトークン分解しないよね?

513 :Name_Not_Found:2017/05/04(木) 02:08:54.32 ID:???
そうだよ。classNameに見事に改行はいっちゃってるじゃん!
これ完全に属性値は違うっていう証拠じゃん!
どういうことさ!!

514 :460:2017/05/04(木) 02:19:35.94 ID:2Rqg5Gk+
仕様を確認したが、確かにclassNameは属性値をそのまま変えるだけで何の処理もしないな
classNameに関しては間違いだったので、謝罪する
すまなかった

ただ、言いたかったのは、属性値をそのまま返すなら正しくパースしろという事だ
パーサを書かずに「改行が入ってる」→「意味が違う」の二段論法が遠そうとするのは無理がある

515 :Name_Not_Found:2017/05/04(木) 02:21:55.54 ID:???
パースする必要があるのはclassだけだろ。

なんで属性一般の話にすり替えてるんだ。
恥を何度上塗りするつもりだ?

516 :Name_Not_Found:2017/05/04(木) 02:27:43.63 ID:???
>>512
それで合ってるよ
getAttribute('className')なんてアホな解決策を見いだす奴もいたが、先を見据えた奴はclassNameを使ってたという話
俺は>>499にレスしただけで他のことは知らん

517 :Name_Not_Found:2017/05/04(木) 02:28:56.58 ID:???
なんで先を見据えたらclassNameを使うってことになるわけ?

518 :Name_Not_Found:2017/05/04(木) 02:33:15.53 ID:???
先=IE6を見据えたからだろう?

519 :460:2017/05/04(木) 02:39:12.30 ID:2Rqg5Gk+
>>515
文脈を読めば分かるはずだが、「属性値をそのまま返す」とは反映型属性であるclass属性のことだ(仕様を読まない人には分かりづらいのかも知れんが)
>>484以降は俺は>>478への言及しかしてない
「class属性を扱うなら正しくパースしろ」という至極当たり前の主張に「属性値が違う」とアホな回答しか返してこないのはそちらだ
そんなのは問題にならん

そもそも論に戻すなら、>>477でなせ聞いてもいないclass属性で答えたのかを聞きたいところなのだがな
>>477に対する回答もいつまで待っても来ない
頓珍漢な回答はもうたくさんだ

520 :Name_Not_Found:2017/05/04(木) 02:39:25.22 ID:???
IE6以前が「先」なんだ。ふーんw

521 :Name_Not_Found:2017/05/04(木) 02:41:00.11 ID:???
>>519
お前、クラス値と属性値の違いの区別ついてる?


と言えば、はっとしてくれるだろうかね
それとも言い訳を考えるのかね?

522 :Name_Not_Found:2017/05/04(木) 02:51:49.50 ID:???
改行が属性値に入っていれば、意味は違うよ。
もちろんclassとしてパースしたあとは別の話だから関係ないね

523 :Name_Not_Found:2017/05/04(木) 03:06:07.96 ID:???
静かになったな。ようやく気づいたってことか

524 :Name_Not_Found:2017/05/04(木) 03:13:44.73 ID:???
bootstrapって使ってる?

525 :Name_Not_Found:2017/05/04(木) 03:30:01.32 ID:???
>>519
言いたいことはわかる
自分より下にしたいと願望だけ強いアホをいじめるでない

526 :Name_Not_Found:2017/05/04(木) 03:31:47.15 ID:???
くすくすw

527 :Name_Not_Found:2017/05/04(木) 03:46:41.84 ID:hXWGOHSf
このスレってこんなゲスかったっけ…変な奴はいらんぞ

528 :Name_Not_Found:2017/05/04(木) 05:03:23.91 ID:???
ワッチョイ導入キボンヌ

529 :Name_Not_Found:2017/05/04(木) 07:39:19.58 ID:???
>>424
遅レスですが。
CSS設計を調べてみるといいかもしれませんね

いま圧倒的に使われている命名規則はBEM(MindBEMding)というものです。
自由すぎて破綻しやすいCSSに厳格な命名規則をつけて管理する設計方法です。大手サイトはほとんどこれかな。

530 :Name_Not_Found:2017/05/04(木) 09:25:54.26 ID:???
>>492
まったく関係ないから無意味。

531 :Name_Not_Found:2017/05/04(木) 09:31:10.85 ID:???
>>527
偏屈なやつはかなりいるけど偏屈同志がバトルしたのはかなり久しぶり

532 :Name_Not_Found:2017/05/04(木) 09:32:05.26 ID:???
>>528
導入してもなんも変わらないと思うけど、ちなみにどんな効果を期待してるの?

533 :Name_Not_Found:2017/05/04(木) 09:47:38.16 ID:???
で、結論としてどうすればいんだ?
改行なしにするしかない?

534 :Name_Not_Found:2017/05/04(木) 09:48:22.40 ID:???
結論は最初から出てるだろ
タグには書かずにスクリプトで設定

535 :Name_Not_Found:2017/05/04(木) 10:32:03.84 ID:???
>>533
厳密に言えば改行の有無で意味が違う。
質問者がダメだと言ったのならダメなんだろう

536 :Name_Not_Found:2017/05/04(木) 10:35:30.79 ID:???
ワッチョイ賛成

537 :445:2017/05/04(木) 10:48:50.78 ID:???
自分の場合だけど

>>533
classに関しては、改行しても実際にはそこまで問題にならなそうだけど
他の属性だと改行すると振る舞いが変わる場合があるし、属性内では改行なしで揃えようかなって

538 :Name_Not_Found:2017/05/04(木) 11:09:32.34 ID:???
>>537
それが妥当な判断だね。
誰かさんはclassに限定して話をしたいみたいだけどw

539 :Name_Not_Found:2017/05/04(木) 11:15:11.77 ID:???
ラジオボタン型とメニュー型って一緒に使えないか?
よく使うものはラジオボタン型にして
それ以外はメニュー型にしておきたい
やり方知っていれば教えてほしいです。

540 :Name_Not_Found:2017/05/04(木) 11:16:36.75 ID:???
>>539
JavaScriptなら数行で完結

541 :Name_Not_Found:2017/05/04(木) 11:17:48.22 ID:???
>>539
JS覚えれば楽勝でできるよ
覚える気がないなら、素直にラジオボタンに統一しておいたほうが良い

542 :Name_Not_Found:2017/05/04(木) 11:18:08.27 ID:???
>>540
その数行を書いてみ

543 :Name_Not_Found:2017/05/04(木) 11:25:42.78 ID:???
input系はjsの出番多いよな

544 :Name_Not_Found:2017/05/04(木) 11:28:38.94 ID:???
簡単なJavaScriptでも一々jq使う輩はコピペPGばかりな件

545 :Name_Not_Found:2017/05/04(木) 11:30:38.65 ID:???
data-foo="2.50" のように、小数が入るカスタムデータ属性があって、
「2.0以上」のものだけにスタイルシートを適用したいのですが、できますか?

546 :Name_Not_Found:2017/05/04(木) 11:33:49.58 ID:???
JSは使えません・・・

行数というかラジをボタンの個数は441個あり
よく使う30個をラジオボタンにして残りはメニュー型にできたら良いなと思っていました

547 :Name_Not_Found:2017/05/04(木) 12:10:50.63 ID:???
>>544
動けばいいでしょ?何の問題があるの?

>>545
無理だなぁ

>>546
いい機会だし覚えたら?
というかそもそもラジオボタン多すぎ。selectの方がいいと思う

548 :Name_Not_Found:2017/05/04(木) 12:14:55.17 ID:???
>>546
こんな感じでどう?

https://jsfiddle.net/qzuxb7x0/

>>542
> その数行を書いてみ
書いたよ。6行

549 :548:2017/05/04(木) 12:21:47.73 ID:???
少しシンプルに修正してみた
https://jsfiddle.net/qzuxb7x0/1/

550 :Name_Not_Found:2017/05/04(木) 12:35:31.69 ID:rknxNSu5
box-sizingの指定が孫以下まで継承されないのですが理由は何でしょうか
例えばbodyタグに指定しても、配下のsectonの孫要素に効きません。
直接sectonに指定すると孫まで効きます

551 :Name_Not_Found:2017/05/04(木) 12:51:17.45 ID:???
「よく使う」は決め打ちでええんじゃろか

552 :Name_Not_Found:2017/05/04(木) 13:19:36.11 ID:FRZjKpOf
>>466
この質問どなたかお願いします。本当はweb制作初心者用質問スレに書きたいんですがないです。

553 :Name_Not_Found:2017/05/04(木) 13:24:07.25 ID:???
>>552
rem使え。以上

554 :Name_Not_Found:2017/05/04(木) 13:45:40.25 ID:FRZjKpOf
ありがとうございます

文字もリンクもwindowの幅によって可変になるんでしょうか?emの場合は直近の親要素が対象になるんでしたよね?

555 :Name_Not_Found:2017/05/04(木) 14:12:18.64 ID:FRZjKpOf
>>466についてですが文字のフォントサイズをあらかじめ大きめに指定してあるのですがその場合の可変って分かるかたいますか?
また、スマフォの時は画面全体の背景画像を表示せずに画面全体にwrapperを広げたいのですがどうすればいいか分かる方いますでしょうか?
背景画像をdisplay:noneにしてwrapperを100%にすれば解決するでしょうか?

556 :Name_Not_Found:2017/05/04(木) 14:38:06.66 ID:???
>>555
ひょっとしてbootstrapの話?
どこで何が指定されているかわからない状態で回答できる人はたぶんいないよ

557 :Name_Not_Found:2017/05/04(木) 16:57:56.59 ID:???
>>548
助かります。
うまくできました。
ありがとうございます。

558 :Name_Not_Found:2017/05/04(木) 17:25:24.88 ID:FRZjKpOf
自分でなんとかします。ありがとうございます

多分分かる方いないと思いますがボックスの横幅を可変にした場合に、文字はボックスから縦方向にはみ出ますがデバイスの横幅によって自動的にボックスの縦幅を文字と同じか
それより少し下にする(少し間が空く)方法ってありますか?

559 :Name_Not_Found:2017/05/04(木) 17:47:18.25 ID:???
>>558
height外せばいいだけでは?

560 :Name_Not_Found:2017/05/04(木) 18:30:16.46 ID:???
自分でなんとかするんじゃないの?

561 :Name_Not_Found:2017/05/04(木) 18:38:18.60 ID:???
縦の可変ってデフォルトだぞ
基礎だよ基礎

562 :Name_Not_Found:2017/05/04(木) 20:26:47.46 ID:???
>>547
素人ならそれで良し。
プロならバカにされる。
コピペPGは無能の象徴だからな。

563 :Name_Not_Found:2017/05/04(木) 20:34:40.88 ID:???
>>558
おまいcssまともに書いたことないだろ?
heightを固定してるとはみ出る。
隙間まの調整はpaddingでやれよ。
減らしたいならマイナス調整でいじれ。
それと文字幅にぴったりあわせるのはユーザーが必ず同じフォントを使うと限らないので考慮してつくらないとデザイン崩れが発生するかもしれない。と考えるべきだよ。

564 :Name_Not_Found:2017/05/04(木) 20:35:33.75 ID:???
googlemapAPIをしっかり勉強して数行少なくしてた人がいたな
それ意味あるの?って思った
バカにされるだけで済むならさっさとコピペでおわらせよう

565 :Name_Not_Found:2017/05/04(木) 20:36:08.20 ID:???
border、backgroundが無い時の余白ってmarginとpaddingどちらが良いのでしょうか?

566 :Name_Not_Found:2017/05/04(木) 21:18:46.52 ID:???
行数が少なくなっただけとしか考えられないところが素人なんだなあ

567 :Name_Not_Found:2017/05/04(木) 21:24:01.14 ID:???
>>566
お、なかなかうまい煽りだな
20点あげよう

568 :Name_Not_Found:2017/05/04(木) 21:31:18.69 ID:???
20点いらないから反論してみ

569 :Name_Not_Found:2017/05/04(木) 21:35:17.78 ID:???
>>568
なんの反論?自分から説明すれば?

570 :Name_Not_Found:2017/05/04(木) 21:37:18.57 ID:???
言語をしっかり覚えるのは当然だけど、APIなんてコピペでいい
どうせコロコロ仕様変わるんだし真面目に覚えても仕方ない

571 :Name_Not_Found:2017/05/04(木) 22:04:11.77 ID:???
コピペだと遅いし間違えるじゃん
インテリセンスに任せた方が早くて正確だよ
コピペは生産性が最悪

572 :Name_Not_Found:2017/05/05(金) 00:26:18.80 ID:???
>>571
コピペPGは無能またはITドカタの部類だからな。
ブロの世界では常識中の常識。

特徴
数行の記述でもほぼ必ずjqを読み込ませて記述するw
スクリプトの記述方法はネットで検索してコピペして記述するww

中級以上またはプロであれば、基本はスペニットやそれに準じた入力補助による直打ち込み。

比べるまでもなく圧倒的な速度で記述できる。

まるで漢字の読めない。または書けない外国人みたいなものだよ。

573 :Name_Not_Found:2017/05/05(金) 00:37:26.93 ID:???
コピペPGは無能の癖して態度がでかいんだよなw

そして極端な話を持ち出して否定したり誤魔化して自分より下を見つけ出そうとするw

574 :Name_Not_Found:2017/05/05(金) 01:13:52.01 ID:n8pokmNS
だから無能とかいって自己満足に浸りたい奴は来るな

575 :Name_Not_Found:2017/05/05(金) 01:17:12.44 ID:???
コピペPG嫌いなのは分かったからそのイライラをこっちに投げつけないでくれないかな。

576 :Name_Not_Found:2017/05/05(金) 01:34:30.34 ID:???
ドッチボールでボコられてキレだす奴思い出したわ笑

577 :Name_Not_Found:2017/05/05(金) 08:26:33.60 ID:???
画像ファイルの名前の付け方で質問なのですが、例えばリンゴの画像があって
apple.png
だった場合に、その背景を透明化した画像の名前は
apple-背景透明.png
だと分かり易いですが日本語です。
英語ではどうしたら良いですか?
こういう場合に、WEB業界で標準的な名前の付け方などありますか?

578 :Name_Not_Found:2017/05/05(金) 09:29:02.28 ID:???
背景を透明化した画像の名前がapple.pngになる

579 :Name_Not_Found:2017/05/05(金) 09:58:56.79 ID:???
>>577
おまいの説明ようわからん。
ブラウザで画像生成中のファイル名のことでの質問なのか?
それとも設置前の画像ファイル名を考えているのか?
そもそも背景が透過の林檎画像は一つファイルであって578の通りシンプルなファイル名で良いだろ。

それでも区別つけたいなら
apple_transparence.png
apple_toumei.png
だな。
「-」ではなく「_」を使うのが良い。
理由は糞ソフトつかって記述してると選択で手間が発生するから。

580 :Name_Not_Found:2017/05/05(金) 10:03:34.05 ID:???
pngなら背景透明という暗黙の了解みたいなところもある

581 :Name_Not_Found:2017/05/05(金) 10:04:41.59 ID:???
>579
apple_transparence.png
apple_toumei.png
どちらかにします。

>「-」ではなく「_」を使うのが良い。
了解しました。

582 :Name_Not_Found:2017/05/05(金) 10:19:04.47 ID:???
https://support.google.com/webmasters/answer/76329?hl=ja

googleはアンダースコアよりハイフンをお薦めしてるけど
なんでなんだろうな
見やすいからとかかな

583 :Name_Not_Found:2017/05/05(金) 10:30:36.17 ID:???
ハイフン 一つの単語
アンダーバー 別々の単語

phpはハイフンが変数で使えなかったりして面倒なので全部アンダーバーで統一してるわ

584 :Name_Not_Found:2017/05/05(金) 10:55:55.64 ID:???
>理由は糞ソフトつかって記述してると選択で手間が発生するから。
これおまえの能力の問題

585 :Name_Not_Found:2017/05/05(金) 11:00:41.48 ID:???
少し長めのファイル名の途中にハイフンを見つけたとき「何だよこれw」と言い出したくなる。

この連中はファイル名を1から付ける池沼と同格だろ。

586 :Name_Not_Found:2017/05/05(金) 11:02:32.22 ID:???
>>584
うちの社内業務ルールで絶対にやってはいけない項目にそれある

587 :Name_Not_Found:2017/05/05(金) 11:04:04.08 ID:???
タブスペース無視する輩もゆるせない

588 :Name_Not_Found:2017/05/05(金) 11:06:09.52 ID:???
ここはphpのスレではないんだがね

589 :Name_Not_Found:2017/05/05(金) 12:54:16.26 ID:W1462jWX
20px 40px 20px と指定していたのをデバイスの幅によって自動的に中央寄せにするために40pxに変えたら左に寄りました。何故だか全然分かりません。教えて頂きたいです

590 :Name_Not_Found:2017/05/05(金) 13:29:40.12 ID:W1462jWX
それと縦の可変についてですが昨日はうっかりしていました。答えて頂いた方ありがとうございます。ボックスと文字の間の比率を保ちつつ縦方向にボックスを可変にするのってボックスのpaddingか中の文字のmarginを%指定すればいいのでしょうか?

591 :Name_Not_Found:2017/05/05(金) 13:37:00.58 ID:???
>>424, >>466, >>555, >>558, >>577, >>589
同一人物?

592 :Name_Not_Found:2017/05/05(金) 13:46:19.37 ID:W1462jWX
24,77は違います

593 :Name_Not_Found:2017/05/05(金) 16:33:53.22 ID:???
>>590
ブロックの仕組み一度勉強しなさい。算数しらないやつが数学にてを出してるようなものだよ。
全て謎だらけでわからない状態だろ?

594 :Name_Not_Found:2017/05/05(金) 17:25:35.38 ID:W1462jWX
いえサイト制作段階ですので全て謎ってことはないです。調べてみましたがabsolute指定した要素の親要素はbefore付けなきゃ可変にならないようですね

595 :Name_Not_Found:2017/05/05(金) 18:23:38.88 ID:???
プレーンのCSSを勉強してないのが丸わかり

596 :Name_Not_Found:2017/05/05(金) 19:57:32.45 ID:???
>>594
知ってること適当に言って「僕は結構できますが?」という態度はやめてくれ
レベル低いのは、わかるんだよ
もっと謙虚に一から学ぶ姿勢を見せてくれ。嘘でもネタでもいいから

597 :Name_Not_Found:2017/05/05(金) 20:08:55.16 ID:???
>>596
なにいってるんだこいつ?
真性過ぎてワロタ

598 :Name_Not_Found:2017/05/05(金) 20:11:48.20 ID:???
本性出すときはちゃんとsageるんだねw

599 :Name_Not_Found:2017/05/05(金) 20:16:22.60 ID:???
煽ってる暇もないぐらいレベルが低いんだけどなぁ

600 :Name_Not_Found:2017/05/05(金) 21:22:13.79 ID:???
>>596
ほっときゃいいじゃん。つかお前なにさまよ?

601 :Name_Not_Found:2017/05/05(金) 22:59:17.77 ID:???
>>596
気持ち悪い

602 :Name_Not_Found:2017/05/06(土) 00:09:54.00 ID:???
ここまで自演
ここからも自演

603 :Name_Not_Found:2017/05/06(土) 00:40:15.82 ID:???
残念な人だねw

604 :Name_Not_Found:2017/05/06(土) 01:16:09.38 ID:???
無能だけではなく糖質をこえた真性住み着いてるのかよ

605 :Name_Not_Found:2017/05/06(土) 04:50:28.54 ID:???
お前らスレタイ

606 :Name_Not_Found:2017/05/06(土) 13:49:36.76 ID:UmEyOO8l
http://www.kojimaproductions.jp/
↑このコジマプロダクションの公式サイトは
デザインのいい悪い、使いやすさは置いておいて
どういったツールでつくられてるのでしょうか?
まさか手打ちでガシガシ作ってるとも思えないですし・・・。

607 :Name_Not_Found:2017/05/06(土) 13:57:39.44 ID:???
>>606
普通のエディタじゃね?
minifyしてあるだけでしょ

608 :Name_Not_Found:2017/05/06(土) 15:03:30.70 ID:???
二点質問です
・Shadow DOMって使われていますか?
・jQuerymobileってもう廃れたという認識で良いのでしょうか?

609 :Name_Not_Found:2017/05/06(土) 15:29:32.75 ID:???
先に廃れたの定義を定量的に述べてみて

610 :Name_Not_Found:2017/05/06(土) 15:44:56.33 ID:???
>>609
定量的には無理でしょうね

・バージョンアップしない
・新しい記事が作られない
・オススメされない
この辺りでしょうか。

611 :Name_Not_Found:2017/05/06(土) 15:46:41.43 ID:???
Shadow DOMはとっつきにくすぎて諦めた。誰も使ってない。
ただ概念的にはとても良いので、うまいバージョンアップが入れば今後伸びるかも
namespaceみたいにもうちょい綺麗にできなかったのかねー?

jQuerymobileは死にました。もう生き返ることはないでしょう
bootstrap使って下さい

612 :Name_Not_Found:2017/05/06(土) 15:49:36.28 ID:???
>>608
面倒臭い奴はシカトでw

shadow DOMはまだ使われているよ。でも他で事足りるから長くて複雑な記述をしない限り出番がない。
JQモバイルはオワコン状態ですね

613 :Name_Not_Found:2017/05/06(土) 15:51:21.87 ID:???
>>611-612
ありがとうございます
bootstrap流行ってるみたいですね、勉強します

shadowDOMは一応目を通す程度にしておきます

614 :Name_Not_Found:2017/05/06(土) 16:19:08.85 ID:???
BootstrapってCSSのライブラリだよね?
こういうのこそ廃れた時が怖くないか

615 :Name_Not_Found:2017/05/06(土) 16:47:44.31 ID:???
jQuerymobileは異常に楽に作れるけど、あれは特殊すぎた
レスポンシブ対応を見据えてbootstrapはいい選択肢だと思う
ただrowとcolの入れ子が深くなりがちで、そこがめんどくさい

616 :Name_Not_Found:2017/05/06(土) 17:03:46.78 ID:???
廃れる前に乗り換える
それができない企業は時代に取り残されてバイバイ
そういう時代になってしまった
日本はもう終わりだ

617 :Name_Not_Found:2017/05/06(土) 18:25:03.99 ID:???
すみません
ナビゲーションバーを上部に固定表示させしようとしてpotion:fixedを当てたんですが
固定自体はされましたがなぜかバーの横幅が縮んで左端に寄ってしまいました

バーの並びはulとliでdisplay:flex;で横並びに配置して
justify-content:space-around;で横画面一杯に広げて均等に配置する設定にしています

なにが原因か分かる方いらっしゃいますでしょうか?

618 :617:2017/05/06(土) 18:28:44.19 ID:???
すみません自己解決しました
ulの幅にwidth:100%;を当ててやると元通り縮まずに画面一杯に表示されました

619 :Name_Not_Found:2017/05/06(土) 18:28:53.39 ID:???
できればhtmlとcssで説明してほしい
とりあえずwidth:100%してみれば

620 :617:2017/05/06(土) 18:51:11.88 ID:???
>>619
ありがとうございます
その方法で自己解決しました

htmlはul/liを<nav>で挟んで
cssの方ではnavには特になにも設定せず子要素のul/liの方に
・potion:fixed;
・display:flex;
・justify-content:space-around;
を設定していました

これのpotion:fixed;を親要素のnavの方に設定し直して
width:100%;も一緒に当ててやると無事画面一杯に表示されました
width:100%;は子要素のul/liの方に設定してしまうと今度は画面の右端でぴったり止まらずに延々伸びてってしまうようです

621 :Name_Not_Found:2017/05/06(土) 19:33:48.00 ID:???
htmlとcssというのは
<nav>
<ul>
<li>
</ul>
</nav>

ul {
position: fixed;
}

ということ。
慣れれば日本語よりもこっちのほうが読みやすいんだわ
もし次に質問することがあれば、頼んだぞい

622 :Name_Not_Found:2017/05/06(土) 19:50:15.35 ID:???
現象が再現するサンプルコードをどっか適当な場所で公開するのが一番かな
そういうサイトってないの?

623 :Name_Not_Found:2017/05/06(土) 19:57:54.66 ID:???
https://jsfiddle.net

624 :Name_Not_Found:2017/05/06(土) 21:00:45.74 ID:9Ejb0TTD
デバイスの横幅が狭くなるにつれheaderの立て幅を可変にする方法ってありますか?ヘッダー÷〇〇をすればいいと思うんですが

それとサイトのコンテンツのcssを可視化できるツールってありますか?

625 :Name_Not_Found:2017/05/06(土) 21:02:16.60 ID:9Ejb0TTD
気付いたんですが中の文字を可変にすれば自動的に縦も狭くなりますね。

626 :Name_Not_Found:2017/05/06(土) 21:21:31.66 ID:???
質問者に求めらるのは文章力

627 :Name_Not_Found:2017/05/06(土) 21:25:54.77 ID:???
趣味で何か作られてるみたいるんだよな?
どうしてそんな初歩の初歩で躓くんだい・・・
体育で準備体操もしなければ、マットで前転も経験せずに跳び箱飛ぼうとしてるようなものだろ

628 :Name_Not_Found:2017/05/06(土) 21:26:59.91 ID:???
>>627
入力ミス。
・・作られているんだよな?

629 :Name_Not_Found:2017/05/06(土) 21:34:32.43 ID:???
日本人エンジニアにはまず日本語の勉強が先だな

630 :Name_Not_Found:2017/05/06(土) 21:46:47.97 ID:???
>>627
これは個人的に思ってることだけど、多分wordpressのせい
wordpressなら簡単にサイトが作れる!と言われているせいで、自分に合うテーマ・プラグインを徹底的に探すという謎の行動に出てしまっている
下手すればcssやhtmlという概念も無いかも

631 :Name_Not_Found:2017/05/06(土) 22:28:12.44 ID:???
ブログユーザーはブログがやりたいのであって
HTMLの勉強したいわけじゃないんだが?
しかもWP限定なのが意味不明

632 :Name_Not_Found:2017/05/06(土) 22:47:30.98 ID:???
wordpressはブログ・サイトが簡単に作れると持ち上げられすぎたのは間違いない

633 :Name_Not_Found:2017/05/06(土) 23:48:03.26 ID:ta5RaZkH
HTMLとCSSを少しかじった程度のアマチュアなんですけど大手企業のような綺麗なサイトを作るにはどこで勉強したらいいんでしょうか

634 :Name_Not_Found:2017/05/07(日) 00:00:13.31 ID:???
制作会社に入社しましょう

635 :Name_Not_Found:2017/05/07(日) 00:04:30.05 ID:???
気に入ったサイトのソースコードを読んでパクる
著作権はよくわからないが丸コピしなきゃ大丈夫だろ多分

636 :Name_Not_Found:2017/05/07(日) 00:05:09.12 ID:???
>>633
作りまくるのに加え、評価を受ける必要がある
一番手っ取り早いのは>>634。強制的にレベルapuできるぞ

637 :Name_Not_Found:2017/05/07(日) 00:27:55.10 ID:???
素人が雇ってもらえるわけねーじゃん

638 :Name_Not_Found:2017/05/07(日) 00:35:32.07 ID:???
>>630
確かにそれあるかもな
胡散臭いブログにWPの公開方法が紹介されてるのみかけたことあるわ
プラグインやデザインを改造するために知識がなくてもphpファイルのこの部分をいじるだけですとか、完全になめてる内容ばかり
君の言う通り大きな原因の一つだな

639 :Name_Not_Found:2017/05/07(日) 00:42:20.97 ID:???
ほぼ未経験でまぐれでWeb制作会社に入れたはいいけど覚えるの多すぎて大変だった
ただ実務が経験出来るから確かにWeb制作する過程の一通りのことは覚えられるね
後は自分のHPを作成するとか?

640 :Name_Not_Found:2017/05/07(日) 00:47:18.90 ID:???
自分のHPなんて持ってもな
収益を挙げるコンテンツを作ることだよ
これがうまく行けば実力も泊も付く
なかなかうまくいかないんだけどね

641 :Name_Not_Found:2017/05/07(日) 00:51:46.09 ID:???
>>633
自分はhtml4.01の辞書購入して興味を持って5日でマスター
次はラクダの辞書を購入して1ヵ月ほどでほぼ不自由なく記述できる状態になり、ある程度自信がついたけどな
作りながら覚えるより予約語や型を学んでから実践に入った方が短期間で覚えられるぞ
前レスにも書いてあったけどコピペ専門のプログラマーはダメだと思う
あと新卒は良いとして中途や転職だと一定レベルの技術がないと相手にされんよ

642 :Name_Not_Found:2017/05/07(日) 03:17:54.12 ID:???
>>633
独学で可能だと思います。
まずはスケッチ気分でまねっこHPを作ってみるといいかも。

そうすると分からないところが明確になるのでそれらをリストアップして、後でひとつずつ調べれば少しずつですがレベルアップできるんじゃないかな。

テクニカル、レイアウト、デザイン、コンテンツ、更新のしやすさなど勉強することが多くて大変でしょうし、目眩もすると思うけど、まずは「今の自分は何が分かってないのか」リストをまとめてみてはいかがでしょうか。

643 :Name_Not_Found:2017/05/07(日) 05:46:22.20 ID:???
2ちゃんねらーのアドバイスを実践するやつなんかいねーよw

644 :Name_Not_Found:2017/05/07(日) 05:53:24.54 ID:???
大手企業のは、JavaScriptが必須だから、コーダーでは無理。
プログラミングが必要

本格的なサイトは、データベース、Rails なども使う

情報処理資格も必要だし、情報処理の基礎だけでも、
千時間以上はかかるから、専門学校へ行くべき

645 :Name_Not_Found:2017/05/07(日) 08:18:33.46 ID:???
資格なんていらねーよw

646 :Name_Not_Found:2017/05/07(日) 08:32:21.52 ID:???
>>633
どこで勉強したら?とかどうやって勉強したら?
なんてとこで躓いてるような人はそもそも身につかないから無理
早めに見切りをつけて別のことした方がいい
マジで

647 :Name_Not_Found:2017/05/07(日) 10:02:52.30 ID:???
>>643
ワロタw

>>642
子供のお絵かき程度でもできるしなw

648 :Name_Not_Found:2017/05/07(日) 10:04:00.08 ID:???
マネージャーでセットアップも簡単にできる
ググればすぐにわかりやすいドキュメントが手に入る
一番大変なところを周りが全部面倒見てくれる時代になったんだなあ
ゆとりが羨ましいよ

649 :Name_Not_Found:2017/05/07(日) 13:01:22.87 ID:???
みんながんばってるけど
普段のレベルの低さ考えると草しか生えないわ

650 :Name_Not_Found:2017/05/07(日) 16:05:43.26 ID:A+e5CwUP
特定のウィンドウ幅以下になるとナビの文字が改行されたり縦に長くなったりするので横並びから縦並びにしたいです。
inlineblockにしてあるのでblockで縦並びに戻せばいいのでしょうか?その際問題点などありますか?

651 :Name_Not_Found:2017/05/07(日) 16:07:15.23 ID:A+e5CwUP
また特定のウィンドウ幅以下で元々非表示にしていたのを表示したいんですがin-lineblockを指定しても表示できません。何故でしょうか?

652 :Name_Not_Found:2017/05/07(日) 16:14:45.76 ID:???
>>650
問題点はないよ

>>651
display: inline-block !important;
じゃダメ?

653 :Name_Not_Found:2017/05/07(日) 19:19:56.05 ID:???
型も知らずに覚えながら学ぶやり方は三流のやること

654 :Name_Not_Found:2017/05/07(日) 19:43:18.49 ID:???
webは型覚えなくてもそれなりにできてしまうからな
あと、大抵文字列型だし

655 :Name_Not_Found:2017/05/07(日) 21:06:21.10 ID:???
コピペなら余裕。
だだし予約語と型をしっかり覚えてる人の数倍、数十倍時間かかるけどな。
複雑な処理ないようなれば百倍、千倍の時間を必用とすることも多々ある。

656 :Name_Not_Found:2017/05/07(日) 21:14:19.15 ID:???
まず自分の力でなんでもやろうとしないことだ。
やりたいと思ったことは、すでに誰かがやってる。
それを探すことが重要

657 :Name_Not_Found:2017/05/07(日) 21:23:04.06 ID:???
だから成功できないんだろw
人よりはやく着手して形にすると有利になれるからな。
いつまでたっても三流はその程度の仕事しかできないのよ。

658 :Name_Not_Found:2017/05/07(日) 21:24:30.54 ID:???
htmlやcss限定のコーディングだけなら仕事遅くなるけどコピペでもなんとかなるよ

659 :Name_Not_Found:2017/05/07(日) 21:38:28.70 ID:???
おまえら雑魚に興味ないから、場所移動してもらっていい?

660 :Name_Not_Found:2017/05/07(日) 21:42:20.97 ID:???
いや

661 :Name_Not_Found:2017/05/07(日) 23:23:09.78 ID:???
>>657
お前なにしにこのスレ来てるの?

662 :Name_Not_Found:2017/05/08(月) 02:34:26.04 ID:???
>>650
flexでいい

663 :Name_Not_Found:2017/05/08(月) 04:01:54.61 ID:???
>>657
別に3流だとしても目的達成できれば取り合えず良しだろ

664 :Name_Not_Found:2017/05/08(月) 05:52:04.86 ID:???
>>656
中国人みたいな考え方だなw

665 :Name_Not_Found:2017/05/08(月) 17:39:11.09 ID:???
>>664
中国人以下の理解力だなw

666 :Name_Not_Found:2017/05/08(月) 17:51:41.46 ID:???
中国人は普通に賢いぞ

667 :Name_Not_Found:2017/05/08(月) 17:53:08.97 ID:???
日本人より遥かに賢い気が

668 :Name_Not_Found:2017/05/08(月) 21:07:13.99 ID:???
中国人をしっかり認める俺って有能だろ?

669 :Name_Not_Found:2017/05/08(月) 21:11:46.59 ID:???
>>668
本当に有能なら中国人を越えてます、残念

670 :Name_Not_Found:2017/05/08(月) 21:15:20.71 ID:???
俺は日本に来ている中国人しか知らないが
あいつら、普通に日本語と中国語を話せるんだよ。
それだけでも優秀だってわかるね

671 :Name_Not_Found:2017/05/08(月) 22:05:17.63 ID:???
パクりと組み合わせが得意な奴はコーディングやITドカタ向き

672 :Name_Not_Found:2017/05/08(月) 22:26:53.27 ID:???
自己紹介

673 :Name_Not_Found:2017/05/08(月) 23:08:31.99 ID:???
日本人は優秀!!ノーベル賞を受賞した!!!
俺はすごい!俺は受賞した!中国も韓国も受賞してない!!
俺は受賞した!日本は受賞した!俺はすごい!!

674 :Name_Not_Found:2017/05/10(水) 01:10:22.49 ID:???
HTML/CSSにおいて予約語覚えるってどういう事??

675 :Name_Not_Found:2017/05/10(水) 02:22:44.93 ID:???
CSSだったらmediumとかが予約語

676 :Name_Not_Found:2017/05/10(水) 16:10:30.47 ID:???
予約語を覚えるって事だろw

677 :Name_Not_Found:2017/05/10(水) 17:04:26.76 ID:???
素人には優しく答えないとな

678 :Name_Not_Found:2017/05/10(水) 18:35:23.35 ID:???
>>675
CSSならプロパティの事?
むしろ覚えるのはセレクタじゃなくて?
しかもHTML/CSSで予約語だから使ってはならないとかないしなあ
class="large"でも記述的には問題ないわけじゃん

679 :Name_Not_Found:2017/05/10(水) 18:36:50.51 ID:???
ユーザー関数で使用してはならないから先に覚えるってならわかるけど

680 :Name_Not_Found:2017/05/10(水) 19:22:05.29 ID:???
これって間違ってますよね?? 的な主張がしたいんだろう

681 :Name_Not_Found:2017/05/10(水) 20:09:35.44 ID:???
>>675
それ予約語じゃなくて定数じゃないの?
cssやhtmlに予約語は無いと思うけど、あるんか?

682 :Name_Not_Found:2017/05/10(水) 21:42:16.25 ID:???
誰にでもすぐ分かる質問してよ
HTMLとかCSSの予約語とか言われてもみんなピンと来ないから反応薄いじゃん

683 :Name_Not_Found:2017/05/10(水) 22:19:50.76 ID:???
俺も予約語がなんのことか分からん。

例えばクラス名は数字始まりはダメだけどその場合数字が予約語ってこと?

684 :Name_Not_Found:2017/05/10(水) 22:29:12.11 ID:???
>>683
違う、それは単にクラス名の条件

685 :Name_Not_Found:2017/05/11(木) 00:51:25.18 ID:???
素人には優しく教えてあげよう

686 :Name_Not_Found:2017/05/11(木) 07:31:07.21 ID:???
>>684
では何がHTMLやCSSの予約語なの?

687 :Name_Not_Found:2017/05/11(木) 07:37:09.82 ID:???
>>686
知らん。俺は無いと思う

688 :Name_Not_Found:2017/05/11(木) 09:07:34.24 ID:???
.table何てのも通るくらいだし予約語なんてないだろ

689 :Name_Not_Found:2017/05/11(木) 09:42:47.97 ID:???
cssの予約語はFlameworkで名付けられたクラス名だと思われる
bootstrapのcol-xs-*みたいなもの

690 :Name_Not_Found:2017/05/11(木) 10:20:34.71 ID:???
初心者や無能やゆとりにわかりやすくやさしく説明しないとな

691 :Name_Not_Found:2017/05/11(木) 11:43:24.93 ID:???
cssの予約語は無いわけではなく、場所に依存する。

任意の識別子を値にとれるプロパティ( animation-name など)の値の中では
プロパティのキーワード( none など)や全域キーワード( inherit など)は
予約語と言えよう

692 :Name_Not_Found:2017/05/11(木) 12:09:41.82 ID:???
検索して意味を調べてるような輩は口出さない方が良いよ

693 :Name_Not_Found:2017/05/11(木) 13:14:13.54 ID:???
いつも偉そうな人たちが歯切れ悪すぎてワロタwww

694 :Name_Not_Found:2017/05/11(木) 13:21:38.10 ID:???
>>691
初心者には酷だから終わりにしておけ

695 :Name_Not_Found:2017/05/11(木) 15:07:58.49 ID:???
初心者レッテル貼って逃げるだけか?

696 :Name_Not_Found:2017/05/11(木) 15:30:11.22 ID:???
>>691
分からんでもないが、それなら「プロパティの予約語」のように修飾子を付けなければ意味が通らないので、>>674の表現では無意味
あと、CSS Syntax Module Level 3には "Reserved word" がないので、オレオレ用語の域を出ない
https://www.w3.org/TR/css-syntax-3/

697 :Name_Not_Found:2017/05/11(木) 17:02:43.77 ID:???
もっともらしい説明をして話をまるめこむ

698 :Name_Not_Found:2017/05/11(木) 18:00:13.74 ID:???
みんなありがとうww
もういいよwww分かったからww

699 :Name_Not_Found:2017/05/11(木) 18:21:37.80 ID:???
そもそもが、「キーワード」という言葉自体が予約語の言い換えみたいなものじゃないか?

700 :Name_Not_Found:2017/05/11(木) 19:09:51.64 ID:???
またわいてるのかよ
素人と初心者とゆとりのバトルいつまで続けるんだ

701 :Name_Not_Found:2017/05/11(木) 19:11:17.16 ID:???
>>691
だからそれ定数

702 :Name_Not_Found:2017/05/11(木) 19:22:50.81 ID:???
また醜態さらしちゃったね自称プロ君たちw

703 :Name_Not_Found:2017/05/11(木) 19:30:04.31 ID:???
次スレはワッチョイ付けような

704 :Name_Not_Found:2017/05/11(木) 19:30:44.16 ID:???
ワッチョイ賛成です

705 :Name_Not_Found:2017/05/11(木) 19:31:24.11 ID:???
ipありでもいいぞ

706 :Name_Not_Found:2017/05/11(木) 19:47:48.68 ID:???
>>702
>>700
>>695
>>693
相応しくない人達がいるから対策するべきでしょうね

707 :Name_Not_Found:2017/05/11(木) 20:49:09.73 ID:???
俺たちプロウェブ屋の質が疑われる

708 :Name_Not_Found:2017/05/12(金) 01:49:51.33 ID:???
Yu Gothicフォントの濃さがChromeとFirefoxで違うんだけど、何が原因?
html {font: 400 16px/1 〜を指定してるけど、Firefoxの方が濃い

709 :Name_Not_Found:2017/05/12(金) 04:11:34.57 ID:???
お馬鹿に付ける薬はないからな
ワッチョイ導入希望です

710 :Name_Not_Found:2017/05/12(金) 04:23:12.22 ID:???
JavaScriptスレはそれで大きく改善されたからな。
あのうるさい自治厨が少しはおとなしくなった

711 :Name_Not_Found:2017/05/12(金) 07:25:59.24 ID:???
>>708
Chromeのフォントレンダリングがクソなだけです

712 :Name_Not_Found:2017/05/12(金) 08:30:42.32 ID:???
JavaScriptスレでは (ワッチョイ 0fc8-Ogwz) が暴れているが、正しい回答で是正されているだけまだマシか
Web制作板でもワッチョイを使いたいなら、然るべきスレに要望を出すべきだと思うぞ

713 :Name_Not_Found:2017/05/12(金) 10:58:32.73 ID:???
うーん、結局プログラミング学んでから
CSS覚えたての人が予約語とか型って言葉を使いたかっただけという事と捉えてしまうな。
HTML/CSSは独学である程度はできるけどweb業界で他エンジニアと共同作業の実践経験がないと
一般的な用語の使い方まではなかなかわからないだろうし。

css/htmlでは変数やユーザー定義関数はそもそも使えないから予約語を意識する必要とか
そこから覚えるって概念はないはず

714 :Name_Not_Found:2017/05/12(金) 11:02:32.73 ID:???
>>707
>>702
>>695
>>693
>>694
>>659
↑みたいな煽り基地外が住み着いて優しく教える環境ではなくなったからね・・
ワッチョイ設定も止むを得ないですね
皆でNG入れて対処もしやすくなりそうですし自分も導入賛成です

715 :Name_Not_Found:2017/05/12(金) 11:40:20.87 ID:???
全部俺のレスでワロタww
すまん、余程癇に障ったんだなww

716 :Name_Not_Found:2017/05/12(金) 12:05:03.41 ID:???
>>714
俺のレス一つあったけど煽ったつもりないよ。
どうもすみません。

717 :Name_Not_Found:2017/05/12(金) 12:15:28.24 ID:???
アマチュア君は分かりやすいなぁw

718 :Name_Not_Found:2017/05/12(金) 12:30:02.18 ID:???
素直に謝れる人は自分に自信がある人

719 :Name_Not_Found:2017/05/12(金) 12:42:07.83 ID:???
remってもう普通に使ってる?

720 :Name_Not_Found:2017/05/12(金) 12:53:43.45 ID:???
>>716
気にすることないよ。
自分は基本rom専で香ばしいやり取りがあったので久々に書き込みしただけだから。

721 :Name_Not_Found:2017/05/12(金) 12:55:46.44 ID:???
みんなさ、プライドよりも能力を上げて

722 :Name_Not_Found:2017/05/12(金) 14:40:58.14 ID:???
>>714
またわいてるみたいですね。

715氏は全部俺のレスと主張
716氏は俺のレス1つあったと主張

ホラ吹きがいるのかよw

ホラ吹き煽りが張り付いてるってことでok?

723 :Name_Not_Found:2017/05/12(金) 15:08:43.85 ID:???
calcで+、-の前後にスペースが必要な理由は?
こんな言語初めてなんだが

724 :Name_Not_Found:2017/05/12(金) 15:41:34.54 ID:???
>>723
構文解析の都合だろう

7em-2em は単位 em-2em の 7 に解釈されるとか(ハイフンは識別子の一部)
3 +5 は 3 5 に解釈されるとか

725 :Name_Not_Found:2017/05/12(金) 15:41:59.85 ID:???
すみません、Flexboxについて教えてほしいことがあります。
ネットショップのトップページに商品のランキングを入れることになり、画面左側に大きく1位の商品、右側に2段で2位から5位の商品を並べたいのですが、これはfloatを使わないと難しいでしょうか?

[    ]  [商品] [商品]
[ 商品 ]  [画像] [画像]
[ 画像 ]  2位  3位
[    ]
1位     [商品] [商品]
文章文章   [画像] [画像]
文章文章   4位  5位

分かりにくいかもしれませんがこんな感じです。
各画像の下に商品の説明文も入れたいです。

一度floatを使用して記述したところうまくいったのですが、レスポンシブ対応にしたいので調べていたらFlexboxを知りました。
ただこのように片側だけ2行にする方法が探しても見つからず、悩んでいます。
また、スマホ幅になったら以下のようにしたいと考えているのですが複雑でしょうか?

[    ] 1位
[ 商品 ] 文章文章
[ 画像 ] 文章文章
[    ] 文章文章

[商品] 2位 [商品] 3位
[画像] 文章 [画像] 文章

[商品] 4位 [商品] 5位
[画像] 文章 [画像] 文章

勤務しながら学んでいる状態なので知識不足だとは思うのですが、、
どなたか教えて頂けると助かります。

726 :Name_Not_Found:2017/05/12(金) 15:47:50.85 ID:???
>>725
そういうことやるなら grid の方が適しているだろう

727 :Name_Not_Found:2017/05/12(金) 16:13:18.13 ID:???
>>725
2345は一つのdivにいれて
float leftで行けるんじゃあないの?
1位の説明文はメヂアクエリでleft/none切り替えるとか。
素人の意見なので参考にならないかもしれませんが。

728 :Name_Not_Found:2017/05/12(金) 16:18:24.80 ID:???
>>725
frexboxでもinline-blockでも可能でしょう
要素を入れ子にして組み立てれば大丈夫

729 :Name_Not_Found:2017/05/12(金) 16:49:56.52 ID:???
gridを使え、float:leftで十分、flex or inline-blockでもいける

どうすりゃいいんだよこれw 質問者余計に迷うだけじゃんw
まぁgridはAndroid対応してないから論外だが

ここはflexでいく方法を提示するべきだな
もう少し直観的で分かりやすい完成図があれば、もっと具体案も出せる

730 :725:2017/05/12(金) 17:17:27.56 ID:???
みなさんありがとうございます。
イメージに近い実例としては、
http://www.rakuten.ne.jp/gold/livingday/
ここのウィークリーランキングのような並び方です。

違いは1位と2~5位の幅の割合を半々程度にしたいという点と、2~5位の説明文は画像の下にもっていきたいという点です。
どうしてもこだわっているわけではないのですが、一応カンプに沿うとこのような形を希望しているということで、、

731 :Name_Not_Found:2017/05/12(金) 17:25:00.35 ID:???
>>725
親ボックスを幅固定する
その子ボックスである商品ボックスに幅50%をかけてみれ

732 :Name_Not_Found:2017/05/12(金) 17:39:23.16 ID:???
まさか楽天でレスポンシブしたいわけじゃないよね?(一応)

733 :Name_Not_Found:2017/05/12(金) 17:41:06.59 ID:???
>>722
基地外は泳がせておけ

734 :725:2017/05/12(金) 17:49:06.61 ID:vCmv67zV
>>731
親ボックス=ランキング全体
子ボックス=左側の1位のボックス、右側の2位~5位のボックスの2つ
という理解であってますか?

>>732
楽天やYahooなどの店舗ではないです!
分かりにくい例をだしてしまいました。

735 :Name_Not_Found:2017/05/12(金) 17:50:12.52 ID:???
ひとまず2カラムに分けて
左は1位だけ、右をさらに4つに分割するってのは?

736 :Name_Not_Found:2017/05/12(金) 17:56:18.43 ID:???
>>734
レスポンスシブウェブデザインとするなら、必ず横幅を最大値pxや100%にする必要がある。

そして、らんきんぐ全体の幅を%または固定値にして横幅全体からみたボックス幅の調整。

さらに子ボックスを用意して全てfloat:left
と固定幅を設定するだけですよ

737 :Name_Not_Found:2017/05/12(金) 17:58:00.19 ID:???
スマホで記述すると面倒だから帰宅したら書いたものをあげようか?

738 :Name_Not_Found:2017/05/12(金) 18:43:27.81 ID:???
予約語の時とは違ってみんな生き生きしてるね!
質問が簡単そうでよかった!みんな元に戻ったみたい

739 :Name_Not_Found:2017/05/12(金) 19:06:09.21 ID:???
736です。
今で帰宅したので書いてみますよ。

740 :Name_Not_Found:2017/05/12(金) 19:11:43.61 ID:???
>>735
ワロタ

741 :Name_Not_Found:2017/05/12(金) 19:22:19.07 ID:???
736です
画像を埋め込めば比率調整されて表示されます

html
http://www.dotup.org/uploda/www.dotup.org1246543.txt

css
http://www.dotup.org/uploda/www.dotup.org1246544.txt

動作確認はコピペしてから保存して試して見てください。

742 :Name_Not_Found:2017/05/12(金) 20:28:36.03 ID:???
>>740
正解はよ

743 :Name_Not_Found:2017/05/12(金) 20:30:03.15 ID:???
クラス名にこだわりを感じる

744 :Name_Not_Found:2017/05/12(金) 20:35:27.70 ID:???
>>738
>>713 が結論だな

難しいとか簡単とかじゃなくてお角違いなんだよ。
魚の話している時にロースとかタンが美味いよなって言っているようなもの。
タン=舌 確かに魚にも舌はあるけど・・・???混乱
俺は知らないけど食べられるんだ?? ってなる

745 :Name_Not_Found:2017/05/12(金) 20:39:42.62 ID:???
>>741
自分もこの形式でやってる

746 :Name_Not_Found:2017/05/12(金) 20:50:34.05 ID:???
>>741
幅狭めても質問者さんの絵のようにならないですが?何も変化しませんでした。
??

747 :Name_Not_Found:2017/05/12(金) 22:09:20.71 ID:???
先程のコードみればどこを調整すればわかると思ったんですが・・・


縦を固定してないので画像を埋めて試してみてください。

html
http://www.dotup.org/uploda/www.dotup.org1246543.txt

css わかりやすいように追記 ※@media screen and (min-width: 751px){ でレスポンスシブウェブデザインを実現させています。
http://www.dotup.org/uploda/www.dotup.org1246742.txt

748 :Name_Not_Found:2017/05/12(金) 22:36:18.86 ID:???
レスポンスシブは慣れてないと初心者にはきつくないか?

749 :Name_Not_Found:2017/05/12(金) 22:41:06.71 ID:???
>>747
回答者は基本的はめんどくさがりなので
サイズの分からない画像を自分で埋めろって言われても困っちゃう
現状を理解してもらう例としてアップしたコードなのに、
クラス名がごちゃごちゃしてて可読性も悪い

750 :Name_Not_Found:2017/05/12(金) 22:48:25.69 ID:???
>>741
>>747
ブラウザの横幅変えたら変化するのなw

751 :Name_Not_Found:2017/05/12(金) 23:04:38.98 ID:???
レスポンスシブは>>750にはきつくないか?

752 :Name_Not_Found:2017/05/12(金) 23:20:08.81 ID:???
またホラ吹き煽りわいてるのかよ

753 :Name_Not_Found:2017/05/13(土) 00:40:20.68 ID:???
俺は慣れてないから書くのに時間かかるのが難点だ
この回答のhtmlとcssだと時間どのくらいかけて書いたんだろうか?

754 :Name_Not_Found:2017/05/13(土) 02:17:10.30 ID:l546nhEd
>>747
完成形がよく分からないけど、とりあえずそれっぽい雰囲気だけ
スマホで画像の横に文章配置するのは狭すぎたから普通に1列
http://www.dotup.org/uploda/www.dotup.org1247135.txt

755 :Name_Not_Found:2017/05/13(土) 02:44:40.91 ID:???
>>754
綺麗に書いてるけど>>725の指定するレイアウトになっていないですよ

756 :Name_Not_Found:2017/05/13(土) 02:50:36.65 ID:l546nhEd
>>725
え?これに近いって書いてあったから・・
http://www.rakuten.ne.jp/gold/livingday/

あなたが完璧なコード書いて、是非質問者を助けてあげてください

757 :Name_Not_Found:2017/05/13(土) 02:51:00.05 ID:l546nhEd
アンカミス
>>755


758 :Name_Not_Found:2017/05/13(土) 03:09:29.50 ID:???
話にならんなw

>>754
レイアウトが崩れている

>>747
癖のあるソースだなw

>>741
レスポンスシブになってない

759 :Name_Not_Found:2017/05/13(土) 03:15:25.18 ID:l546nhEd
揚げ足取られたから書いておくけど
>>725のレイアウトだと一般的なスマホ時に厳しい
だからスマホ定番のレイアウトにしてあるだけ

760 :Name_Not_Found:2017/05/13(土) 04:21:28.16 ID:???
プロの世界と比べて考えてみよう

質問者=お客様
回答者=ウェブ屋

そして顧客の注文通りに作られましたかという話なんだよね

ここで言い訳するようなウェブ屋に仕事が来るだろうかw

761 :Name_Not_Found:2017/05/13(土) 08:09:54.24 ID:???
叩きというかケチというか・・
病んでいるような打たれ弱いヤツは気軽に回答できなくなるだろ
許してやれよ

762 :Name_Not_Found:2017/05/13(土) 11:08:59.62 ID:???
さ、次いこ

763 :Name_Not_Found:2017/05/13(土) 14:21:20.86 ID:l546nhEd
俺がウェブ屋なら君たちは何??

764 :Name_Not_Found:2017/05/13(土) 14:23:53.84 ID:???
自分が作った最高作品・・・を客が気に入って買ってらう。自分も客も満足

VS

客(素人)が言ったとおりの駄作を作って、自分も客も満足できない

765 :Name_Not_Found:2017/05/13(土) 14:55:00.50 ID:???
必死に肯定したい気持ちはわかるが手順を踏んで提案することが信用を勝ち取れるんだよな。
勝手に手を加えて進めるとトラブルの原因になることが多いんだよな。社会人ならあたりまえなんだが。

766 :Name_Not_Found:2017/05/13(土) 15:12:00.23 ID:???
「全ておまかせします」
のお任せしない感はすごい

767 :Name_Not_Found:2017/05/13(土) 15:15:25.73 ID:???
>>761
働いてないような奴が必死に書き込みしてる感じはするわな
考え方がまずおかしいから、こいつ馬鹿じゃね?と思うようなレスしても可哀想だからレスはつけないようにしている。

768 :Name_Not_Found:2017/05/13(土) 15:25:07.61 ID:???
どうしてこの流になったのよw

769 :Name_Not_Found:2017/05/13(土) 15:41:32.85 ID:???
>>768
htmlをちょっと触れる高校生同士が喧嘩してると思う
本業から見ると、言ってることがしょーもなさすぎて相手する気にならんよ。時間がもったいない

770 :Name_Not_Found:2017/05/13(土) 15:54:32.66 ID:???
>>768
久々にまともな質問が来て皆張り切って回答やら意見をした。

数名から?回答されたけど質問者の条件を満たさない回答についてダメだしケチをされ言い訳をはじめる。

社会人ではないような連中だと叩かれる。

以下、いつものパターンで自分より下を作り出そうと必死になってる輩が顔真っ赤にしている状態。

771 :Name_Not_Found:2017/05/13(土) 16:01:58.38 ID:???
>>768
ホラ吹き煽りが住み着いてるから

772 :Name_Not_Found:2017/05/13(土) 16:13:28.65 ID:???
またわいてるのかよw

773 :Name_Not_Found:2017/05/13(土) 16:33:24.08 ID:???
>>764
冗談だろ・・・

774 :Name_Not_Found:2017/05/13(土) 18:11:46.72 ID:???
>>766
逆にガチで何も言ってこないので納品していのか分からないこともw

775 :Name_Not_Found:2017/05/13(土) 18:29:55.50 ID:???
超初心者ですが、質問させてください。
モダンコーディングの意味とそれが指し示すものについて知りたいです。
HTML/CSS、あるいはJS等を書くときに使用するサービスとかある種の型ややり方のようなものですか?

776 :Name_Not_Found:2017/05/13(土) 19:10:47.99 ID:???
漠然としたイメージや概念、姿勢を示すものなので規格のように明確な定義はないよ。

777 :Name_Not_Found:2017/05/13(土) 19:24:55.29 ID:???
>>773
そういうことなんだろ
察してやれ

778 :Name_Not_Found:2017/05/13(土) 19:57:31.26 ID:???
>>773
かわった奴もいるんだから気にすることないぞ

779 :Name_Not_Found:2017/05/14(日) 01:20:55.10 ID:???
>>764
>客(素人)が言ったとおりの駄作を作って、自分も客も満足できない

すげーわかる
変にリクエスト多かったり変なこだわりがあるクライアントの仕事って
結局その人の頭の中にあるイメージをエスパーする事になるから作る方も方向が合ってるか自信ないし
完成度が中途半端で微妙になる
私の頭にある友人Aさんの似顔絵を書いてくださいって特長言われてそのまま書いてもその友人にはならないだろう的な。
しかもその時の好き嫌いや思い付きで一貫性が無く、出来上がったものを見て初めて意見が思い付いたり。

780 :Name_Not_Found:2017/05/14(日) 02:26:20.78 ID:???
なげー

781 :Name_Not_Found:2017/05/14(日) 03:21:19.75 ID:???
社会で活躍してないアレな人なんだろ。
気持ち悪いから早く出ていってくれないかな。

782 :Name_Not_Found:2017/05/14(日) 04:28:39.06 ID:???
自分の思い通りにならなくて逃避や癇癪起こすズレた人って社会に出て大変な思いするんだろうな

783 :Name_Not_Found:2017/05/14(日) 07:46:12.84 ID:???
仕事のできない奴はそんなトラブル起きるのかw
営業がしっかりしていると作る方も楽だぞ。

784 :Name_Not_Found:2017/05/14(日) 14:53:58.75 ID:03F4P+o1
基本的にテンプレ落として、編集するだけだけど
1から作る事なんて有るの?

掲示板も他から落として多用してるし、
唯一まともに触る所は注文が入ったらスマホにメール飛ばせる様にする所ぐらいだしな

785 :Name_Not_Found:2017/05/14(日) 14:55:39.70 ID:???
>>780
必死さが伝わる

786 :Name_Not_Found:2017/05/14(日) 14:58:22.53 ID:???
親要素と子要素にfloatを設定してあると親要素は高さを失わないんです?
https://jsfiddle.net/3Ldbnzts/

787 :Name_Not_Found:2017/05/14(日) 14:59:52.56 ID:???
>>784
企業のキャンペーンページは一から作るものばかりですよ
うちの会社は細かい仕事はあまりとらないので保守とそればかりですかね

788 :Name_Not_Found:2017/05/14(日) 15:03:56.12 ID:03F4P+o1
>>787
確かに1から作成よりも、作成したサイトの保守&点検をお願いします
って言う仕事の方が多くなったな

789 :Name_Not_Found:2017/05/14(日) 15:05:39.25 ID:03F4P+o1
ココ24〜25年仕事してないから、全部 妄想だけど……

790 :Name_Not_Found:2017/05/14(日) 15:12:00.18 ID:???
>>784
テンプレやライブラリを落として、試行錯誤しながら細かい部分をちょこちょこ修正・・・よりかは1から作ったほうが早い
なんも言わんクライアントなら、テキトーなライブラリ入れて一瞬で終わらせることも可能

>>786
そうだけど、その解決方法は止めたほうがいい。結局、親要素の親要素は高さを失うことになる
今ならflexが一番いい
時点でclearfix

791 :Name_Not_Found:2017/05/14(日) 15:15:21.17 ID:???
>>786
float使うと中に囲んだ要素に合わせることになるけど元々高さはせっていしなければ0+paddingやmargin類の大きさになりますよ

792 :Name_Not_Found:2017/05/14(日) 15:17:21.02 ID:???
レス伸びてると思ったらまたわいてるのかw

>>780
わかりやすいよなw

793 :786:2017/05/14(日) 15:18:50.49 ID:???
>>790
>>791
お二方、詳しく教えてくれてありがとうです。
floatは挙動がわからないと使いづらいですね。
いろいろイジッってみたいと思います!

794 :Name_Not_Found:2017/05/14(日) 15:21:44.50 ID:???
>>787
仕事の話を喋れば喋るほど環境がバレるのになw

795 :Name_Not_Found:2017/05/14(日) 15:27:15.85 ID:???
環境がバレて何か問題があるのでしょうか

796 :Name_Not_Found:2017/05/14(日) 15:28:01.28 ID:???
リアルには何もないがここで小馬鹿にされるぐらいじゃね?

797 :Name_Not_Found:2017/05/14(日) 15:29:31.04 ID:???
>>788
保守サイトはやっぱWPが多いの?

798 :Name_Not_Found:2017/05/14(日) 15:29:32.88 ID:???
だよな
コテでもない限りなんの問題もないな

799 :Name_Not_Found:2017/05/14(日) 15:48:36.43 ID:03F4P+o1
ネプテューヌ ゲーム使徒のコードは見やすいな
画像だけ持っていくタイプだが……Firefoxはmp3使えなくてため息が出た

oggに変換して使ったけど……。

800 :Name_Not_Found:2017/05/14(日) 15:59:53.96 ID:???
>>799
URLplz

801 :Name_Not_Found:2017/05/14(日) 16:14:43.08 ID:???
>>797
worldpressは2〜3割程度

802 :Name_Not_Found:2017/05/14(日) 16:27:12.72 ID:03F4P+o1
>>800

どうぞ
http://www.compileheart.com/neptune/v2/

803 :Name_Not_Found:2017/05/14(日) 16:33:16.90 ID:???
>>776
返信遅れてすみません
ありがとうございます
現代風のコーディングをする思想や姿勢、技術と捉えていれば大丈夫でしょうか
フロントエンドの技術の流行り廃りは早いと聞いたもので気になっていました

804 :Name_Not_Found:2017/05/14(日) 16:33:42.53 ID:???
>>802
統一感が無い、見づらい
htmlを直書きで書いてるのか?
footerがここからはじまるよ!えはい、footer!ってアホか
このコメントいらんわ
<!-- footer /////////////////////////////////////////////////// -->
<footer class="global">

805 :Name_Not_Found:2017/05/14(日) 16:34:54.79 ID:???
>>803
それはずっと追い続けるしか無い
今はhtml5.1、css3
とにかくgoogleの機嫌が変わるからどうしようもない

806 :Name_Not_Found:2017/05/14(日) 17:04:24.53 ID:???
また池沼わいてるのかよ

807 :Name_Not_Found:2017/05/14(日) 20:50:06.24 ID:???
>>779だが
俺は誰かと勘違いされているのか?
これに共感できないって事は恐らくデザインは一切してないって事でしょ
それとクライアントの直接やりとりも。
まあ分業だろうし当然だろう。もちろん修正一切無く終わる事も多いよ。
長い文章だけどこれ要約できるならしてみて

808 :Name_Not_Found:2017/05/14(日) 21:13:40.10 ID:???
>>807
どうしようもない。紙芝居にするしかない、というか俺はする
各ページの出来上がりと進行をページごとに印刷して、それを見せる
そこで納得するまでやり直し
納得すれば、それが仕様書だ

809 :Name_Not_Found:2017/05/14(日) 21:22:44.84 ID:???
>>808
いいね。エンジニア経験者の方が論理的でフェーズ毎に区切って考えられるから
口だけの営業よりよっぽどスマートに進行できると思うよ

810 :Name_Not_Found:2017/05/15(月) 03:40:06.71 ID:???
また長文わいてるのかよ

811 :Name_Not_Found:2017/05/15(月) 05:17:33.48 ID:???
>>801
うちの場合半分はWPサイト
最近だとプラグインの開発なんかも頼まれたりしますがほとんどが中小の小さな会社ばかりの保守関連ばかりです
一度で良いから大規模サイトの仕事してみたいです
転職したいけど実績もないので悩ましいですわ

812 :Name_Not_Found:2017/05/15(月) 06:32:53.62 ID:???
老舗や大手に入らないとチャンス少ないだろうね。
新卒でも未経験は厳しくなってきているし無能が増えすぎてふるいにかけないと地雷を抱えてしまう。
実績無ければコピペPGなどの三下は弾かれてしまう。

813 :Name_Not_Found:2017/05/15(月) 07:25:25.01 ID:???
スレチにも程がある
アホなら以降も続けろよ

814 :Name_Not_Found:2017/05/15(月) 09:54:36.10 ID:???
>>805
htmlとcssの仕様策定してるのはgoogleじゃないぞ?

815 :Name_Not_Found:2017/05/15(月) 10:13:42.32 ID:???
>>814
805はseoのことを言ってるんだろうけどおまいが正しいな
糞ダメスレなんだからゆるしてやれ

816 :725:2017/05/15(月) 10:21:07.74 ID:???
>>725です
ごめんなさい。お返事が大変遅くなってしまいました。
みなさんの回答非常に参考になりました!
レスポンシブを1から作るのが初めてなので、スマホとPCの見せ方の差もいまいち掴めておらずご迷惑をお掛けしてしまいすみません。
いただいた記述を参考にしながらやってみます。ありがとうございました!

817 :Name_Not_Found:2017/05/15(月) 11:25:21.22 ID:???
>>816
頑張れよ。

818 :Name_Not_Found:2017/05/15(月) 11:43:41.85 ID:???
>>814
間接的に策定しているとは言えるがな
他のブラウザベンダもそうだが

819 :Name_Not_Found:2017/05/15(月) 11:54:57.20 ID:9G2njbcD
私は北海道で農業をしているのですが、冬はやる事がないのでwebデザインを独学で
習得して、在宅勤務したいのですが可能ですか?
お暇なときで良いので、どうぞよろしくお願いいたします。

820 :Name_Not_Found:2017/05/15(月) 13:27:50.57 ID:???
>>810
たぶんそれ俺だよな?5行6行くらいで文句言われるのかよ。ツイッターと勘違いしてんな

821 :Name_Not_Found:2017/05/15(月) 13:55:04.47 ID:3fdZKYbZ
>>819
よくお世話になる外注さんが
北海道から上京して10年ウェブ製作や紙の仕事して
北海道に家買って戻って半農半ウェブの生活しとるよ

この人なら多少高くても仕方ないか…って思わせるくらいの
クオリティと速さがなければ無理だと思うけど

822 :Name_Not_Found:2017/05/15(月) 15:22:33.95 ID:???
独学でマスターしたつもりになっただけでも
制作会社のプロと同一のフィールドでWEBデザ名乗れる簡単なお仕事です

823 :Name_Not_Found:2017/05/15(月) 18:23:58.34 ID:???
>>819
一度ウェブ屋に就職しないと現実的に無理だろうな。
フリランでやるなら実績が特に必要でそのチャンスすらつかめないのがオチ。

自分の場合は某IT企業の立ち上げメンバーから子会社設立で移籍、そこで2000件ほど顧客掴んで会社大きくしたところで引退。
デザイナーとコーディング14人を引き抜き某IT企業の子会社に移籍。そのあとは管理職を5年経て引退した口だけど、ウェブサイト作るの好きで時々仕事受けてる感じだな。
横の繋がりあると色々仕事も増えて良いぞ。独学と実績なしにフリランは20年前までは通じたけどもう無理だろ。

824 :Name_Not_Found:2017/05/15(月) 18:29:03.25 ID:???
今ならランサーズなんかで実績なしでもokの案件を受注して実績を積んでほそぼそとやるのもあり
基本的には上の人みたいに会社で得たクライアントを引き継ぐ形が一般的だけど

825 :Name_Not_Found:2017/05/15(月) 18:37:47.49 ID:???
基本的にウェブ屋はたくさんあるので人気(実績・料金・会社の規模・設立年数)などで判断されてしまう。
フリランでやるならウェブ屋と繋がりもたないと仕事なんてほとんどとれないのがオチだな。

ちなみにプロの業界では年収500万以下の連中をITドカタとよばれたりもします。

826 :Name_Not_Found:2017/05/15(月) 18:43:35.60 ID:???
コピペPGやコピペフロントエンドのような3流は本職にしようと思わないことが大切です。

827 :Name_Not_Found:2017/05/15(月) 19:04:58.77 ID:???
>>814
htmlなんてchromeとfirefoxから機能あつめてるだけ
htmlもcssもSEOのためみたいなもんだし、googleが作ってると言っても過言ではない

828 :Name_Not_Found:2017/05/15(月) 19:20:13.98 ID:???
>>825
その基準では大半が土方になってしまうような
特にフロントエンドは東京でも500万に届かない求人が大半でしょ

829 :819:2017/05/15(月) 19:33:44.12 ID:9G2njbcD
みなさんありがとうございます。
頑張ってみます!
今回のご縁に感謝します(o^―^o)ニコ

830 :Name_Not_Found:2017/05/15(月) 19:34:39.28 ID:???
>>828
求人経由で入るやつは作業要因。
つまりITドカタだからな。
底辺環境での勤務長いのか?
喉から手が出るほど欲し人材は交渉入社ばかりだよ。

831 :Name_Not_Found:2017/05/15(月) 19:44:28.55 ID:???
>>827
間違いを認めないのは人間としてカス。

832 :Name_Not_Found:2017/05/15(月) 19:46:23.11 ID:???
>>831
反論してみれば〜?

833 :Name_Not_Found:2017/05/15(月) 19:59:06.39 ID:???
>>832
htmlの草案から制定までどこの団体がやっているかも知らんのかよ

834 :Name_Not_Found:2017/05/15(月) 20:01:04.62 ID:???
>>830
そんなのは一握りの上澄みだよ

835 :Name_Not_Found:2017/05/15(月) 20:12:38.98 ID:???
そもそも長くやってりゃデザイン軽視されがちなのは知ってるでしょ

836 :Name_Not_Found:2017/05/15(月) 21:06:22.97 ID:???
デザイン力あれば新規取りやすいよ。
素人は裏側なんてわからないから。

>>830
まともな企業が他社から引き抜きなんて事は安易にやれないはずだがなあ
まあ社風次第か
中途採用でもそれなりの立場になる人もいる実力と経験とタイミング次第

837 :Name_Not_Found:2017/05/16(火) 06:11:06.50 ID:???
そんなの常識だろ

838 :Name_Not_Found:2017/05/16(火) 06:21:07.58 ID:???
>>835
仕事の件数が少ないところには理解できないかもな。

大企業向けウェブサイト
広告・プロモーション・キャンペーン系のウェブサイト
資本金10億以上のECサイト
これらの仕事とるのにどれだけ苦労するか三流には理解できないよなw

会社の信用度、設立年数、規模、評判、実績。
素人でもまず最初に目につけるのがこれだよな。
特に法人なら見た目だけの胡散臭いところと取引なんてしないからなw

839 :Name_Not_Found:2017/05/16(火) 06:24:04.83 ID:???
>>836
デザイン力あれば新規取りやすいと聞いて質問
一案件の平均売り上げどのくらいですか?

840 :Name_Not_Found:2017/05/16(火) 06:25:36.98 ID:???
>>836
引き抜きと交渉入社も区別できないって・・・
Fラン?

841 :Name_Not_Found:2017/05/16(火) 07:15:11.88 ID:???
フリランやってる奴は業者からの下請け的な依頼や部分的なページの作成など小口ばかりだよ
始めて依頼するときは過去の実績を見て判断するが最初にみるのはコードなんだよな

842 :Name_Not_Found:2017/05/16(火) 10:49:03.08 ID:???
マウンティングはじめるバカがでちゃったよ

843 :Name_Not_Found:2017/05/16(火) 11:28:58.89 ID:???
>>840
就職してないような奴もいるから許してやれ

844 :Name_Not_Found:2017/05/16(火) 14:36:47.71 ID:???
大半の求人が年俸500万以下という話に対して三流だなんだというのは話が噛み合ってなさすぎる。
そういう求人ばかりなのは事実でしょうに。

845 :Name_Not_Found:2017/05/16(火) 15:28:44.65 ID:???
どの業界も1流の人は全体からみたら小数なんだよな
あとは2流、3流、パンピーレベルばかりだ

846 :Name_Not_Found:2017/05/16(火) 15:43:00.37 ID:???
それは当たり前の話。
問題は自分の話と統計的な事実を切り分けできずに馬鹿みたいにマウンティングをはじめちゃう精神でしょ。

847 :Name_Not_Found:2017/05/16(火) 15:52:58.06 ID:???
>>843
ここは落ちこぼればかりだよ
わかりきったこと言われてもな〜

848 :Name_Not_Found:2017/05/16(火) 20:03:18.38 ID:???
>>840
そう。Fラン。バカな俺に交渉入社の意味説明してくれないか。
求人と引き引き抜き以外でどういう経由?
つーかそんな言葉ないぞ。ググってみい

849 :Name_Not_Found:2017/05/16(火) 20:17:46.88 ID:???
ゆとりかよw

850 :Name_Not_Found:2017/05/16(火) 20:18:43.90 ID:???
>>839
そんなもんピンキリだよ
デザインはとっかかりでしかなく、最終的にどんな規模のどんな仕様になるか次第。
>>841
残念ながら直受けの場合、蔵でコードなんかみる人いないよ。
大手広告代理店の担当もコードなんか見るわけがない。
仮にある程度わかる人でも、制作会社のコード比較してどっちが優秀かなんてわからない。
むしろソースなんてチェックするのは制作会社が外注出す時か技術者採用する時くらい。

851 :Name_Not_Found:2017/05/16(火) 20:22:26.60 ID:???
>>849
マスリトンって言葉わかるよな?
つまりお前はそういうレベルって事

852 :Name_Not_Found:2017/05/16(火) 20:24:04.93 ID:???
>>839
うちは過去三年で平均したら60〜70万ほど
ウェブ関連の制作限定なら年に650件前後

853 :Name_Not_Found:2017/05/16(火) 20:24:57.30 ID:???
何かもめてるのか?

854 :Name_Not_Found:2017/05/16(火) 20:26:42.73 ID:DDwqwcSg
>>851
横からだけどマスリトンってなんだ?
ぐぐったらネトゲのモンスターがでてきたんだが

855 :Name_Not_Found:2017/05/16(火) 20:27:36.61 ID:???
>>853
馬鹿がマウンティングをはじめておかしくなった

856 :Name_Not_Found:2017/05/16(火) 20:28:21.42 ID:???
>>854
交渉入社って言葉と同じだから気にスンナ笑

857 :Name_Not_Found:2017/05/16(火) 20:34:49.58 ID:???
また基地外が顔真っ赤にして長文書いてるのかよ

858 :Name_Not_Found:2017/05/16(火) 20:35:29.20 ID:???
三流を連鎖NGしとこ

859 :Name_Not_Found:2017/05/16(火) 20:37:51.60 ID:???
内容無いただの煽り入れるだけなら1行すら書くな
反論できないのがバレバレだぞ

860 :Name_Not_Found:2017/05/16(火) 20:40:50.48 ID:???
>>853
正論の唾の吐き合いのような・・
と言うか明らかにズレてる書き込みがあるんだけど本人は正常だと思い込んでるみたい。

861 :Name_Not_Found:2017/05/16(火) 20:41:39.12 ID:???
コーダーの善し悪しは大手クライアントだろうが所詮一般人にはわからない。どうあがいてもこれが現実
コーダーはプロ受けする職種なんだよ。わかる人にはわかるんだからそれでいいじゃない無理すんな

862 :Name_Not_Found:2017/05/16(火) 20:43:33.24 ID:???
そもそも
もめてすらない

863 :Name_Not_Found:2017/05/16(火) 20:43:45.82 ID:???
物事に白黒つけないと気がすまないような精神的疾患が常駐してるだろw
気にすることない

864 :Name_Not_Found:2017/05/16(火) 20:44:43.14 ID:???
結局何でこの流れになったのよ?

865 :Name_Not_Found:2017/05/16(火) 20:45:19.91 ID:???
>>864
いつものホラ吹き長文が暴れてるんじゃね?

866 :Name_Not_Found:2017/05/16(火) 20:46:22.78 ID:???
>>853
ワッチョイ入れた方が言いな

867 :Name_Not_Found:2017/05/16(火) 20:49:15.33 ID:???
>>864
自称一流のマウンティング

868 :Name_Not_Found:2017/05/16(火) 20:49:38.13 ID:???
間違った事を言っているから、現実はそうじゃないよって具体的に理由言ったら
内容の無い煽りがくるだけ
時間無駄にしちまった

869 :Name_Not_Found:2017/05/16(火) 20:52:02.63 ID:???
煽りしてる荒らしを共有アボーンに追い込めるしワッチョイ賛成だな

870 :Name_Not_Found:2017/05/16(火) 20:55:15.98 ID:???
A:HTMLとCSSはマイクロソフトが色々決めて作っているんだよ。そんな事も知らないのかよ
B:違う。W3Cがうんちゃらかんちゃら

A:顔真っ赤で長文wwww
てかどこが作っているかなんて白黒はっきりすることなくね?

まさにこんな状態

871 :Name_Not_Found:2017/05/16(火) 20:55:20.02 ID:???
次スレの>>1置いておくぞ


!extend:checked:vvvvv:1000:512

スレ立ての際は一行目に
!extend:checked:vvvvv:1000:512
と入れてスレ立てして下さい

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問大いに結構。分からない人は何回聞いても結構
・・・

872 :Name_Not_Found:2017/05/16(火) 20:56:54.14 ID:???
>>867
>>865
>>863
>>859
>>858
>>857
>>856
アンカに数制限あるので拾えないけどスレ荒らしは迷惑ですな

873 :Name_Not_Found:2017/05/16(火) 21:01:48.06 ID:???
>>870
間違いを認めない人と物事に対して白黒つけたくなる人が近づくとろくなことにならないよな

874 :Name_Not_Found:2017/05/16(火) 21:15:27.52 ID:???
>>873
前者は面倒臭い正格で済むけど後者は病気だぞ。
確かパーソナリティー・ディスオーダーと呼ばれる病気。

875 :Name_Not_Found:2017/05/16(火) 21:21:29.24 ID:???
>>874
程度問題でどちらも病気
正確には病気ではなく障害だが

876 :Name_Not_Found:2017/05/16(火) 21:24:17.77 ID:???
>>874
リアル基地外いるのかよ

877 :Name_Not_Found:2017/05/16(火) 21:30:24.17 ID:???
>>874

前者がたぶんこれ↓
>>828

後者がたぶんこれ↓
>>850

こいつらの言い合い?

878 :Name_Not_Found:2017/05/16(火) 21:34:30.15 ID:???
今帰ってきた
すまん、煽ったものの一人だけどまだ続いててワロタ
お前ら大勢低すぎるからもうちょっとなんとかしろw

879 :Name_Not_Found:2017/05/16(火) 21:36:12.41 ID:???
htmlなんてchromeとfirefoxから機能あつめてるだけ
htmlもcssもSEOのためみたいなもんだし、googleが作ってると言っても過言ではない

880 :Name_Not_Found:2017/05/16(火) 21:36:25.65 ID:???
病気の人いるみたいだから自重しておけ

881 :Name_Not_Found:2017/05/16(火) 21:36:37.22 ID:???
>>877
そう。しかも前者が>>874
さっきから長文書いてるのも>>874だろ

882 :Name_Not_Found:2017/05/16(火) 21:40:26.35 ID:???
>>879
突き詰めると、htmlもcssもgoogleのために書いてるようなもんだしな
googleが主導権を握ってるのは間違いない

bingのSEO対策してる人っているんだろうか?
楽天は結構いるみたいだけど

883 :Name_Not_Found:2017/05/16(火) 21:46:57.36 ID:???
javascriptとphpもGoogleが作っているといっても過言ではない

884 :Name_Not_Found:2017/05/16(火) 22:24:21.10 ID:???
>>882-883
バカだろ普通に

885 :Name_Not_Found:2017/05/16(火) 22:25:53.43 ID:???
噂のパーソナリティー・ディスオーダーがわいとるw

886 :Name_Not_Found:2017/05/16(火) 22:28:04.64 ID:???
jsは知らんが、phpは既存の言語からいいとこどりしまくってるだけだな
googleとは関係ないわ

887 :Name_Not_Found:2017/05/16(火) 22:29:59.97 ID:???
>>879
よう基地外

888 :Name_Not_Found:2017/05/16(火) 22:41:50.66 ID:???
では、Java/HTML/CSSもGoogleが作っている事にしておいてくれ

889 :Name_Not_Found:2017/05/16(火) 22:50:10.70 ID:???
jsをJavaというのだけは許さん

890 :Name_Not_Found:2017/05/16(火) 22:56:34.32 ID:???
インドネシアのことをインドと呼ぶのも許さん

891 :Name_Not_Found:2017/05/17(水) 00:33:09.28 ID:???
>>886
リアルに病気みいたいだしもう許してやれ

892 :Name_Not_Found:2017/05/17(水) 01:27:18.74 ID:6d0mOdnf
cssの変更について
白い部分のカラー変更
http://fast-uploader.com/file/7050507266979/

どこにのcssを変更すれば良いの解らない状況です

893 :Name_Not_Found:2017/05/17(水) 01:44:32.92 ID:???
交渉入社ってなんだ?ググってみたけどそれっぽいの出てこない

引き抜きって他社の人間に話を持ちかけて自分とこに引っ張ってくることだけど
交渉入社の方はその他社相手に「おたくの○○さんを是非うちに譲ってくれませんか?」って直接お願いするとか?

いや完全な想像だけど w

894 :Name_Not_Found:2017/05/17(水) 01:52:00.03 ID:???
>>892
Firefox使ってるんだったら気になる部分でコンテキストメニューの要素を調査で調べれ

895 :Name_Not_Found:2017/05/17(水) 01:54:04.91 ID:???
パーソナリティー・ディスオーダー来たw

896 :Name_Not_Found:2017/05/17(水) 01:55:14.18 ID:6d0mOdnf
経験入社の間違いじゃない?
もしくは、ヘッドファンティング?

4コマでなら、同じ系列の会社と人材をトレードしてた
( 参考資料:据次タカシの憂鬱 )

897 :Name_Not_Found:2017/05/17(水) 01:58:21.77 ID:???
取引先から引き抜くなんてことは倫理に反するし何なんやろね

898 :Name_Not_Found:2017/05/17(水) 01:59:18.91 ID:6d0mOdnf
クロームだと、1秒で開くのにfirefox3秒くらい掛かる気がする(体感時間)
自分でも、なんで、使ってるのか解らんw

899 :Name_Not_Found:2017/05/17(水) 03:05:00.28 ID:???
>>898
html5対応ブラウザならEdgeが速いよ

900 :Name_Not_Found:2017/05/17(水) 03:18:30.41 ID:???
>>893
上級国民的な慣習とかあるんじゃね?
レス呼んでも年収390万の俺には良くわからん。

901 :Name_Not_Found:2017/05/17(水) 03:26:26.42 ID:???
>>883
マジかよこれは酷いな・・

>>839
平均したら約30万
コーディングの仕事だけで月300〜400万の小さな会社だけど保守管理が順調に伸びてますよっと

902 :Name_Not_Found:2017/05/17(水) 03:54:18.11 ID:???
>>897
会社役員が関係会社でもない別の会社に移るのは良くある話だよ。それは引き抜きではないと思うけど大きな会社なら取締役がライバル社に籍を移すことも珍しくはない。
因に自分も経験したことありますよ。

903 :Name_Not_Found:2017/05/17(水) 05:03:22.96 ID:???
>>902
それはまったく問題ない
問題は取引先

904 :Name_Not_Found:2017/05/17(水) 05:03:37.79 ID:???
ウェブサイト制作歴10年以上でフリーでも会社員でも年収500万以上の方いますか?

905 :Name_Not_Found:2017/05/17(水) 06:13:35.50 ID:???
8年目で年収330万
安くてやってられないよ

906 :Name_Not_Found:2017/05/17(水) 08:10:43.92 ID:???
>>897
普通にあるぞ
大企業になると、上の人らは取引先でも敵対関係でも仲がいい

907 :Name_Not_Found:2017/05/17(水) 08:16:31.00 ID:???
>>906
大企業だとむしろそんなことをしたら完全にアウトなんだが
社外取締役と勘違いしてないか?

908 :Name_Not_Found:2017/05/17(水) 08:19:13.43 ID:???
>>907
それ

909 :Name_Not_Found:2017/05/17(水) 10:43:19.90 ID:???
>>906
うちの親会社それだわ

910 :Name_Not_Found:2017/05/17(水) 11:17:48.25 ID:???
自分の職場にもライバル会社を辞めてから入社する人が毎年いるけど元いた職場に話を通してる人とそうでない人は半々だな

911 :Name_Not_Found:2017/05/17(水) 13:00:42.99 ID:???
>>907
察し

912 :Name_Not_Found:2017/05/17(水) 14:35:21.86 ID:???
>>904
管理者サイドにまわれない所謂作業要員であるITドカタは350以下ばかりですね。
規模の小さな弱小会社やフリランで稼ぐなら経験と実績が最重要。

自分の例になるけど500以上稼ぐなら、一度大手や老舗のウェブ屋に就職して経験と実績を積み重ねる。
フリランになって稼ぐのは周囲から認められないと厳しいです。

913 :Name_Not_Found:2017/05/17(水) 14:51:14.50 ID:???
またでたよ

914 :Name_Not_Found:2017/05/17(水) 15:22:36.66 ID:???
>>912
フリーランサー系で仕事してるやつもピンキリ
まあ圧倒敵に稼げない奴が多いとは思うけど・・

915 :Name_Not_Found:2017/05/17(水) 16:20:03.97 ID:???
>>906
これだな

>>907
こっちは理解不能

916 :Name_Not_Found:2017/05/17(水) 17:10:12.66 ID:???
>>915
場合によるんじゃね?

917 :Name_Not_Found:2017/05/17(水) 17:25:48.79 ID:???
自演しまくりのやつがいそうだな

918 :Name_Not_Found:2017/05/17(水) 18:33:56.84 ID:???
この業界は15年以上前から分業化が確定されていて後から参入した人達は他のビジネスと違い圧倒的に不利なんだよな。

919 :Name_Not_Found:2017/05/17(水) 19:56:06.45 ID:???
>>873
>>874
>>875
おまえら(同一人物かもしれないが)、
>>870を見てAではなくBがおかしいと思うなんて本気でやばいぞ。
大丈夫か?

920 :Name_Not_Found:2017/05/17(水) 20:03:32.04 ID:???
交渉入社なんて言葉はない
お前の頭の中にしかない単語と意味を誰が理解できるんだよw
中学生がよくやりそうなやつだな。いきさつ考えるとこっちまで恥ずかしくなってくる

921 :Name_Not_Found:2017/05/17(水) 21:36:45.82 ID:???
また煽り荒らしわいてるのか

922 :Name_Not_Found:2017/05/17(水) 21:41:00.49 ID:???
>>776
>>803
>>805
>>814
>>827
こいつだろ

923 :Name_Not_Found:2017/05/17(水) 21:42:03.15 ID:???
>>921
自演と間違いを認めない奴と真性

924 :Name_Not_Found:2017/05/17(水) 22:02:25.72 ID:???
またわいてるのかよ

925 :Name_Not_Found:2017/05/17(水) 22:05:59.85 ID:???
>>919
俺は875だがAがヤバイのは完全に同意

926 :Name_Not_Found:2017/05/17(水) 22:07:23.36 ID:???
>>922
質問している初心者は関係ないと思う
問題は答えている人だな

927 :Name_Not_Found:2017/05/17(水) 22:36:52.96 ID:???
>>926
完全に基地外が住み着いてますわ

928 :Name_Not_Found:2017/05/18(木) 06:20:18.64 ID:???
おすすめのエディタとかツールありますか?

929 :Name_Not_Found:2017/05/18(木) 06:21:25.43 ID:???
StyleNoteいいよ

930 :Name_Not_Found:2017/05/18(木) 09:25:58.06 ID:???
videoタグって背景動画として扱う場合、HTMLとCSS分離の理に反すると思うのですが、どうするのが本当の仕様に沿った使い方なのでしょうか?

931 :Name_Not_Found:2017/05/18(木) 10:36:17.82 ID:???
html作成時にcssやJavaScriptを読み込むことで質問です。
数行のスクリプトを記述するのにjqueryを読み込ませるのはありでしょうか?
html作成の観点からメリットとデメリットが知りたいです。

932 :Name_Not_Found:2017/05/18(木) 11:35:54.17 ID:???
>>931
デメリットばかりで無駄だよ。

JQはゆとり教育の産物みたいなもの。

933 :Name_Not_Found:2017/05/18(木) 13:56:21.12 ID:???
>>931
コンマ数秒の違いでも数をこなすと膨大になるからね
数行で済むなら標準の書き方を選択するべき

934 :Name_Not_Found:2017/05/18(木) 18:19:38.29 ID:???
数行の処理で済むならJQ読み込ませる必用ないだろ
普通に書くと難しかったり面倒なことがあるから使うのであって、古いブラウザでも動くような処理内容ならダメなコーディングだぞそれ

935 :Name_Not_Found:2017/05/18(木) 18:50:53.18 ID:???
>>930
別に反してないと思う
videoはそれ自体が内容だからなぁ

>>931
俺は100%読み込ませるかな
自分用のテンプレがあり、その時点で読み込ませているから外すほうがめんどくさい

936 :Name_Not_Found:2017/05/18(木) 19:00:35.49 ID:???
書き方はそれぞれだが小さい規模のサイトなら使ってもそれほど影響ないんだよな。
人気サイトとなるとJQ使うこと自体ありえない。

937 :Name_Not_Found:2017/05/18(木) 19:02:20.25 ID:???
>>930
まずいつも書いてるコード見せろ

938 :Name_Not_Found:2017/05/18(木) 22:01:00.42 ID:2OZ1IwXh
flexの一行目だけに特定のスタイルを適用するにはどうしたら良いのでしょうか

939 :Name_Not_Found:2017/05/19(金) 01:34:30.34 ID:???
俺も基本はjQuery本体をまず読ませておく。
どうせ使うのわかっているからviewportやらIE=edgeと同じようにテンプレ
ほとんど更新・編集しないようなサイトなら不要だけど、ガシガシ更新するサイトばっかりだし

940 :Name_Not_Found:2017/05/19(金) 01:39:58.24 ID:???
ただのロールオーバーやスムースズクロールでさえブラウザ対応考えたらjQueryの方が圧倒的にラク
それすら使わないサイトなんてまずないし

941 :Name_Not_Found:2017/05/19(金) 02:58:24.01 ID:???
自分はどちらかというとコピペPGだからできるだけ変更しないように使っている。
だいたい標準の書き方で覚えてないからjq無しとか考えられん

942 :Name_Not_Found:2017/05/19(金) 04:54:17.40 ID:???
ブラウザ内のどれかのサイトが、
同じバージョンのjQuery, Angular などを読み込ませていれば、
キャッシュが効くから、ダウンロードしなくても、既にメモリ上にある

数行のコードと言っても、ブラウザのバージョンによる、
互換性で動かないこともあるから、jQueryが楽

jQueryを使っていなければ、自分で調べるのがキツイ。
Array.prototype.forEach()は、IE9 からとか一々、考えるのが面倒

943 :Name_Not_Found:2017/05/19(金) 08:35:45.62 ID:???
新規案件だとブラウザ対応なんてほとんど考えないけどな
まぁ案件によるけど。大抵はIE11以上、他ブラウザはラスト2バージョンってとこだわ

944 :Name_Not_Found:2017/05/19(金) 10:45:42.49 ID:???
>>931

メリット
グロスブラウザを意識する必用が無くなる(習得できてない人でも挙動問題を解決)
楽して短く書ける(最大のメリットはこれ)
プラグインが多く組み合わせることによって目的の処理が容易に実装できる(開発プログラマーではなくてもプラグインさえあれば実現できる)


デメリット
ネイティブより実効時間が遅くなる(アクセスの多いサイトでは致命的)
リクエストが発生する(アパッチログを見れば一目瞭然)
更新させずに公開を続けておくとセキュリティーホールとなる(古いバージョンは危険)



結論として主の質問に対しては

数行の処理を記述する場合でもJavaScriptを習得されていない人はjQueryを使うのが無難です。
習得されているプログラマーは使う必要性はほとんどありません。

945 :Name_Not_Found:2017/05/19(金) 14:59:09.25 ID:???
確かに組み合わせるだけで目的を簡単に達成できるわな

946 :Name_Not_Found:2017/05/19(金) 15:25:38.29 ID:???
>>938
:nth-child(1)とかの疑似クラスとかか?

947 :Name_Not_Found:2017/05/19(金) 15:27:33.01 ID:???
ReactやAngularみたいにコンフリクトするものもあるからjQueryをちょこっと拡張するだけが楽だよ。
jQueryからプロトタイプチェーン学んで、重複コード減らしたり、コード改変の影響を減らすための保守性を身に付けた。

javascriptって癖が強いくせにライブラリのバージョンや流行で学習コストの無駄が多くなりがちだから深追いしないで楽しむべきだよ

948 :Name_Not_Found:2017/05/19(金) 16:53:44.96 ID:???
最大のメリットデメリット一つずつなら

メリットは標準のjsを知らなくてもクロスブラウザ対策が勝手に行われる。これがあるから使う人が多い。

デメリットは実効時間が遅くなる。10倍以上かかる場合もある。

これだな。

949 :Name_Not_Found:2017/05/19(金) 17:01:21.68 ID:???
>>943
大手のBtoBだとブラウザチェック希望の会社が多いのでブラウザ対応はちゃんと考えるなー

950 :Name_Not_Found:2017/05/19(金) 18:21:01.75 ID:nOjhQJXN
>>946
そういう指定ができたら理想的なんですが、
疑似クラスではできなそうなんですよね。。

951 :Name_Not_Found:2017/05/19(金) 19:32:42.92 ID:???
実行時間って何秒が何秒ぐらい?
0.01秒が0.1秒になってもさほど変わらん
10秒が100秒になったら死ぬけど

952 :Name_Not_Found:2017/05/19(金) 20:06:10.34 ID:???
>>950
とりあえずソースだ!
ソースを持ってこい!
ソースがないと捗らないんだ!
うおおおぉぉぉッ!

953 :Name_Not_Found:2017/05/19(金) 20:14:07.44 ID:???
一行目って
<p>aaa<br>bbb</p>
のaaaの部分?

954 :Name_Not_Found:2017/05/19(金) 20:19:50.15 ID:???
通りすがりの者です。
45万と70万PVのサイトを管理している者だけどjQueryは手抜き技であって小規模サイト向けですよ。

>>944
>>931
自分の管理している70万PVのサイトではjqueryが使用されていて泥沼にハマった状態です。
Apacheのログを見るとjqueryのlibraryファイルだけでも日に40万件以上もアクセスがあります。

45万PVサイトの方は懲りたので全く使用していません。

jqueryは手軽に実装できますが、ある程度アクセス数のあるサイトでは邪魔でしかないです。

955 :Name_Not_Found:2017/05/19(金) 20:31:04.06 ID:???
アクセスが多いのがデメリットというなら
別に jQuery でなくとも外部 js 全部にあてはまるんでは?

956 :Name_Not_Found:2017/05/19(金) 20:34:50.63 ID:???
自分の運用してるとこ160万〜200万PVぐらいだけどApacheのログにずらずらと出るjQuery等のライブラリなんて負担になるか?
データベース等でキャッシュ等の設計ミスでロードアベレージ激増したり落ちたりしたことあるけど。

957 :Name_Not_Found:2017/05/19(金) 20:42:03.31 ID:???
>>954
邪魔って何が邪魔?
専サバならそれぐらいのリクエストは余裕でさばけるけど

958 :Name_Not_Found:2017/05/19(金) 20:45:38.54 ID:???
手軽に実装できるんだからいいことばっかだろ。
俺はjavascriptキッチリかけますよ!って自慢かな?
なんでもかんでも効率化だよ。gulpも使ったことないんだろうなぁ

959 :Name_Not_Found:2017/05/19(金) 20:48:28.00 ID:???
javascriptでかけるならそれに越したことはない
俺は書けないからjQueryにもたれかかってるわ

960 :Name_Not_Found:2017/05/19(金) 20:51:36.36 ID:???
>>955
外部jsとかほんと迷惑でしかない
極力使いたくないわ

961 :Name_Not_Found:2017/05/19(金) 21:46:13.11 ID:nOjhQJXN
>>952>>953
コンテナにサイズ不定の要素が複数入いる感じです。要素数も不定です。

こんな
https://jsfiddle.net/to6qbhtd/1/

962 :Name_Not_Found:2017/05/19(金) 21:49:56.05 ID:???
ただのテキストデータでさえ負荷に感じるなんてな
youtubeなんて動画にレコメンドにサムネイルに大変な事だな

963 :Name_Not_Found:2017/05/19(金) 22:10:59.48 ID:???
>>961
https://jsfiddle.net/mxrxdesg/
マイナスマージン+z-indexで、最初の要素を上にかぶせる

964 :Name_Not_Found:2017/05/19(金) 22:20:25.86 ID:nOjhQJXN
>>963
なるほど、ボーダー分ずらして重ねてしまうわけですか。
でも二行目の方が大きくなった場合、はみ出した部分にも付いてしまいますね…

965 :Name_Not_Found:2017/05/19(金) 22:26:41.29 ID:???
>>959
自分も同じくまともに書けないからjq使い

966 :Name_Not_Found:2017/05/19(金) 23:11:18.85 ID:???
世の中にはアンチjQueryがいるが、
奴らの言っていることをよく聞いてみろ。

1. jQueryやめて、もっと大変なフレームワーク導入しようぜ!
黒い画面のビルド環境使って開発するんだ!

2. jQueryやめて、冗長な書き方をしようぜ!
jQueryと書き方は全く変わらない。
単に使う命令がjQueryよりも冗長なだけだ


このどちらかだからさw

どちらもデメリット多すぎだが、それを
最近のトレンドは〜みたいなしたり顔で語ってごまかしてる

967 :Name_Not_Found:2017/05/19(金) 23:15:36.42 ID:???
</body>の手前でjs読み込みさせている個人ブログとかあるけどあれは意味あるの?

968 :Name_Not_Found:2017/05/19(金) 23:18:24.15 ID:???
>>965
まともに書けないと言うか短く書けるのとブラウザの挙動合わせが楽だから使う人が多い。

969 :Name_Not_Found:2017/05/19(金) 23:23:23.06 ID:???
>>964
あーそのパターンがあったか
お手上げだ

970 :Name_Not_Found:2017/05/19(金) 23:25:21.88 ID:???
> ブラウザの挙動合わせ

それいうと、最近のブラウザは挙動の違いはないとか
言ってくるやつがいるが、jQueryのソースコードを見ればわかるが
今でも比較的最近のブラウザのバグ対応なんかがあって、

挙動に違いはない? お前の基準が低すぎなだけだなって
結論になるよな

971 :Name_Not_Found:2017/05/19(金) 23:27:11.84 ID:???
>>968
全くその通りだと思うけどjq使いは新しい技術を開発したりライブラリを公開したりするのではなく既存技術をコピーして取り合えず動作することを目的としたコピペPG所謂ITドカタばかりだよ

972 :Name_Not_Found:2017/05/19(金) 23:31:44.54 ID:???
>>970
数年前に比べたら意味合いが薄れてきているのは理解できるが、特に気にせずに書けるのはjqのメリットの一つだよな
自分はjs書けるので極力読ませてはいないけど・・やっぱ面倒だと感じる人はいるでしょ

973 :Name_Not_Found:2017/05/19(金) 23:43:32.51 ID:???
jq書けるのにjs書けない人みると、何だか悲しくなる

974 :Name_Not_Found:2017/05/19(金) 23:44:45.98 ID:???
jsって難しくね?

975 :Name_Not_Found:2017/05/19(金) 23:55:29.00 ID:???
>>971
お前は、新しい技術を開発したりライブラリを公開しろよw

976 :Name_Not_Found:2017/05/20(土) 00:33:59.66 ID:???
>>967
実行を遅らせたいんでしょ

977 :Name_Not_Found:2017/05/20(土) 00:36:42.24 ID:???
>>967
その書き方は古い。悪しき慣習
head内でこう書くべき
$(function() {
//処理
});

978 :Name_Not_Found:2017/05/20(土) 01:01:46.18 ID:qrClou0j
head内で読み込むとレンダリングブロックするんじゃなかったっけ
特にjqueryとかプラグインを多く使うならなおさら

979 :Name_Not_Found:2017/05/20(土) 01:35:26.58 ID:???
931の質問者です。

>>944
>>948
メリットとデメリットの提示ありがとうございました。
行数に関わらずJavaScriptで書けるなら、それに越したことがないみたいですね。
ありがとうございました。

980 :Name_Not_Found:2017/05/20(土) 03:56:19.92 ID:???
jQuery ごときの読み込みは、YouTube, 755 などの、
数十にも及ぶ、画像の読み込みからすれば、微々たるもの

そもそも、通信データの99%は、動画だし

>>967
先に、HTML, CSS を読み込ませて、
JavaScript 実行前に、ひとまずサイトを読めるようにする

981 :Name_Not_Found:2017/05/20(土) 04:27:41.86 ID:???
</body>の直前に書くことで確かに表示は速くなるけれど
</body>直前までJavaScriptの処理が行われないことを
指摘してるところってないよなー

そのせいでページが表示し切るまでに画像をクリックすると
ポップアップじゃなくてページ移動になるとかいう問題が
おきたりするのに

982 :Name_Not_Found:2017/05/20(土) 09:33:47.70 ID:???
何度試してもググってもわからなかったので質問させて頂きます

headerに、画像を全画面表示させて、各セクションで画像が切り替わるシングルページレイアウトを作りたいのですが、
headerのbackground-sizeをcoverに指定しても画像が半分で途切れてしまいます。CSSはこんな感じです・・・

.header {
background: url('../images/header.png') no-repeat fixed left bottom;
background-size: cover;
}

ヘッダー画像の上にfont-awesomeのアイコン4つ乗せてるんですが、ちょうどそこで途切れてる感じです

.link-icon {
width: 10px;
margin: 0px;
font-size: 4rem;
color: #ff1493;
list-style: none;
}

試しにbodyにheaderに記載した物を書くと、全画面表示されてわけがわかりません・・・
どなたかご教授願いないでしょうか?初心者で質問内容がおかしかったらすみません

983 :Name_Not_Found:2017/05/20(土) 09:36:36.54 ID:???
>>981
それは
$(function()〜
でも同じじゃないか?

>>982
https://jsfiddle.net/
を使うといいよ
日本語だと分かり辛い上にhtml書くのめんどくさい

984 :Name_Not_Found:2017/05/20(土) 09:52:58.71 ID:???
>>982
padding指定しないといけない

985 :Name_Not_Found:2017/05/20(土) 11:11:12.71 ID:???
>>983
> $(function()〜
> でも同じじゃないか?

そうだよ?
だからページを早く表示させるのではなくて、
正しく機能させるには次の書き方をする方がいい

$(document).on('click', '.class', 〜) など


$(function()〜は使わなくていい。いきなり上のように書いていい。
なぜなら$(function()〜はそもそも、DOMが全て構築させるのを待つためであり
</body>の直前などコードを入れた時点でDOMが作られていると
確定できるならば使う必要がないから

documentはヘッダの部分であってもすでに存在していると確定しているので
すぐに使えるし、また後から出現した要素であっても機能する

986 :Name_Not_Found:2017/05/20(土) 11:45:13.84 ID:???
>>980
だから何?

987 :Name_Not_Found:2017/05/20(土) 11:47:52.38 ID:???
>>985
あぁごめん、head内の事として書いたんだ
</body>直前に$(function()~は意味がないw

988 :Name_Not_Found:2017/05/20(土) 11:49:22.83 ID:???
結局どう書くのが早いかってーと、外部ファイルにせずhead内scriptタグにjQueryの文字列をぶち込むのが一番早い
phpで制御すればそこまでややこしくもないはず

989 :Name_Not_Found:2017/05/20(土) 11:50:58.26 ID:???
コピペPGのズレた回答は異常だな

990 :Name_Not_Found:2017/05/20(土) 11:53:03.64 ID:???
>>988
平気でウソをつくなよ

991 :Name_Not_Found:2017/05/20(土) 11:56:33.21 ID:???
ネイティブjsとjq経由の記述で同じ処理をした場合の実効速度は比べるまでもなくネイティブjsが速いんだけどな。

992 :Name_Not_Found:2017/05/20(土) 11:58:06.73 ID:???
>>988
phpにもせずに生テキストでhtmlにすれば爆速

993 :Name_Not_Found:2017/05/20(土) 11:59:17.82 ID:???
>>990
書くのがというこどだろ。
まあ入力補完機能が完成されている環境で入力できるなら、書く速さも優位性なくなるわけだからjq使う意味は全くなくなるが・・

994 :Name_Not_Found:2017/05/20(土) 12:01:57.54 ID:???
>>988
実はgoogleがそれ
もちろんjQueryじゃなく生jsだけど、jsもcssもヘッダ内にベタ書きしてる

995 :Name_Not_Found:2017/05/20(土) 12:02:42.91 ID:???
>>987
念の為に言っておくけど、俺もheadに入れるって話をしてるからね

$(document).on(なんとか, '.class', function() 〜

であればheadに入れて問題なく動く。
ページが全て表示されていなうても機能する万能な方法

996 :Name_Not_Found:2017/05/20(土) 12:03:10.45 ID:???
jQueryは自称プログラマーやフロントエンドにお似合いのツールだということは間違いない。
ネイティブjs書けない時点で察しもんだろ。

997 :Name_Not_Found:2017/05/20(土) 12:03:58.95 ID:???
>>994
> もちろんjQueryじゃなく生jsだけど、jsもcssもヘッダ内にベタ書きしてる

べた"書き"はしてない。

別のファイルに分けて書いて、なんらかのツールやシステムで
ヘッダに埋め込んでるだけ

998 :Name_Not_Found:2017/05/20(土) 12:04:15.21 ID:???
>>994
JQ使うと遅くなるからな

999 :Name_Not_Found:2017/05/20(土) 12:04:42.42 ID:???
>>997
当たり前だろw

1000 :Name_Not_Found:2017/05/20(土) 12:04:47.78 ID:???
>>996
jQuery書ける人の殆どはネイティブjsでもかける
なぜならjQuery書ける人=当然jQueryプラグインもかける人は
そのjQueryプラグインをネイティブjsを使って書くから

1001 :1001:Over 1000 Thread
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。
life time: 70日 0時間 2分 23秒

1002 :1002:Over 1000 Thread
2ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


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

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

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

▼ 浪人ログインはこちら ▼
https://login.2ch.net/login.php

244 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)