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

1

： Name_Not_Found [] 2018/03/14(水) 22:52:37.78

ID

:zpiIOMwj

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

■次スレについて
基本的にレスナンバー

>>980

を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（

>>980

を取った場合も）
立てられない事が予め分かっている場合は、

>>980

付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 31
ttps://mevius.5ch.net/test/read.cgi/hp/1517028608/

■関連スレ
Webサイト制作初心者用質問スレ part248
ttp://mevius.2ch.net/test/read.cgi/hp/1494150188/

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

■CSS
Selectors Level 4 日本語訳
ttps://triple-underscore.github.io/selectors4-ja.html

2

： Name_Not_Found [sage] 2018/03/14(水) 22:53:31.81ID:???

　
↓こっちが本スレです


HTML/CSS のどんな質問に必ず優しく答えるスレ 32
ttps://mevius.5ch.net/test/read.cgi/hp/1519547237/


　

3

： Name_Not_Found [sage] 2018/03/14(水) 22:59:39.03ID:???

じゃあそっちで好きなだけscssの話ししてろ。絡んでくるな。

4

： Name_Not_Found [sage] 2018/03/14(水) 23:00:08.20ID:???

断るｗ

5

： Name_Not_Found [sage] 2018/03/14(水) 23:00:39.39ID:???

俺の巡回先が一つ増えただけのこと

6

： Name_Not_Found [sage] 2018/03/15(木) 07:19:30.23ID:???

>>1

乙

7

： Name_Not_Found [sage] 2018/03/15(木) 19:23:13.07ID:???

■回答はSass/Scssを前提としないこと
　CSSでの回答とし、要望があった場合のみSass/Scssでも可

8

： Name_Not_Found [] 2018/03/15(木) 20:02:50.86

ID

:wOWYsGva

そういう余計なこと書くからややこしくなる

9

： Name_Not_Found [sage] 2018/03/15(木) 21:36:59.07ID:???

んじゃ

■回答はSass/Scssではしないこと

10

： Name_Not_Found [sage] 2018/03/15(木) 22:50:32.31ID:???

SassやScssの話はも抜けへ行くこと

11

： Name_Not_Found [sage] 2018/03/15(木) 22:53:47.86ID:???

うむ、わかりやすくなって申し分ない

12

： Name_Not_Found [sage] 2018/03/16(金) 06:05:09.78ID:???

趣味で個人サイトを運営している者です
CSSの、@importについてなのですが、

(1)
ネット上で、
「読み込み速度が低下するので使わない方がいい」
という記事を見かけます
しかし私の体感では、
読み込み速度にそこまで大きな差はないような気がするので、
どのように理解すればいいのか、戸惑っています

単純に「速度が低下する」ということではなく、より具体的に、
例えば
・閲覧環境（ブラウザ・媒体等）によっては大きな遅延が発生する
・商用サイトでは影響が大きい
など、
どのような問題があるのか、
また、個人で運営するサイトでも考慮すべき問題なのか、
教えていただきたいです

(2)
「@importの弊害」と言われる物について
読み込み速度の低下以外に、
何か別の問題がありましたら、教えていただきたいです

13

： Name_Not_Found [sage] 2018/03/16(金) 07:48:11.69ID:???

「読み込み速度が低下するので使わない方がいい」のソースは？

そりゃ厳密にいえばＣＳＳをロードしてその中を解読してimportがあったらもう１回別のファイルをリクエストにいくし
import先と元で同じ要素の記述があったらオーバーライドでパーズにも無駄が生じるし
「しないよりは遅くなる」は正しいけど

50msecが100msecになるとかその程度の話
importしてページアクセスしてみて自分で問題を感じなければ無視していい

ただガラケーとか細い回線つかってるスマホとかに対しては
速度よりも容量的な意味でＣＳＳの無駄をなくす配慮は多少あってもいいかもね
まあ馬鹿でかいjQueryとか動画ロードさせるサイトであふれてるしすずめの涙だとおもうけど

14

： 12 [sage] 2018/03/16(金) 08:55:56.94ID:???

>>13

ソースはいずれも個人サイトと思われるので、
具体的なURLをさらすことは控えたいと思いますが、
「@import 速度」などで検索した場合に、
検索結果の上位に表示されるようなサイトです

自分で問題を感じなければ大丈夫とのことで、安心しました

容量についてはまったく気配りができていませんでした
大きめの画像に比べればCSSファイルの方がずっと軽量なので、
おそらくガラケー等でも大きな障害にならないと思いますが、
意識して見てみたいと思います

また、import元と先とで記述が衝突しないよう、注意したいと思います

回答ありがとうございました

15

： Name_Not_Found [sage] 2018/03/16(金) 10:28:03.35ID:???

>>13

その辺にプラスして、@importでネックになるのはファイル数に応じてHTTPリクエストが増えることだわな
毎回ハンドシェクからやる、サーバの負荷も増える、クライアントでもファイル待ちの遅延がある、あんまりいいことがない
昔は複数に分けて書いたjsファイルも、最後には１つにマージしてからサーバに置いてたもんだけど、今は違うのかな？

16

： Name_Not_Found [sage] 2018/03/16(金) 10:41:59.35ID:???

webフォント使う時代に気にするほどのことじゃないな

17

： Name_Not_Found [sage] 2018/03/16(金) 11:57:25.32ID:???

逆に考えるんだ。
モバイルで遅いので簡単に速くしたい、こういうとき、@importは解消し、日本語Webフォントはやめる。どうしても使いたいならせめてサブセット化

18

： Name_Not_Found [sage] 2018/03/16(金) 20:59:16.75ID:???

見通しが悪くなるから、HTMLから普通に2個呼んだ方がいい
というのは見かける

19

： Name_Not_Found [sage] 2018/03/16(金) 22:57:23.43ID:???

>>15

> 昔は複数に分けて書いたjsファイルも、最後には１つにマージしてからサーバに置いてたもんだけど、今は違うのかな？

今はそれをsassでやるよ
sassで@importを使うと、そのファイルをマージしてくれる


【Sassで解決】CSSの@importはどれだけ悪影響なのか自分で試してみる
ttps://dev.classmethod.jp/ria/html5/css-import-no-parallel-load-sass/


更にsassはファイルを結合するだけじゃなく、空白改行などを削って
サイズを小さくしてくれたりする

20

： Name_Not_Found [sage] 2018/03/16(金) 23:00:50.11ID:???

あ、jsファイルのマージの話じゃないからねｗ
CSSファイルのマージの話。

21

： Name_Not_Found [sage] 2018/03/16(金) 23:52:34.48ID:???

出た！Sass ！ｗｗｗｗｗ

22

： Name_Not_Found [sage] 2018/03/17(土) 00:00:01.90ID:???

そりゃでるでしょ。それが解決策なんだから

23

： Name_Not_Found [sage] 2018/03/17(土) 00:10:10.05ID:???

sassとかバカか

24

： Name_Not_Found [sage] 2018/03/17(土) 00:12:06.19ID:???

解決策はお前が自分で立てたスレ↓に引っ込むことだろ
ttps://mevius.5ch.net/test/read.cgi/hp/1519547237/

25

： Name_Not_Found [sage] 2018/03/17(土) 00:12:47.49ID:???

基本的にcssの問題点を解決するものだから、
cssでできないことがあったらsassに手を出すのが良い
文法は互換性があって、すべてのcssはsassとしても使える

26

： Name_Not_Found [sage] 2018/03/17(土) 10:40:42.30ID:???

>それが解決策

この人なんでこんなにずれてるの？
話にならないレベルだね
荒らしが目的なんだろな

27

： Name_Not_Found [sage] 2018/03/17(土) 18:45:20.17ID:???

フォントの英文名の調べ方ってどうやるんですか？
Windows10の「フォント」から調べても
Yu Gothic UI Semilight
とかやたら長く書いてあって、どこからどこまでか分かりません
結局ネットで検索して書いてます

28

： Name_Not_Found [sage] 2018/03/17(土) 21:22:27.75ID:???

>>27

それ全部でフォント名

29

： Name_Not_Found [sage] 2018/03/17(土) 21:54:01.14ID:???

>>28

でも
Yu Gothic UI Semilight
と記述すると逆にちゃんと表示されません
Yu Gothic UI
とすると正しく表示されますが。
なので正式名称とは・・？ってなります

30

： Name_Not_Found [sage] 2018/03/17(土) 22:09:50.74ID:???

フォントファミリー

31

： Name_Not_Found [sage] 2018/03/18(日) 02:42:13.52ID:???

はいまた土日のsassキチ登場ですね。
毎週毎週ご苦労様ですがそろそろお薬の時間じゃないですか？

32

： Name_Not_Found [sage] 2018/03/18(日) 02:45:37.57ID:???

そこは毎日だろ？ｗ
帰宅するんだからさ

33

： Name_Not_Found [sage] 2018/03/18(日) 02:51:59.26ID:???

>>29

'　でくくって
'Yu Gothic UI Semilight'
で、どう？

34

： Name_Not_Found [sage] 2018/03/18(日) 03:46:52.88ID:???

input type=textで表示されるコンポーネントの、
一般的な、web以外でも通用する名称は何なんでしょう？
とりあえずテキストフォームと呼んでいますが
textareaもテキストフォームに含まれてそうで、あまりぴったりきません

35

： Name_Not_Found [sage] 2018/03/18(日) 03:48:54.54ID:???

web以外っていうと紙も含まれるの？

36

： Name_Not_Found [sage] 2018/03/18(日) 04:33:41.37ID:???

1行テキスト入力エリア

複数行テキスト入力エリア

37

： Name_Not_Found [sage] 2018/03/18(日) 04:38:19.74ID:???

記入欄でいいだろ
以下の記入欄に回答を書きなさい

38

： Name_Not_Found [sage] 2018/03/18(日) 05:29:27.89ID:???

HTMLとCSS初心者に使わせるなら
ATOMとSublime Textどっちいがいいかな

39

： Name_Not_Found [sage] 2018/03/18(日) 06:08:22.20ID:???

sass様が建てた本スレ過疎って笑うわww

40

： Name_Not_Found [sage] 2018/03/18(日) 06:52:17.62ID:???

別に笑わんから自分のスレから出てこないでほしい

41

： Name_Not_Found [] 2018/03/18(日) 09:42:47.85

ID

:nON2Jkmg

なんでそんなsassを目の敵にしてるんだ？

42

： Name_Not_Found [sage] 2018/03/18(日) 10:15:14.26ID:???

(スレ違いだから)
俺様が使いこなせないから

43

： Name_Not_Found [sage] 2018/03/18(日) 11:04:33.60ID:???

使いこなせてるが質問者も使ってるとは限らないから
それが当たり前のように持ち出す輩がうっとうしいから

sassを目の敵にしてるのではなくてsassを前提にしてる輩が目の敵

44

： Name_Not_Found [sage] 2018/03/18(日) 13:26:42.19ID:???

愉快犯でやってるんだから相手するだけ無駄
ガチでSCSS推しのつもりなら完全に逆効果

45

： Name_Not_Found [sage] 2018/03/18(日) 16:33:40.15ID:???

scssってならまだわかるけど今さらsassってw

46

： Name_Not_Found [sage] 2018/03/18(日) 16:38:14.19ID:???

プロジェクトの名前がSassなんだよ。
実際に使ってる文法はscssが主流

47

： Name_Not_Found [sage] 2018/03/18(日) 17:07:16.70ID:???

へー、そうだったんか

48

： Name_Not_Found [sage] 2018/03/18(日) 17:16:38.28ID:???

時代はAdobeが一押しのBootstrap

49

： Name_Not_Found [sage] 2018/03/18(日) 18:29:38.29ID:???

いちいち触んな

50

： Name_Not_Found [sage] 2018/03/18(日) 18:57:48.12ID:???

htmlタグで文字のフォントを変えたいんですが、いわゆる新聞書体？の様なフォントにするには何と指定したら良いですか？

51

： Name_Not_Found [sage] 2018/03/18(日) 23:19:38.02ID:???

セリフとサンセリフの違いをいつもわすれる
なんかいい覚え方ないかな

52

： Name_Not_Found [sage] 2018/03/18(日) 23:27:11.77ID:???

覚え方というかそのまま訳すと
セリフ＝飾り
サンセリフ＝ノン飾り＝飾りなし
意味がわかれば思い出しやすいかと

53

： Name_Not_Found [sage] 2018/03/19(月) 00:20:17.67ID:???

>>34

windows apiだとtextbox

54

： Name_Not_Found [sage] 2018/03/19(月) 01:09:37.54ID:???

sans-serifの方がserifよりも後に出てきたということは分かるので
旧来の筆の書体を再現した書体→serif
印刷に最適化した新しい書体→sans-serif

55

： Name_Not_Found [sage] 2018/03/19(月) 02:19:45.01ID:???

>>52

,54
おお、なるほど
これなら忘れなさそう

56

： Name_Not_Found [sage] 2018/03/19(月) 02:20:01.60ID:???

ありがとね

57

： Name_Not_Found [sage] 2018/03/19(月) 10:49:50.70ID:???

>>34

テキストフィールドと呼んでいる

58

： Name_Not_Found [sage] 2018/03/19(月) 10:56:06.06ID:???

sass絶対許さないマンは
なにがそんなにお気に召さないのか…

十数年前にいたcss絶対許さないマンみたいだ

59

： Name_Not_Found [sage] 2018/03/19(月) 11:55:58.06ID:???

スレ違いだからだ。
縄文式土器のスレに弥生式土器の宣伝に来るな。

60

： Name_Not_Found [sage] 2018/03/19(月) 13:15:04.58ID:???

>>58

許さないマンだけど別にsassOKスレなら喜んでsassの話するよ
「ここはsass無しのスレ」だからな？
どうしてもsass絶対書くマンだとしてもsassで回答したのでこっちへって誘導してくれるなら問題ない
現状単に荒らしにきてるだけじゃん

61

： 34 [sage] 2018/03/19(月) 13:17:56.54ID:???

沢山の回答ありがとうございます
「テキストエリア」と差別化できているので、
「テキストフィールド」が一番よさそうだなと思いました
ありがとうございました

62

： Name_Not_Found [sage] 2018/03/19(月) 13:21:21.51ID:???

sass大好きなんだけど、みんなscss形式で書くからsassのインデント派な自分は肩身が狭い
hamlみたいにすっきり書けるの所がいいのに

63

： Name_Not_Found [sage] 2018/03/19(月) 13:49:16.59ID:???

>>60

誰が決めたのそれ？

64

： Name_Not_Found [sage] 2018/03/19(月) 14:17:04.47ID:???

>>63

お前以外の全員だろ

65

： Name_Not_Found [sage] 2018/03/19(月) 14:18:44.93ID:???

>>64

勝手に俺巻き込むなよ

66

： Name_Not_Found [sage] 2018/03/19(月) 14:32:19.94ID:???

>>62

なんだかんだでもう数年もすればsasｓが主流になってるだろう

67

： Name_Not_Found [sage] 2018/03/19(月) 14:35:11.31ID:???

flexboxで、flexアイテムにmarginを設定しても
flexコンテナのpaddingや、
他のflexアイテムのmarginと相殺されません
アイテムの並びが固定されている場合は、
スタイル指定を調整することでうまく等間隔に配置できますが
並びがレスポンシブに変わる場合にはそれはできません
コンテナとアイテムの間、アイテムとアイテムの間に
等しくマージンを設定したい場合はどうしたらいいのでしょうか？

68

： Name_Not_Found [sage] 2018/03/19(月) 17:06:19.25ID:???

calc()使っても駄目かね？

69

： Name_Not_Found [sage] 2018/03/19(月) 17:25:53.28ID:???

一方にのみ設定してみたり、
擬似クラスを使ってみるとか？
コードがあれば分かりやすいかも

70

： Name_Not_Found [sage] 2018/03/19(月) 20:58:58.35ID:???

>>66

てことは主流でないもので回答してる輩がいるわけか

71

： Name_Not_Found [sage] 2018/03/19(月) 21:00:26.16ID:???

>>67

並びがレスポンシブに変わる場合、ってのがよくわからんが
marginは上下と左右で違うことはＯＫ？

72

： Name_Not_Found [sage] 2018/03/19(月) 21:05:17.31ID:???

要はスマホサイズ時にボックスが縦並びになる時に
意図したようなmarginサイズになって並ばないってことでしょ

73

： Name_Not_Found [sage] 2018/03/19(月) 21:37:27.96ID:???

>>67

相殺はいつでも起こるわけじゃないんだ
ttps://jsfiddle.net/ys64afy1/16/

74

： Name_Not_Found [sage] 2018/03/19(月) 22:08:28.27ID:???

ある要素を浮かせて特定の場所に表示させるのってどうすんでしたっけ

position:absolute
と
float; left
かなんかだったとおもうのですが
できません

75

： Name_Not_Found [] 2018/03/19(月) 23:03:30.11

ID

:EI3D6ctE

>>74

前者であってる
それと一緒にleft、right、top、bottomで座標を決める

その要素から親要素を辿っていって
最初にpositionがstatic以外の要素が座標の基準になる
そのような要素がなかったら<body>が基準になる

76

： Name_Not_Found [sage] 2018/03/19(月) 23:14:01.11ID:???

>>75

例えばJSで75のコメントの要素を浮かせてスレ上部に移動させるとするとどうすればいいですか?
前試しにやったらできたのですが。。。

elm = document.getElementById("75")
elm.setAttribute("style", "position:absolute; top:100; left100")
をコンソールで実行しても移動しないのです

77

： Name_Not_Found [sage] 2018/03/19(月) 23:25:29.47ID:???

left の:が抜けてますが脱字です。無視して下さい。

78

： Name_Not_Found [] 2018/03/19(月) 23:52:50.08

ID

:EI3D6ctE

>>76

それは書き方がおかしい

var elem = document.getElementById('75');
elem.style.position = 'absolute';
elem.style.left = '300px';

これでこんな感じにズレる
ttps://i.imgur.com/WsW5mcZ.jpg

79

： Name_Not_Found [sage] 2018/03/19(月) 23:55:14.58ID:???

>>76

top、leftは単位が必要
100px、100%、100emなど

80

： Name_Not_Found [sage] 2018/03/20(火) 00:42:12.98ID:???

>>67

そもそもmargin設定したかったらflexbox使う必要なくない？
> * を inline-block にして margin つければいいんじゃないの
flex 使うからには space-around か between で任せたいから使うんでしょ

81

： Name_Not_Found [sage] 2018/03/20(火) 05:16:51.68ID:???

>>50

これ答えてはもらえないですか

82

： Name_Not_Found [sage] 2018/03/20(火) 06:34:53.28ID:???

<html style="font-famiry:書体;">
とか？

83

： Name_Not_Found [sage] 2018/03/20(火) 08:15:08.47ID:???

L↔R

84

： Name_Not_Found [sage] 2018/03/20(火) 08:42:06.42ID:???

ザノッキンオンャドォ

85

： Name_Not_Found [sage] 2018/03/20(火) 11:25:35.74ID:???

>>81

font-family: serif;

見た目を変えるのはHTMLの仕事ではないので
CSSでやろう

86

： Name_Not_Found [sage] 2018/03/20(火) 12:17:52.68ID:???

>>82

>>85

ありがとうございます試してみます。
全体のフォントをそうしたいのではなく一フレーズだけ変えたいのでhtmlかなと思ったのですがど素人なものですみません。

87

： Name_Not_Found [] 2018/03/20(火) 12:30:08.01

ID

:UBbYMift

>>86

それもCSSでやるのだよ
書体を変えたい要素のスタイルをCSSで書く

88

： Name_Not_Found [sage] 2018/03/20(火) 15:15:27.15ID:???

>>86

そういうのはspanのclass指定でいいじゃね？

89

： 67 [sage] 2018/03/20(火) 15:56:30.68ID:???

回答ありがとうございました
皆様のレスを読んで、根本的にmarginの相殺に関して誤解していたと気づきました
相殺するのは縦marginだけで、しかも縦marginが全て相殺するわげではないのですね
どうしたかについてですが

Mastering Wrapping of Flex Items : Creating gutters between items
ttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items

ここを見ると、アイテムやコンテナの間に自由にマージンを設定するには
現状ではラッパーを使うしかないようです
場合によってはコンテナのpaddingとアイテムのmarginだけでも可能ですが
コンテナ-アイテム間の幅と、コンテナ-コンテナの間の幅を変えるなどしたい場合は
ラッパーを使うしかないようです
見た目のためだけのHTML要素を使うのはなるべくなら避けたいですが、
今の時点では仕方ないですね
row-gapとcolumn-gapというのが将来Flexboxにも追加されるそうなので、
それが実装されれば解決するのかもしれません
ありがとうございました

90

： Name_Not_Found [sage] 2018/03/20(火) 15:57:39.31ID:???

×コンテナ-アイテム間の幅と、コンテナ-コンテナの間の幅
○コンテナ-アイテム間の幅と、アイテム-アイテムの間の幅

でした

91

： Name_Not_Found [sage] 2018/03/20(火) 17:05:22.60ID:???

>>78

>>79

ああ、単位か
ちょくちょく忘れる
ありがとうございました。

92

： Name_Not_Found [sage] 2018/03/20(火) 18:31:10.64ID:???

>>87

う〜ん面倒…と思ってしまいますがそれが基本中の基本ですよね
css苦手意識が強くて極力弄りたくないと思ってましたがそれじゃダメですね、がんばりますありがとうございます

>>88

そういう答えが欲しかったんです！
でもcssがんばってみますありがとうございます

93

： Name_Not_Found [] 2018/03/20(火) 21:18:40.55

ID

:c11TXgNj

<table cellpadding="10">のようにテーブル内にあるセル全部の余白をcssで設定するには
どうすればいいんですか？
<table style="padding:10px">だとテーブルの外枠だけしか余白が設定されないので

94

： Name_Not_Found [] 2018/03/20(火) 21:22:33.95

ID

:UBbYMift

>>93

border-collapse:separate;
border-spacing: お好み値;

marginみたいに縦横書けるよ

95

： Name_Not_Found [] 2018/03/21(水) 10:39:16.98

ID

:LwnUScG2

>>94

それセル間のスペースだったで
やりたいのはセル内にスペースをつけたいってこと
<td style="padding10px;">だとそのセルだけにしかスペースが適用されないけど
それをテーブル内にあるセル全体に適用したいんです

96

： Name_Not_Found [sage] 2018/03/21(水) 12:11:12.38ID:???

>>95

<td style="padding10px;">を全部のセルに書く
またはcssで
td {padding10px;}

97

： Name_Not_Found [sage] 2018/03/21(水) 12:23:37.71ID:???

まあcssでやった方がスマートではある

98

： Name_Not_Found [sage] 2018/03/22(木) 01:36:47.36ID:???

emは、親要素のフォントサイズが基準になると、教則本などには書いています
フォントサイズの指定にこの単位を使った場合は、その通りだと思いますが
この単位をwidthなどに使った場合、
親要素のフォントサイズではなく自要素のフォントサイズが基準になっているように思います
たとえば
#parent {
font-size: 13px;
}

#child {
font-size: 30px;
width: 10em;
}
のようにすると、#parentのfont-sizeを変えても#childの幅は変わりませんが
#childのfont-sizeを変えると#childの幅も変わります
emが親要素基準になるのはフォントサイズ指定に使った場合だけなのでしょうか？

99

： Name_Not_Found [sage] 2018/03/22(木) 02:01:30.07ID:???

「プロとして恥ずかしくない　新・CSSデザインの大原則」には
font-sizeは親要素基準、それ以外は自要素基準と書いてありました
このことに触れてもいない本とかオンライン学習とか、結構多くないですか？

100

： Name_Not_Found [sage] 2018/03/22(木) 03:01:22.57ID:???

フォント指定なら単位はremでやれば？

101

： Name_Not_Found [sage] 2018/03/22(木) 03:03:52.20ID:???

1ラム、2ラム、3ラムだっちゃ

102

： Name_Not_Found [sage] 2018/03/22(木) 03:04:10.95ID:???

あと参考書は出版時期のそれ以前のものが基準だからね

103

： Name_Not_Found [sage] 2018/03/22(木) 04:36:15.78ID:???

remがいい場合もあるし、emがいい場合もありますよね
それにemはかなり以前（CSS2.1あるいはもっと前）からあって、
その時から性格も変わってないと思いますが…。
ともあれ、買ってはいたもののあまり読んでいなかった
「プロとして恥ずかしくない　新・CSSデザインの大原則」が
読んでみると本質に迫っている非常にいい本だと気づいたのは副産物でした

104

： Name_Not_Found [sage] 2018/03/22(木) 05:11:07.81ID:???

それだけ内容が薄い、詳しくないってこと
だから良本や良サイトと呼ばれるものは、何万もある本、サイトの中でほんの一握りもない

105

： Name_Not_Found [sage] 2018/03/22(木) 06:15:16.33ID:???

変遷があるわな

106

： Name_Not_Found [sage] 2018/03/22(木) 06:52:35.96ID:???

emのルールは変わってない

107

： Name_Not_Found [sage] 2018/03/22(木) 07:03:01.14ID:???

>>99

そんなことはないよー
cascade（とinherit）についてうやむやなままにしてる人が多いだけだよー

108

： Name_Not_Found [sage] 2018/03/22(木) 12:34:10.55ID:???

>>98

>親要素基準になるのはフォントサイズ指定に使った場合だけ

そのとおり。
仕様にもそう書かれている
継承されるから、何でも親基準であるかのように誤解しやすいだけ

109

： Name_Not_Found [sage] 2018/03/22(木) 13:35:26.19ID:???

Cascading Style Sheetなんだから
あれこれ覚える前に
まず継承についてしっかり知らないといかんですな

110

： Name_Not_Found [sage] 2018/03/22(木) 13:46:51.97ID:???

表形式のデータを
スプレッドシートにコピペすると
各セルに自動的に分かれる場合と別れない場合がありますが
あれはどういう場合に各セルに分かれるのでしょうか?

↓の形式のデータなら出来るのかと思ったけど
libre office calcなら自動的にセルごとに分かれるのですが
google spreadsheetだと1つのセルにまとまって表示されてしまいます。

<table><tbody><tr><td>1</td><td>2018/3/22</td><td>13:28:49</td><td>7:28:50</td><td>17323</td><td>5529</td></tr><tr>

111

： Name_Not_Found [sage] 2018/03/22(木) 14:13:15.88ID:???

>>110

のテーブルデータは例として冒頭部分をコピペしたものです

112

： Name_Not_Found [sage] 2018/03/22(木) 18:36:19.73ID:???

今の時代でtbodyいるか？

113

： Name_Not_Found [sage] 2018/03/22(木) 18:50:01.25ID:???

古い時代でも省略可能だから書かない人多かったと思うけど
自分は<thead>と<tbody>書く派だな

CSSやJSのために

114

： Name_Not_Found [sage] 2018/03/22(木) 19:19:48.46ID:???

>>110

です
<br>いれれば行は自動でぶんかつしてくれるようになりましたが
列が自動で分割されてくれません･･･
誰かよろしくお願いします。

115

： Name_Not_Found [sage] 2018/03/22(木) 19:42:07.23ID:???

たしかJSでtdを追加すると自動でtbodyが追加されて構造が勝手に変えられる記憶があったので
tbodyはつけるようにしてます
cellだったかもしれないけど

116

： Name_Not_Found [sage] 2018/03/22(木) 19:54:33.91ID:???

>>115

innerHTML で追加した場合じゃないか？（パースされるときに自動で追加される）
appendChild などで自動で追加されることはないはず

117

： Name_Not_Found [sage] 2018/03/22(木) 20:18:56.35ID:???

thead,tbodyは通常省略するけど、jsで使う時は付けてるな
例えばAjaxで検索して結果を一覧テーブル更新みたいな時はtheadはそのままでtbodyを空にしてtrで入れていくのでtbodyがあった方が楽だから

118

： Name_Not_Found [sage] 2018/03/22(木) 20:22:21.46ID:???

content:"";
という空のcontentはどういう意味で書いてるんでしょうか？

119

： Name_Not_Found [sage] 2018/03/22(木) 21:24:37.58ID:???

>>118

そのままだけど、なにも書くことがないって意味だよ
アイコンとかそうすることが多いな俺は

120

： Name_Not_Found [sage] 2018/03/22(木) 21:40:33.66ID:???

>>119

空ならなくてもいいと思うのですがわざわざ書く理由は特にないんですか？
例えば
li:before {
content: "";
display: block;
}
は
li:before {
display: block;
}
と同じということでしょうか

121

： Name_Not_Found [sage] 2018/03/22(木) 21:50:24.80ID:???

>>120

違うよ
試してみ
後者は表示されんじゃろ

122

： Name_Not_Found [sage] 2018/03/22(木) 23:47:58.47ID:???

>>120

「空文字」と「存在しない(プログラムではnullと言います)」は違うのです。
前者のcontentは空文字、後者のcontentは存在しない。
contentが存在しない要素は消える。
なので後者はbefore自体が消える。

123

： Name_Not_Found [sage] 2018/03/23(金) 00:24:07.43ID:???

ということは後者は
たとえli:beforeと記述しても意味がないってことに？

124

： Name_Not_Found [] 2018/03/23(金) 00:25:07.10

ID

:+azEk2fF

>>123

そうだよ
試してみ

125

： Name_Not_Found [sage] 2018/03/23(金) 00:43:50.04ID:???

>>121

>>122

ありがとうございます。
今やってみてようやく分かりました

126

： Name_Not_Found [sage] 2018/03/23(金) 23:18:30.87ID:???

おかしな話だというのはわかっているのですが、
要素をfloat:leftした上で再度中央寄せする方法ってないでしょうか？

jqueryで追加した要素とその下の要素が重なってしまうのを
display: block + float: leftで回避しているのですが、
なんとか中央寄せしたいのです。

127

： Name_Not_Found [sage] 2018/03/24(土) 00:39:09.87ID:???

キャプって画像あげるか
コード晒してもらわんと正確に何がしたいか分からんけど

128

： Name_Not_Found [sage] 2018/03/24(土) 01:08:43.52ID:???

>>126

display:flex;あとは調べろ

129

： Name_Not_Found [sage] 2018/03/24(土) 01:17:55.12ID:???

flex-flow: row
margin:auto

130

： Name_Not_Found [sage] 2018/03/24(土) 01:50:40.81ID:???

>>126

もうfloatは旧世代のものになりつつあるのでこれを期にflexを勉強してみては？

131

： Name_Not_Found [sage] 2018/03/24(土) 07:37:34.92ID:???

いや、floatでって質問だろｗ
なんでfloatなんか使ってるかわからんけどfloat 使う理由があるのかもしれんし
そもそもなにがしたいのかわからん状態だから思いもよらない理由があるんじゃないか
理由聞いた上でそれflex使えよってなるかもだけどｗ

132

： Name_Not_Found [sage] 2018/03/24(土) 07:40:46.56ID:???

単純解があるのにわざわざ古いもん使わんでも

133

： Name_Not_Found [sage] 2018/03/24(土) 07:49:23.12ID:???

なにがしたいかわからんのにflexが解とは言えないぞ

134

： 126 [sage] 2018/03/24(土) 08:17:29.31ID:???

すいません。
動的に追加した要素と元々その下にあった中央寄せしている要素について以下のサイトのような現象が起きていて、
ttps://ja.stackoverflow.com/questions/33814/html%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%A8%E6%96%87%E5%AD%97%E3%81%8C%E9%87%8D%E3%81%AA%E3%81%A3%E3%81%A6%E3%81%97%E3%81%BE%E3%81%86
提示されている解決策のうち、
display: block + float: left
を適用すれば重なること自体は解決できたのでfloat:leftを使用していました。
みなさんが教えてくださった情報を元に、調べて直してみます。
ありがとうございました。

135

： Name_Not_Found [sage] 2018/03/24(土) 10:16:58.37ID:???

重なるのをfloatで回避ってのがよくわからないなー

ちなみに重なってるのはfloatが悪いんじゃなくmarginをimgやspanにつけてるから
span(inline要素)には上下marginやpaddingがきかない(ベースライン規準で位置を変化させない)

spanにスタイルつけるときは文字修飾や文字サイズ分の背景をつけるときだけにして
レイアウトの調整は外側にコンテナブロックを作ってそれにつけるのがコーディングマナーだと思う
なのでimgをそのままおくのもよろしくない
外側にdivを作ってその中にimgをおくのがコーディング的にはきれい

あとはdivどうしをどうレイアウトするかはflexなりfloatなりを使えばいいと思う

136

： 126 [sage] 2018/03/24(土) 11:09:22.35ID:???

とりあえず解決したのでご報告しておきます
結論から言うと要素の間でclearfixすると要素が重ならなくなり
謎の解決方法？のfloat:leftも使う必要がなくなり再度中央寄せする必要がなくなりました

最初からサンプルを乗せればよかったのですが…すいません。
元々：Prev Nextの真上の6やajaxをクリックするとPrev Nextが重なってしまっていた
ttp://pilotfarm.uh-oh.jp/gridder/demo/demo.html
floatでなんとかしていたもの：
ttp://pilotfarm.uh-oh.jp/gridder/demo/demo-float.html
修正後：
ttp://pilotfarm.uh-oh.jp/gridder/demo/demo-fix.html

大変お騒がせしてすいませんでした。

137

： Name_Not_Found [sage] 2018/03/24(土) 12:53:13.69ID:???

>>134

spanにIDで属性付けるってとこで？なんだが
こういう風なデザインの場合はflexでやるのがスマートで良いと思う
これを期にflexを導入してみては？

138

： 126 [sage] 2018/03/24(土) 13:20:34.34ID:???

起こっている現象が同じというだけで
そこのサイトの質問者と同じ条件をしているわけではないです
136ではったURLのソースを見てもらうとわかるかと思います(Gridder.jsのdemoほとんどそのままですが)
混乱させてすいません
何にせよflex勉強してみます

139

： Name_Not_Found [sage] 2018/03/24(土) 16:51:31.91ID:???

<div class="parent">
親の中身
<div class="child">この中身</div>
</div>
の親はブラウザ幅最大上下左右中央ぞろえを
parentは
position: relative;
width:100%;

childは
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

で、対応したんですがIEのみtranslateで移動した分？の余白が右に出来ます
overflow:hiddenを使わずに対処できるでしょうか？

140

： 139 [sage] 2018/03/24(土) 16:57:01.42ID:???

すみません、書いた直後に解決しました

141

： Name_Not_Found [sage] 2018/03/24(土) 17:23:04.59ID:???

あるある

142

： Name_Not_Found [sage] 2018/03/24(土) 17:26:56.54ID:???

ブブー

143

： Name_Not_Found [sage] 2018/03/24(土) 19:12:54.05ID:???

なんどやってもうまくいかなくて
もうええわ！って、次の日にやったら
ちゃんとできてる現象に名前をつけたい

144

： Name_Not_Found [sage] 2018/03/24(土) 22:08:27.56ID:???

・リフレッシュ
・気持ちの切り換え
・発想の転換
・落ち着く
お好きなのをどうぞ
まあ強いて言えば「明日の俺はすごい」かな

145

： Name_Not_Found [sage] 2018/03/24(土) 22:10:29.26ID:???

異世界なのに最弱だったけど明日の俺TUEEE

146

： Name_Not_Found [sage] 2018/03/25(日) 01:35:28.87ID:???

何度やってもうまくいかない！もうええわ！
って時はリフレッシュすればなんとかなるって俺は知ってるい！
よし少し休もう…

…っは！朝！？


って現象はなんていうの？

147

： Name_Not_Found [sage] 2018/03/25(日) 03:39:16.03ID:???

ぐうたら

148

： Name_Not_Found [sage] 2018/03/25(日) 12:47:55.19ID:???

IEはもう対象から外しても問題ないと思う
今WEBをPCデスクトップで閲覧してるのは全体の10パーセントくらいだから

149

： Name_Not_Found [sage] 2018/03/25(日) 13:18:43.57ID:???

Chromeだけでええやんもう

150

： Name_Not_Found [sage] 2018/03/25(日) 17:58:21.99ID:???

10パーセントもあるなら外せないな

151

： Name_Not_Found [sage] 2018/03/25(日) 19:57:28.61ID:???

その10パーの中の1パーセントくらいがIE

152

： Name_Not_Found [sage] 2018/03/25(日) 21:43:33.29ID:???

1パーセントもあるなら外せないな

153

： Name_Not_Found [sage] 2018/03/25(日) 23:52:14.79ID:???

無駄な労力だな

154

： Name_Not_Found [sage] 2018/03/26(月) 01:56:09.09ID:???

IEユーザーは広告よく踏んでくれるから
無駄とは思えないな
これで子供4人養ってるのに

155

： Name_Not_Found [sage] 2018/03/26(月) 13:18:19.27ID:???

全体の〜みたいな統計持ち出すと
こいつ大雑把だ！って言われない？
代理店とか客の広報とかとか

自サイトを解析して無視できるほど少ないかどうか判断すべきだと思う

156

： Name_Not_Found [sage] 2018/03/26(月) 14:58:20.86ID:???

まあクライアントがIE対応しろと言ってくるか
個人的にずっとIEをフォローしたいとこはしとけばいいんじゃね？としか

157

： Name_Not_Found [sage] 2018/03/26(月) 17:28:43.19ID:???

未だにIE6なんか使ってるやつおらんやろってバカにしてたけど
フロッピー使ってるPC見て戦慄した

158

： Name_Not_Found [sage] 2018/03/26(月) 19:11:47.73ID:???

そもそもIE6なんてXP時代の産物だから今の時代にそんな環境で
オンラインするようなのを数に入れる必要はないと思う

159

： Name_Not_Found [sage] 2018/03/26(月) 21:19:13.22ID:???

ベースが多ければ1パーセントはでかいな

160

： Name_Not_Found [sage] 2018/03/27(火) 01:53:45.29ID:???

>>157

独自開発のシステムとか開発終わったソフトの関係上古いPCつかう企業はあるよ
でもさすがにネットするのはそこそこ新しい機体だろ
そもそもフロッピー使うようなPCじゃアナログモデムとかで今のネット回線つかえんだろ

161

： Name_Not_Found [sage] 2018/03/27(火) 02:36:44.08ID:???

古いPC使うのはオンラインでブラウザ使うとは別問題だしな

162

： Name_Not_Found [sage] 2018/03/27(火) 02:37:42.15ID:???

Flashも今年で締め出しで動かなくなる流れだそうだし時代は移り変わってるなあ

163

： Name_Not_Found [sage] 2018/03/27(火) 14:27:09.02ID:???

いまだにIE使ってる奴いるよ。
アクセスの多いサイト運営してるんだが、ブラウザ別の表示を見ると大昔のゲーム機とかのブラウザからのアクセスがあったりして笑える。

164

： Name_Not_Found [sage] 2018/03/27(火) 15:40:10.07ID:???

ドリキャスをバカにするな！！

165

： Name_Not_Found [sage] 2018/03/27(火) 16:53:56.71ID:???

セガなんてだっせーよな。プレステの方がかっけーよな

166

： Name_Not_Found [sage] 2018/03/27(火) 17:27:36.68ID:???

pipin@をバカにするな！！

167

： Name_Not_Found [sage] 2018/03/27(火) 18:17:15.24ID:???

そういや任天堂DSでもブラウザあったよなｗ
あれ確かOperaベースだったと思うが解析だとなんて表示されるんだ？
3DSはACCESSだったな

168

： Name_Not_Found [sage] 2018/03/27(火) 18:48:31.98ID:???

客の社長の嫁さんが
「うちのテレビのインターネットで見れない」と言っている
ってのが一番きつかった
8年くらい前

169

： Name_Not_Found [sage] 2018/03/27(火) 20:32:25.42ID:???

>>161

それがそうでもないとこけっこうあるんだわ
さすがにFDDは付いてても使ってはいないようだが

170

： Name_Not_Found [sage] 2018/03/27(火) 21:10:28.66ID:???

リスト表示で
<ul>
<li>aaa</li>
<li>bbb</li>
</ul>
これの左インデントを狭くしたい場合
<ul style="margin-left:-○○px">というようにマイナスを指定してやるしか
方法はないんですか？

171

： Name_Not_Found [sage] 2018/03/28(水) 00:35:17.44ID:???

>>169

そういうバカを顧客として見るかだなｗ
顕微鏡で見ないとわからんようなものまでいちいち関わるのはリソースのムダ

172

： Name_Not_Found [sage] 2018/03/28(水) 01:05:38.14ID:???

paddingでもいいし
list-style:noneにして・を文章にいれるなりbeforeにつけるなりしてtext-indentしてもいいし
absoluteでleftを指定してもいい

ただmarginがいちばん自然だと思うけど逆にそれじゃなにがいけないの？

173

： Name_Not_Found [sage] 2018/03/28(水) 03:22:10.14ID:???

marginの相殺にトラウマがあるんだろｗ

174

： Name_Not_Found [sage] 2018/03/28(水) 20:02:56.43ID:???

>>171

それがそうも言ってられないことけっこうあるんだわ

175

： Name_Not_Found [sage] 2018/03/29(木) 00:09:55.96ID:???

>>170

デフォルトのスタイルのことだったら、ノー
開発ツールで何のどこにmarginやパディングが指定されてるのか観てみるといいよー

176

： Name_Not_Found [sage] 2018/03/29(木) 20:22:17.86ID:???

>>170

リストでも使用用途によって答え変わるかも
こういう質問の場合はlist-styleを使うのか使わないのかを実装方法も明記してほしい
普通はmarginで調整だがこういうのはclass指定でやろう

177

： Name_Not_Found [sage] 2018/03/30(金) 10:00:39.24ID:???

flex使っても結局marginがある要素の左右づめはマイナスmargin必要ですよね？

178

： Name_Not_Found [sage] 2018/03/30(金) 10:18:48.67ID:???

marginなくせばいいんじゃ？

179

： Name_Not_Found [sage] 2018/03/30(金) 11:45:20.81ID:???

>>177

betweenと空要素の方が若干楽な気がする
運用も含めて考えると

180

： Name_Not_Found [sage] 2018/03/30(金) 13:34:18.62ID:???

>>178

？
marginけしたらmarginのある左右づめじゃなくなるよね？

>>179

質問が曖昧でした
両端の要素には左右margin0になるようにする場合です(左端の要素はleftmargin0,右端の要素はrightmargin0)
要素自体の左(右)詰めは空要素でできています。

181

： Name_Not_Found [sage] 2018/03/30(金) 13:44:24.86ID:???

>>180

まだ曖昧だ
カラム数が固定なのか変動なのか

固定なら右マージンだけにして
nth-child(カラム数n)だけ右マージン0にするのが定石だと思う

変動だったらどのflex-itemが左右端に来ているかどうか判定できんから
flex-itemのマージンではなく、betweenで空けるしかなかろう

182

： Name_Not_Found [sage] 2018/03/30(金) 19:54:52.32ID:???

もう1つのスレが過疎っていたのでここで質問させていただきます

自分はホームページを作り始めてから間もないのですが、
一応トップページだけは公開出来たのですが、第二以降のディレクトリのアップロードの仕方が分かりません。
例えば、ttp://aaaa.netというトップページがあったとして、
その下層にttp://aaaa.net/xxxxやttp://aaaa.net/xxxxxx、xxxxxxxx等と言ったカテゴリがあるじゃないですか。
それの作り方、と言うかアップロードの仕方がどんなに調べても分からないので教えていただけるとありがたいです。
因みにアップロードにはFFFTPを利用しています。

183

： Name_Not_Found [sage] 2018/03/30(金) 20:08:10.60ID:???

>>182

FFFTPの左ペインに表示されるファイルを
右ペインにドラッグしてアップロードするように
フォルダをドラッグしてアップロードすればいいよ

184

： Name_Not_Found [sage] 2018/03/30(金) 20:37:18.87ID:???

>>182

その1
アップロードしたいフォルダを右クリック
メニューが開くので「アップロード」をクリック

その2
アップロードしたいフォルダを左クリック
上にアイコンがいっぱい並んでいる中の「↑」をクリック

185

： Name_Not_Found [sage] 2018/03/30(金) 20:49:39.41ID:???

>>181

flex-itemのwidthをcalc((100% / n) -10px)とすることで(nはカラム数)両端marginなしでできました

186

： Name_Not_Found [sage] 2018/03/30(金) 20:56:01.94ID:???

変わった計算だけど
OKならまあそれはそれでよかった

187

： 182 [sage] 2018/03/30(金) 21:03:08.58ID:???

>>183-184

ありがとうございます、アップロードの仕方は分かりました
ただ、第二以降のディレクトリの作り方がよく分かりません。
第二以降のディレクトリの拡張子は好きな文字の羅列の後にhtmlを付けてメモ帳で保存すれば良いのですか？

188

： Name_Not_Found [sage] 2018/03/30(金) 21:08:35.95ID:???

>>187

パソコン自体が初心者なのかな？
フォルダ作って、その中で好きな名前.htmlってすればいいんだよ

URLの
ttp://example.com/hoge/fuga/hage.html

hoge/ や fuga/ のスラッシュはフォルダって意味
Windowsだとバックスラッシュ（￥マーク）に相当するもの
上のURLだと

ドキュメントルート
├ hoge/
　├ fuga/
　　├ hage.html

ってなる

189

： Name_Not_Found [sage] 2018/03/30(金) 21:21:18.55ID:???

>>188

今ようやく理解しました！ありがとうございました！

190

： Name_Not_Found [sage] 2018/03/30(金) 21:39:35.02ID:???

>>185

レスポンシブじゃなくなる瞬間…

191

： Name_Not_Found [sage] 2018/03/30(金) 21:52:11.68ID:???

>>190

なんで？

192

： Name_Not_Found [sage] 2018/03/30(金) 23:48:12.11ID:???

リキッドではなくなる
というかリキッドだと狭くなった時に見づらくなるといいたいのではなかろうか

それを打開するためのレスポンシブですな

193

： Name_Not_Found [sage] 2018/03/31(土) 01:48:26.54ID:???

>>190

レスポンシブはブレイクポイントでカラム数変えるので問題ないです

194

： Name_Not_Found [sage] 2018/04/01(日) 19:51:21.38ID:???

変なところで改行されてしまったので
white-space: nowrap
を入れたら改行がなくなりました
ですが改行されたのはホワイトスペースの入ったテキストではなく
日本語なのです
日本語もホワイトスペースと判断されることがあるのでしょうか？

195

： Name_Not_Found [sage] 2018/04/01(日) 20:36:33.94ID:???

>>194

改行とは何かというのを理解したほうが良いぞ
本の小説とか読んだこと有るなら思い出すといい。

まずHTMLというのはもともと英語圏で作られたもので
英語圏の文化で成り立ってるということだ

その英語の小説。どこで改行されてると思う？
単語の区切りのスペースだ。単語の途中で改行されることは基本的にない。
また単語の間のスペースはいくつ有っても一つと同じ扱いだろうってのは想像がつくだろう

一方日本語はどうか？ 英語と違って単語の区切りにスペースは存在しない
そして日本語の小説は単語の途中であっても改行されているはずだ

つまりデフォルトでは以下のような違いがあるということだ

英語圏
　・単語の途中で改行されない
　・各単語はスペースで区切られ、必要な場合にスペースの位置で改行される
日本語
　・単語の途中で改行される。
　・各単語を区切るスペースはない
　・（ただし意図的にスペースを入れた場合は、単語の区切りとみなされ必要な場合に改行される）

じゃあwhite-spaceとは何か？ これを改行するかしないか決めるためのものとか
考えてるから理解できない。white-spaceという言葉の意味を考えろ。
ホワイトスペース、空白。つまり英語圏の単語の間にある、空白のことだ
white-spaceとはこの空白をどう制御するか

white-spaceの初期値のノーマルは、英語の小説と同じような感じの設定
nowrapは、各単語の区切りの空白で改行しないためのもの
preは、preserving space algorithm（空白をそのまま残すアルゴリズム）の略だ

196

： Name_Not_Found [sage] 2018/04/01(日) 20:44:46.43ID:???

>>195

> その英語の小説。どこで改行されてると思う？
> 単語の区切りのスペースだ。単語の途中で改行されることは基本的にない。

嘘つけ音節の切れ目にハイフン挿入して単語途中で改行されとるやんけ！
これが基本じゃなく応用だとでも？

197

： Name_Not_Found [sage] 2018/04/01(日) 20:49:15.43ID:???

さて日本語の場合はどうなるか？
日本語は基本的に各単語の間にスペースは存在しない。
つまりだ、white-spaceは関係ないということだ
（もちろん日本語であっても間にスペースを入れればそこで改行されることは有る）

日本語が改行されている時、それは存在しないwhite-spaceで改行されているのではなく
単語の途中で改行されているということだ。
日本語は単語の途中で改行しても良い。日本語とはそういうものだ。小説もそうなってるはずだ。

white-spaceは関係ない。じゃあ何が関係するのかと言うと
単語の途中で改行するかどうかを制御するための
word-wrap (overflow-wrap) と word-break だ

198

： Name_Not_Found [sage] 2018/04/01(日) 20:49:34.03ID:???

>>196

揚げ足取りはいらない。消えな

199

： Name_Not_Found [sage] 2018/04/01(日) 20:52:13.80ID:???

顔真っ赤だぞｗ

200

： Name_Not_Found [sage] 2018/04/01(日) 20:53:07.75ID:???

なお、スペースで改行すると言ったが、
正確にはスペースの種類による。

改行の対象とならないスペースも存在し
&nbsp; (non-breaking space) がそれだ

スペースと言ってもいろんなスペースが有るのだ

201

： Name_Not_Found [sage] 2018/04/01(日) 20:53:30.18ID:???

>>199

だから消えろって、お前いらない。

202

： Name_Not_Found [sage] 2018/04/01(日) 20:54:29.00ID:???

どうせCSSのhyphensプロパティもしらないんだろう？
さっさと消えろ

203

： Name_Not_Found [sage] 2018/04/01(日) 20:57:25.16ID:???

ん？この間違いCSS以前の問題だよね？ｗ
そんなに恥ずかしかったのかな？
ではリクエストにお応えしてもう一回ｗ

>>195

> その英語の小説。どこで改行されてると思う？
> 単語の区切りのスペースだ。単語の途中で改行されることは基本的にない。

嘘つけ音節の切れ目にハイフン挿入して単語途中で改行されとるやんけ！
これが基本じゃなく応用だとでも？

204

： Name_Not_Found [sage] 2018/04/01(日) 20:58:53.65ID:???

>>196

長い単語が行末とかにきた時にやるんだよハイフンで改行するやーつ
そのために<br>がある

段落と改行については、日本語はルールが全く違うんで
そんなに厳密に考えてもしゃーないんで適当でいいんだよ

ただし、wovnみたいな翻訳サービス使う時には
わりと影響でかいんで少し気を使った方がいいかも

205

： Name_Not_Found [sage] 2018/04/01(日) 21:04:35.32ID:???

>>203

> これが基本じゃなく応用だとでも？
おまえは知らないようだが、普通に応用だが？

ハイフンはそもそも使わない
（単語そのものにハイフンが含まれているものは除く）

ハイフンは印刷する際にどうしても単語の途中で
改行しないとバランスが悪くなってしまう時に入れる、
強制改行マークだ。

基本は使わず、最後の手段として使うもの。
これが応用じゃないとでも？英文章の常識ですよ？ｗ
知らないなら少しは調べてから反論してくださいね。

206

： Name_Not_Found [sage] 2018/04/01(日) 21:07:49.07ID:???

ほら、探してきてやったから読め

英語における改行ルール
ttp://www.toishi.info/email/hyphen.html

207

： Name_Not_Found [sage] 2018/04/01(日) 21:19:01.74ID:???

お前らスレタイの「HTML/CSS のどんな質問にも優しく答える」の理念がぶっ飛んでるぞｗ

208

： Name_Not_Found [sage] 2018/04/01(日) 21:22:46.50ID:???

>>206

これ好みの問題じゃん。
音節でハイフン入れて改行されることがあるって中学で習ったよね。
中学英語が応用…？ｗ

209

： Name_Not_Found [sage] 2018/04/01(日) 21:30:49.96ID:???

中学で「ハイフンで改行」とか習わんだろｗ ウソも大概にしろ

210

： Name_Not_Found [sage] 2018/04/01(日) 21:32:13.10ID:???

>>207

仕方ないね。ここは「必ず」が抜け落ちたスレだから。

↓こっちは「必ず」が含まれてる
HTML/CSS のどんな質問に必ず優しく答えるスレ 32
ttps://mevius.5ch.net/test/read.cgi/hp/1519547237/

211

： Name_Not_Found [sage] 2018/04/01(日) 21:34:50.12ID:???

すぐ大人は屁理屈並べる

212

： Name_Not_Found [sage] 2018/04/01(日) 21:37:59.02ID:???

>>210

スレタイの日本語おかしいな。
英語どころか日本語も怪しい奴ばかりｗｗｗｗ

213

： Name_Not_Found [sage] 2018/04/01(日) 22:22:21.50ID:???

>>197

ありがとうございます
word-break: keep-all;
としても
white-space: nowrap;
と同様、改行を防げました
こっちの方が適当な指定なのでしょうね
white-space: nowrap;
は、本来の動作というより、偶然そうなってるだけの気がしますし。
ありがとうございました

214

： Name_Not_Found [sage] 2018/04/01(日) 22:47:35.63ID:???

>>213

結果うまくいって満足したならまあ、それでいいんだけど
その解釈はちと間違っているから
時間があるなら調べておくといいよ

word-breakeとwhite-spaceの違いを
例を挙げて比較してくれてるサイトあるから

215

： Name_Not_Found [sage] 2018/04/01(日) 23:12:11.44ID:???

>>210

そこはキチの巣窟で「も」ぬけの空だけどねwwwｷﾞｬﾊﾊ

216

： Name_Not_Found [sage] 2018/04/02(月) 00:03:48.13ID:???

>>213

ここがわかりやすく解説してる

word-break−スタイルシートリファレンス
ttp://www.htmq.com/style/word-break.shtml

217

： Name_Not_Found [sage] 2018/04/02(月) 00:08:32.21ID:???

基本的に日本国内で閲覧するサイトではテキストはブロック単位で
改行は製作側が意図した指定の箇所で改行させるかな

218

： Name_Not_Found [sage] 2018/04/02(月) 00:13:48.08ID:???

好きにbr入れさせればいい。
邪魔になったらcssでそこのbrまるっと指定してdisplay noneすればいいだけ。

219

： Name_Not_Found [sage] 2018/04/02(月) 00:47:22.83ID:???

white-space: preline 使えば br も不要。

220

： Name_Not_Found [sage] 2018/04/02(月) 01:40:26.49ID:???

口語調が使われる謎

221

： Name_Not_Found [sage] 2018/04/02(月) 10:01:19.86ID:???

>>207

sassで荒らしてた奴が、今度は改行ネタで荒らしてるんだろ

222

： Name_Not_Found [sage] 2018/04/02(月) 12:02:01.20ID:???

sassって荒らしだったのかw

223

： Name_Not_Found [sage] 2018/04/02(月) 12:12:15.31ID:???

sass君はテンプレをsassOKに書き換えたパクりスレ立てて乗っ取り企てたのに誰もついて来ず過疎っちゃったからショックで寝込んでるよｗ
↓
HTML/CSS のどんな質問に必ず優しく答えるスレ 32
ttps://mevius.5ch.net/test/read.cgi/hp/1519547237/

224

： Name_Not_Found [] 2018/04/02(月) 14:23:28.17

ID

:J1E+3ukO

質問というより、助言が欲しいのだけど、
画像ファイルのサイズ指定について

imgタグにcssでサイズ（width、height）を指定していると、
レイアウトが早く確定できるということで、そうしている

でも今の時代じゃ、高速回線が当たり前だから、
そんなことを気にする必要はない気もして、
サイズ指定を続けるか、やめるか、迷ってる

サイズ指定はレイアウトを確定させる以外にも、
こんないいことがあるよ、というような話とか、
今の流行の話とか、あれば聞かせてもらえるとうれしい

ちなみに、HTMLとCSSしか使えません
Javaスクリプトもさっぱりです
まして、サーバー側でレイアウトを構成して出力するとか、
そういう高度なことはできないです

225

： Name_Not_Found [] 2018/04/02(月) 14:31:51.71

ID

:41m4qg1d

警察と創価、在日マフィアによる集団ストーカーの証拠動画
(警察車両ナンバー入り)
ttps://www.youtube.com/watch?v=gTOBN1AkSz0
ttps://www.youtube.com/watch?v=bbPcpPwO3ug
ttps://www.youtube.com/watch?v=de1jeSPGGNo

怖ろしくてお漏らししそう´・ω・｀

226

： Name_Not_Found [] 2018/04/02(月) 14:33:33.01

ID

:HIlD2PvH

>>224

回線が早くてもわりとガコンガコンするよ
必ずscrollTopが0の状態でロードされるとも限らんしね

227

： Name_Not_Found [sage] 2018/04/02(月) 18:31:27.09ID:???

ガコンガコンしないように
画像以外のブロックの大きさに気を使うと良いかも知れんですな

228

： Name_Not_Found [sage] 2018/04/02(月) 21:35:43.41ID:???

>>224

指定してないとハッシュでアクセスした時やページの途中でリロードした時にずれる
特にハッシュの時は画像が読み込まれる前に位置が確定するので全然違う位置になってユーザーの不満に繋がる
どんなにくっそ速い回線でも
・ドキュメントロード
・ハッシュ処理
・画像読み込み
の順である以上変わりはない
どうしても指定したくなければ

>>227

の言う通り画像を内包する要素にサイズ指定するとかだね

229

： Name_Not_Found [sage] 2018/04/02(月) 21:40:47.82ID:???

画像リサイズ機能つきのcmsやcdn使うとき処理をきっちりかっちり最適に自動化できる

230

： Name_Not_Found [sage] 2018/04/02(月) 22:06:12.84ID:???

>>224

画像のサイズは sass(scss) + Compassで取得できるよ

ttps://stackoverflow.com/questions/9731327/scss-getting-image-dimensions

こんな感じらしい

.folder {
　　background: inline-image("icons/home/folder.png", 'image/png') no-repeat center;
　　height: image-height("icons/home/folder.png", 'image/png');
　　width: image-width("icons/home/folder.png", 'image/png');
}

ただ個人的にCompassはあまり好きではない。
せっかくlibsassになってRuby依存から脱却されたのに
CompassでRuby依存してしまう。遅いだろうし。

Compassじゃなくてその他のビルドツールとか使ったほうが良いかもね

231

： Name_Not_Found [sage] 2018/04/02(月) 22:08:49.75ID:???

HTMLとCSSしか使えませんとわざわざ書いておいたのに使えない回答者ですね。
他の方お願いします。

232

： Name_Not_Found [sage] 2018/04/02(月) 22:11:20.39ID:???

使えないなら使えるようになればいいだけでは？

233

： Name_Not_Found [sage] 2018/04/02(月) 22:15:30.18ID:???

じゃせっかくだからreactでstyled componentにしますわ。
さようならcss

234

： Name_Not_Found [sage] 2018/04/02(月) 22:49:48.26ID:???

Reactで作られたウェブサイトってどんなのがある？
開発元のFacebookは除く、そして実用じゃなくて
勉強のために作ってみました。みたいなサイトも除く

235

： Name_Not_Found [sage] 2018/04/02(月) 23:29:55.47ID:???

>>232

スレタイにそぐわないのでさようなら

236

： Name_Not_Found [sage] 2018/04/02(月) 23:35:26.30ID:???

え？ HTML/CSS の代わりに使えるものなんでしょう？

237

： Name_Not_Found [sage] 2018/04/02(月) 23:35:57.35ID:???

>>234

ちゃんと数えてないけど
この一年で自分が担当した案件の中では4件くらいあった気がする
晒せなくて残念だけど

238

： Name_Not_Found [sage] 2018/04/02(月) 23:37:05.19ID:???

>>236

何がだい？

239

： 224 [] 2018/04/03(火) 00:07:29.22

ID

:j/OwJvNW

縦横のサイズを指定しないと
高速回線でもガコンガコンしたり、
レイアウトが崩れたまま確定しちゃったりするんだな

サイズ指定はちゃんと役に立ってるんだな
これまでずっと無駄なことをやっていたのかな、
と疑い始めてた所だったので、安心した
これからも指定することにする

相談して良かった
ありがとう

240

： Name_Not_Found [sage] 2018/04/03(火) 00:25:38.47ID:???

>>238

Reactだけど？

>>233

が

> じゃせっかくだからreactでstyled componentにしますわ。
> さようならcss

って書いてるじゃん？

CSSからもさよならできるみたい？
Reactってのを使ったらウェブサイト制作が
もっと楽になるのかなと

241

： Name_Not_Found [sage] 2018/04/03(火) 04:39:56.14ID:???

初心者が作るような規模じゃ楽にならないよ。
まず環境構築で詰まるだろう。
横着しないでメモ帳()でhtmlとcss書いて勉強しな。
何やるにしてもムダにならないよ。

242

： Name_Not_Found [sage] 2018/04/03(火) 08:40:44.16ID:???

>>234

PeparはReactだな

ChromeのWappalyzerってエクステンションおすすめだよ
そのサイトで使われてる技術やツールがわかる
io3000とかで片っ端から良サイト見て参考にしたらいい

243

： Name_Not_Found [sage] 2018/04/03(火) 08:52:02.20ID:???

qiitaも使ってたな

244

： Name_Not_Found [sage] 2018/04/03(火) 10:15:21.49ID:???

Airbnbもだな

245

： Name_Not_Found [sage] 2018/04/03(火) 12:03:21.73ID:???

>>240

その認識は少しずれてるかも
書くファイルや場所が変わるだけで
CSSがなくなるわけじゃないよ

246

： Name_Not_Found [sage] 2018/04/03(火) 12:23:09.98ID:???

cssの扱いいくつかあるね。
cssまんま書くやつとかjsオブジェクトで書くやつとか。
後者だとケバブケースがキャメルに。
そしてjs式埋め込めたり
どっちにしろreactってjs中心の方法論だよね。このスレには相応しくない気がする。

247

： Name_Not_Found [sage] 2018/04/03(火) 13:47:35.61ID:???

確かにReactはスレチだね。技術的には覚えておいて損は無いだろうし個人的にも勉強したいけど、別スレで！

248

： Name_Not_Found [sage] 2018/04/03(火) 16:11:54.28ID:???

失礼します
見やすい行間ってありますか？
16ｐｘで読みやすいように1.7emにしましたけど、これって広すぎでしょうか？

行間の平均がわからないです。

line-height、サイトによってばらばらで書き方も異なるので迷ってます。
16pxでline-heightってどれくらいなのでしょうか？

249

： Name_Not_Found [] 2018/04/03(火) 16:19:55.33

ID

:1uOTmBEl

>>248

好きにすればいいけど
平均値が知りたいならこんなところで聞かなくても

著名なサイト100個くらい調べて平均値出してみればいいじゃん
出たら報告してくんろ

250

： Name_Not_Found [sage] 2018/04/03(火) 17:17:41.94ID:???

>>248

デザイン上の意図による。
決められないなら俺が決めてあげよう。8pxにしとけ。

251

： Name_Not_Found [sage] 2018/04/03(火) 17:56:21.23ID:???

>>248

手元の解説本だと、1.5〜1.8程度が一般的だとなっているな

うちは1.4だけど

252

： Name_Not_Found [] 2018/04/03(火) 18:03:26.83

ID

:1uOTmBEl

>>250

半分重なってるｗ

253

： Name_Not_Found [sage] 2018/04/03(火) 18:29:31.33ID:???

これからの時代はremで指定だ

254

： Name_Not_Found [sage] 2018/04/03(火) 19:09:45.69ID:???

スバルくん！

255

： Name_Not_Found [sage] 2018/04/03(火) 21:10:04.08ID:???

>>236

アンカ打てよｗ

256

： Name_Not_Found [] 2018/04/03(火) 21:14:25.38

ID

:1uOTmBEl

>>253

えー
pxかvwでよくね？

257

： Name_Not_Found [sage] 2018/04/03(火) 22:17:47.03ID:???

>>247

> 確かにReactはスレチだね。技術的には覚えておいて損は無いだろうし個人的にも勉強したいけど、別スレで！

Reactはスレチというのはわかりました。
それではこのスレの内容としては、今後何に置き換わっていくのでしょうか？
ずっと今までのやり方で通じるとは思えません

258

： Name_Not_Found [sage] 2018/04/03(火) 22:20:40.94ID:???

>>257

Webサイト制作初心者用質問スレ part248
ttp://mevius.5ch.net/test/read.cgi/hp/1494150188/

この辺で相談すればいいんじゃね？

259

： Name_Not_Found [sage] 2018/04/04(水) 09:32:44.92ID:???

line-heightは単位無しで

260

： Name_Not_Found [sage] 2018/04/04(水) 09:51:04.48ID:???

CSSのBEM記法やってる人ってtableの行列それぞれにもクラス定義してんの？
emmetとかでコーディング省力化できるとはいえアウトプットが冗長すぎるだろ

261

： Name_Not_Found [sage] 2018/04/04(水) 12:15:15.96ID:???

あくまで記法のひとつだから気に入らない箇所があれば自分で工夫してカスタマイズすればいい

262

： Name_Not_Found [sage] 2018/04/04(水) 12:56:04.40ID:???

>>260

何か問題あるの？って話だよ
メリット＞デメリットならやってもいいかもしんない

263

： Name_Not_Found [sage] 2018/04/07(土) 00:30:15.17ID:???

>>257

なぜ置き換える前提？
HTML/CSSはなくならない

264

： Name_Not_Found [] 2018/04/07(土) 10:20:28.56

ID

:AARvg2a5

フォームの問い合わせ みんなどうしてる？

265

： Name_Not_Found [sage] 2018/04/07(土) 10:45:36.50ID:???

>>264

マルチポストの上に意味不明
ttp://mevius.5ch.net/test/read.cgi/hp/1494150188/421

266

： Name_Not_Found [] 2018/04/07(土) 10:56:14.62

ID

:DPxhXDES

ttps://lychee-redmine.jp/
このテンプレート作者に仕事を依頼したいのですが、ソースのどこを見たら
作者名が分かりますか？

267

： Name_Not_Found [sage] 2018/04/07(土) 10:59:25.81ID:???

>>266

また、マルチポストか
ttp://mevius.5ch.net/test/read.cgi/hp/1494150188/419

268

： Name_Not_Found [sage] 2018/04/07(土) 11:13:26.94ID:???

アメブロやＦＣ２のようなブログサイト複数に
同じコンテンツ（文章）を流し込んだら総合的にヒット数てあがりますか？
お客さんがやりたいと言ってるのですが
なぜ誰もそんなことしてないですか？

269

： Name_Not_Found [] 2018/04/07(土) 11:18:34.24

ID

:AARvg2a5

>>265

問い合わせフォーム の設置さ
レンタルサービス利用するか、PHP、CGIとか使って自炊するのか教えて下さい

270

： Name_Not_Found [sage] 2018/04/07(土) 11:22:53.68ID:???

>>268

検索エンジンスパム

271

： Name_Not_Found [sage] 2018/04/07(土) 13:17:43.98ID:???

後にURLを入れるためaタグでhref=""をかあらかじめ書いておきたい（必須）
だがバリデでエラーがうざい
href="#"とするとエラーは出ないがクリックで飛んでしまう
そこでreturn falseをする。ポインタはcssでどうにもなるがリンク自体は残ったままで不親切

この場合どうするのがベストでしょう？

272

： Name_Not_Found [sage] 2018/04/07(土) 13:20:52.78ID:???

>>271

エラーを無視しろ
後々、入力したか分からなくなる対策など要らん

273

： Name_Not_Found [sage] 2018/04/07(土) 13:24:53.82ID:???

>>268

素人が考えることはプロはとっくに考えていて
それがGoogleなどの検索エンジンの利用者＝商売をしている人じゃなくて文章を見たい人
にとって利益にならないどころか、悪い結果にしかならず
利用者が検索エンジンから離れていってしまうことは

Googleにとって客が逃げてしまって商売にならなくなるので
徹底的に防止されてる。Googleも慈善事業でやってるわけじゃないんでね

274

： Name_Not_Found [sage] 2018/04/07(土) 19:05:17.72ID:???

>>272

入力したか分からなくなる？一目瞭然じゃね？
クリックした結果は同じだから#ないよりはあったほうがいい

275

： Name_Not_Found [sage] 2018/04/07(土) 19:13:36.29ID:???

>>271

ベストはaタグからhrefを消しておくこと
必須なのはお前の都合であって、
ベストな条件にとって必須なわけじゃない

276

： Name_Not_Found [sage] 2018/04/07(土) 21:27:46.99ID:???

お前の都合かクライアントの都合かなぜわかるのか

277

： Name_Not_Found [sage] 2018/04/07(土) 21:49:47.96ID:???

お前がクライアントの代理してるんだから
そこでお前より先の話なんかする必要はない

クライアントが俺らに聞いてるんじゃない
クライアントがお前に頼んでるんだろ
クライアントに奴隷なのはお前の都合

278

： Name_Not_Found [sage] 2018/04/07(土) 21:56:34.79ID:???

>>274

後でhref属性値を入れるまでのエラーを解消するために仮の値を入れておく
↓
バリデータでエラーがでなくなる
↓
正規のhref属性値を入れる
↓
バリデータでチェック
↓
エラーなし
↓
実は仮のデータが残ってた

バリデータでエラーが出るのが正なのに、いちいち仮データを入れてわかりにくくするなよ

279

： Name_Not_Found [sage] 2018/04/07(土) 22:03:15.39ID:???

>aタグからhrefを消しておくこと

意味ないな
それならaを消しておくことだろ

280

： Name_Not_Found [sage] 2018/04/07(土) 22:05:25.12ID:???

>実は仮のデータが残ってた

なんか違う

>エラーなし

それでいいんだよ

281

： Name_Not_Found [] 2018/04/07(土) 22:12:02.23

ID

:AARvg2a5

>>276

クライアント持ってる人は お問い合わせフォーム どうしてる？

282

： Name_Not_Found [sage] 2018/04/07(土) 22:14:45.81ID:???

>>279

はぁ？ じゃあプレースホルダーを作る時どうするんだよ

ttp://www.html5.jp/tag/elements/a.html
> もし a 要素が href 属性を持たないなら、その要素はプレースホルダーを表し、
> その要素のコンテンツのみから構成されます。もし関連性があったなら、
> そこにはリンクが配置されていたかもしれません。

283

： Name_Not_Found [sage] 2018/04/07(土) 22:15:52.47ID:???

>>278

別にわかりにくくはならないが？
バリデは構文や文法チェックするだけ

284

： Name_Not_Found [sage] 2018/04/07(土) 22:17:31.77ID:???

>>282

それはお前の都合であって質問者の問題ではない

285

： Name_Not_Found [sage] 2018/04/07(土) 22:19:32.31ID:???

>>284

都合じゃなくてHTML5の仕様なｗ
hrefなしのa要素は認められてる

まったく反論できなくなったからって他人のマネしてごまかすな
ほんと人として恥ずかしいわｗ

286

： Name_Not_Found [sage] 2018/04/07(土) 22:20:35.11ID:???

その場合は勝手に入れればいい
元々認められてるか否かの話ではない

287

： Name_Not_Found [sage] 2018/04/07(土) 22:22:08.39ID:???

元々認めれているかの話だけど？
だからバリデータという物が出てきてる

HTMLとして認められて無くていいなら
<a ここにあとでいれる>とか書いてればいいだろｗ

288

： Name_Not_Found [sage] 2018/04/07(土) 22:22:58.48ID:???

<a ここにあとでいれる>
ｗｗｗ

289

： Name_Not_Found [sage] 2018/04/07(土) 22:23:54.13ID:???

aを後から入れればいいのでは？

290

： Name_Not_Found [sage] 2018/04/07(土) 22:29:29.49ID:???

271ですが自己解決しました
もうこうれでいいですわｗ

<!--<a href="">-->

291

： Name_Not_Found [] 2018/04/07(土) 22:35:36.61

ID

:AARvg2a5

ちょっと待ってくれよ

お問い合わせフォーム 設置してる人いないのか

292

： Name_Not_Found [sage] 2018/04/07(土) 23:03:49.37ID:???

>>283

その通り
バリデータでエラーになるべきタイミングでエラーを回避しようとしているのが問題

293

： Name_Not_Found [sage] 2018/04/08(日) 01:49:55.27ID:???

>>291

クラによりけり
自前PHP使う時もあればネットのサービス使う時もある

294

： Name_Not_Found [sage] 2018/04/08(日) 11:34:21.46ID:???

>>292

エラーを回避はどうでもいいんだよ、この例では
リンクをどうしたいかを言っている

それにしても寄ってたかってあれこれ言って結局質問者が一番いい回答してることに草

295

： Name_Not_Found [sage] 2018/04/08(日) 12:19:48.62ID:???

>>294

エラーがどうでもいいなら、href="" を書いてエラーを無視すればいいだろ
この質問が無駄

296

： Name_Not_Found [sage] 2018/04/08(日) 12:28:14.19ID:???

質問者の回答って

>>290

か
コメントアウトしたら後でコメント解除しなきゃならんのだが、これが一番いい回答？

297

： Name_Not_Found [sage] 2018/04/08(日) 12:50:01.57ID:???

>>295

それ以外にあるかってことだろ

>>296

HTML上はそれが最も正しい
そもそもまだないもののだから

298

： Name_Not_Found [sage] 2018/04/08(日) 12:54:57.73ID:???

もう終わってるのにまだケチつけてることに草

299

： Name_Not_Found [sage] 2018/04/08(日) 12:55:45.35ID:???

あ、298は297のことではないよ

300

： Name_Not_Found [sage] 2018/04/08(日) 13:21:35.80ID:???

>>297

それ以外にする理由がないだろ、って話なんだがな
お前の話ではエラーはどうでもいいわけだから、別に他の手段を探す必要がない

301

： Name_Not_Found [sage] 2018/04/08(日) 13:53:50.33ID:???

エラーがどうでもいいといってるけど、

>>271

ではエラーを解消したい、というようにしか読めない
最も、エラーが出るなら入力漏れのチェックになっていいじゃん、と思ったけど

302

： Name_Not_Found [sage] 2018/04/08(日) 14:03:11.78ID:???

>>301

普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
問題はリンクになってるのにfalseするとユーザからしたら通常の挙動ではないこと
よってjsスレでの内容だがHTMLで何か方法ないかということ

303

： Name_Not_Found [sage] 2018/04/08(日) 14:05:59.27ID:???

エラーを解消したいが最優先の目的なら#入れておけば済む話でそれ以降は不要
よってエラーを解消したいではない

304

： Name_Not_Found [sage] 2018/04/08(日) 14:11:51.51ID:???

>>302

> 普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
結局は「エラーを回避したい」ってことでしょ

305

： Name_Not_Found [sage] 2018/04/08(日) 14:14:38.72ID:???

> 普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
該当エラーを無視して抽出するスクリプトを書いたら？
デメリットを無視してまで隠す必要性がない

306

： Name_Not_Found [sage] 2018/04/08(日) 14:31:21.94ID:???

> 後にURLを入れるためaタグでhref=""をかあらかじめ書いておきたい（必須）
この時点でinvalidになるのがMUSTなわけで、前提条件がアホ

307

： Name_Not_Found [sage] 2018/04/08(日) 15:26:23.89ID:???

>>304

>結局は「エラーを回避したい」ってことでしょ
違う

308

： Name_Not_Found [sage] 2018/04/08(日) 15:27:45.37ID:???

>>306

だからコメントでいいんだよ

終わってるのにしつこいな

309

： Name_Not_Found [sage] 2018/04/08(日) 15:46:12.84ID:???

>>306

スレタイ読めない人はさようなら。

310

： Name_Not_Found [sage] 2018/04/08(日) 17:33:49.63ID:???

>>307

違うってお前は質問者じゃないだろ
勝手に決めるな

311

： Name_Not_Found [sage] 2018/04/08(日) 19:51:56.65ID:???

>>310

質問者です

312

： Name_Not_Found [] 2018/04/08(日) 20:02:43.89

ID

:OR3f9ATd

>>293

HTML とかのサイト制作書物読んでもフォームのタグは乗ってるがPHPが記載されてないからフォーム設置出来ないよな

313

： Name_Not_Found [sage] 2018/04/08(日) 20:07:22.37ID:???

>>311

じゃあ質問者にしかわからないことを言ってみて

314

： Name_Not_Found [sage] 2018/04/08(日) 20:14:42.36ID:???

なんだこいつマジキチか

315

： Name_Not_Found [sage] 2018/04/08(日) 20:20:10.53ID:???

お前はマジチキ（マジでチキン=臆病）みたいだなｗ

316

： Name_Not_Found [sage] 2018/04/08(日) 22:36:17.76ID:???

さて今日は何曜日？日曜日ですね
はい毎週お馴染みのscssキチ改め「も」抜けスレ主さんですwwwwww

317

： Name_Not_Found [sage] 2018/04/08(日) 23:43:55.60ID:???

>>313

例えば何を？

318

： Name_Not_Found [sage] 2018/04/09(月) 02:09:37.21ID:???

>>317

なぜhref書くのが必須なのかとか言えばいいじゃん

319

： Name_Not_Found [] 2018/04/09(月) 17:19:34.11

ID

:C+XAGuuG

FileZillaを使っていて
リモートサーバにない新しいファイルをアップロードすると
パーミッションが600になっちゃいます
デフォルトはどこで設定すればいいんでしょか？

320

： Name_Not_Found [sage] 2018/04/09(月) 18:31:40.25ID:???

>>270

>>272

返信遅くなって申し訳ありません

googleではじかれますか
ですよね
客はすごく良いアイデア思いついた気になってるので困りました

321

： Name_Not_Found [sage] 2018/04/09(月) 18:32:52.44ID:???

↑のレス番訂正です

>>270

>>273

322

： Name_Not_Found [sage] 2018/04/09(月) 19:01:00.02ID:???

chromeでaタグをドラッグしたらURLをドラッグした状態になりますが
これを禁止するにはどうしたらいいのでしょうか？

323

： Name_Not_Found [] 2018/04/09(月) 20:25:37.05

ID

:C+XAGuuG

>>322

マウスダウンイベントをごにょごにょすればいいけど
ウェブアプリでなければあんまりやらんほうがいい

324

： Name_Not_Found [sage] 2018/04/09(月) 20:30:40.15ID:???

>>323

electronで作ったネイティブアプリなので
URLがドラッグできるとウェブアプリ以上にダサい感じになるのです
mousedownを防いでデフォルト動作を防げば確かに止められそうですね
ありがとうございました

325

： Name_Not_Found [sage] 2018/04/09(月) 21:19:33.88ID:???

>>318

それが依頼だから
後で簡単に入れられるように

とでも？クダラネ

326

： Name_Not_Found [sage] 2018/04/09(月) 21:27:55.41ID:???

>>325

それなら必須じゃないってことになりますね

327

： Name_Not_Found [sage] 2018/04/09(月) 21:41:06.51ID:???

君たちやめたまえ(｀・ω・´)

JSで弄るために<a href="">と書いて怒られるのが嫌なら
とりあえず<span>でも書いといて
<a>要素に入れ替えればいいじゃない

328

： Name_Not_Found [sage] 2018/04/09(月) 21:45:44.80ID:???

釣られすぎ

329

： Name_Not_Found [sage] 2018/04/09(月) 22:06:37.20ID:???

>>326

必須です

330

： Name_Not_Found [sage] 2018/04/09(月) 22:07:29.52ID:???

>>326

お前が判断することではない

331

： Name_Not_Found [sage] 2018/04/09(月) 22:09:20.03ID:???

>>327

<span><!--<a href=""></a>--></span>

332

： Name_Not_Found [sage] 2018/04/09(月) 22:18:42.88ID:???

コメントアウトするのはOKですが、
hrefを消すのはNGなんです。

333

： Name_Not_Found [sage] 2018/04/09(月) 22:22:48.12ID:???

なんで

>>327

ではいかんの？
ベストじゃん

334

： Name_Not_Found [sage] 2018/04/09(月) 22:27:32.14ID:???

コメントアウトするのはOKですが、
hrefを消すのはNGなんです。
<span>変更するのもNGなんです。

335

： Name_Not_Found [sage] 2018/04/09(月) 22:27:47.60ID:???

TODOコメント書いて
それを認識するエディター/IDE/なんらかのツール
でタスク管理するってのはどうか

336

： Name_Not_Found [sage] 2018/04/09(月) 22:50:12.83ID:???

>>334

じゃあもう答え出てるじゃん

<a> → varidatorが怒るからNG
<a href=""> → varidatorが怒るからNG
<a href="#"> → クリック出来るからNG
<a href="#" onclick="return false;"> → リンクが残るからNG

どれか１つ妥協すればいいだけじゃん
varidatorをチューンしちゃうのがいいと思うけど

337

： Name_Not_Found [sage] 2018/04/09(月) 23:13:38.51ID:???

話進めるのは勝手だが

>>332

>>334

は元の質問者じゃないからな、一応
どうせまた

>>313

のル−プになりそうだが

338

： Name_Not_Found [sage] 2018/04/09(月) 23:27:15.41ID:???

いつまでやってんだ

339

： Name_Not_Found [sage] 2018/04/11(水) 10:43:39.67ID:???

つまりあれはそういうことなんだと思う
だからこんなことになったのかと

340

： Name_Not_Found [] 2018/04/11(水) 11:35:05.78

ID

:QD0HMeFK

flex-wrapして３段になった時に一番下の段にだけマージンつけるとかってできますか？

341

： Name_Not_Found [sage] 2018/04/11(水) 13:24:03.97ID:???

できる。

342

： Name_Not_Found [sage] 2018/04/11(水) 18:28:18.73ID:???

<div class="hoge1">
　<div data-ptn2="hoge2"></div>
</div>

.hoge1 [data-ptn2=hoge2] {〜}

上では〜になるのですが下ではなりません
何がいけないのでしょうか？

<div data-ptn1="hoge1">
　<div data-ptn2="hoge2"></div>
</div>

[data-ptn1=hoge1] [data-ptn2=hoge2] {〜}

343

： Name_Not_Found [] 2018/04/11(水) 18:32:29.61

ID

:mbVW77MU

>>342

下のは、<div data-ptn1="hoge1" data-ptn2="hoge2">のセレクタ

この内側の<div>のセレクタは
<div data-ptn1="hoge1">
　<div data-ptn2="hoge2"></div>
</div>

こんな感じ
.hoge1[data-ptn1=hoge1]{
　　div[data-ptn2=hoge2]{
　　　　property: value;
　　}
}

344

： Name_Not_Found [sage] 2018/04/11(水) 18:33:05.87ID:???

漠然とした質問で申し訳ない。
ブラウザで見ると、そのページには表が表示されているんだけど
ソースを表示させてみると、その表の記述が見つからない。

どういうテクニックなの？

345

： Name_Not_Found [] 2018/04/11(水) 18:33:36.42

ID

:mbVW77MU

あー
SASS警察がくるー
脳内で
.hoge1[data-ptn1=hoge1] div[data-ptn2=hoge2]
に展開してくれ

346

： Name_Not_Found [] 2018/04/11(水) 18:34:18.44

ID

:mbVW77MU

>>344

JSで差し込んでる
ブラウザの開発ツールで見てみるとわかると思うよ

347

： Name_Not_Found [sage] 2018/04/11(水) 18:57:23.88ID:???

>>346

サンクス。

348

： Name_Not_Found [sage] 2018/04/11(水) 19:22:39.25ID:???

今webの３D（ブラウザで３ｄゲームとかできる）の最先端って何ですか？
数年前に見た時はWebGLとかcanvasのcontext3dとかを見ていて
あ、flash終わったなと思いましたが

349

： Name_Not_Found [sage] 2018/04/11(水) 19:30:46.51ID:???

>>345

下にしたいのでは
それなら上でいい

350

： Name_Not_Found [sage] 2018/04/11(水) 19:39:58.28ID:???

>>348

それそのまま進んでflash終わった。

351

： Name_Not_Found [sage] 2018/04/11(水) 20:59:48.13ID:???

>>343

クラスでなく属性で、cssでお願いします

352

： Name_Not_Found [] 2018/04/11(水) 21:16:01.11

ID

:mbVW77MU

>>348

計算だけでなくレンダリングまでサーバでやって
画像だけ送ってくるやーつはすげーなと思った

353

： Name_Not_Found [sage] 2018/04/11(水) 22:55:56.79ID:???

>>350

なるほど、やはりそんな感じなのですね

>>352

本格的なゲームとなると利用者に比例してコスト増大しそうですが、
テレビ的に一方通行で共通のデータを送信するような用途だと面白そうですね
５G時代が来るみたいですし

ありがとうございました

354

： Name_Not_Found [sage] 2018/04/12(木) 07:06:11.10ID:???

今の時代にそんな本格3Dのゲームがブラウザゲーレベルで求められてるかという問題もあるな
商売に絡めるなら今スマホを基準に考えないとダメなんでだったらアプリでやればいいになる

355

： Name_Not_Found [sage] 2018/04/12(木) 17:37:28.50ID:???

HTMLとCSSでコンボボックスを作るにはどうすればいいですか？

356

： Name_Not_Found [sage] 2018/04/12(木) 18:43:51.68ID:???

ttp://html5.cyberlab.info/elements/forms/input-list.html
HTML5はlist属性を使えばコンボボックスも簡単に作れるということが分かりましたが
一度選択すると選択したワードしか選択肢に現れないという挙動をするようです
この挙動は望まないものですし、意味が分かりません
これを変えることは出来るのでしょうか？

357

： Name_Not_Found [sage] 2018/04/12(木) 18:47:27.81ID:???

>>356

現在入力中の文字列でフィルタリングしてるんですね

358

： Name_Not_Found [sage] 2018/04/12(木) 20:24:15.70ID:???

>>355

<select size="3">
<option value="値">テキスト</option>
<option value="値">テキスト</option>
　：
</select>

って書けばいいよ
sizeの数字は適当に

359

： Name_Not_Found [sage] 2018/04/12(木) 20:25:59.80ID:???

>>356

それはコンボボックスではなく
サジェストしてるんだよ

360

： Name_Not_Found [sage] 2018/04/12(木) 21:07:06.95ID:???

コンボボックスかつサジェストだろ
コンボボックスを否定することはできんはずだ

361

： Name_Not_Found [sage] 2018/04/12(木) 23:32:23.03ID:???

tableの行と行の間に画像（下矢印）を表示したいのですが、cssだけで実現可能でしょうか？
今は偶数行のtdの中にimgで画像を入れています

tableは行選択が可能で、選択行だけ背景色を変える必要があるので矢印の画像はtrの外側？に
配置したいです。うまく説明出来ませんが

────────────────────
<tr>1行目の内容・・・・・・・・・</tr>
↓
<tr>2行目の内容・・・・・・・・・</tr> ←このtrが選択されている場合は背景色変える
↓
<tr>3行目の内容・・・・・・・・・</tr>

こんな感じです

362

： Name_Not_Found [sage] 2018/04/13(金) 01:06:19.07ID:???

after疑似要素とnot疑似クラスとlast-child疑似クラスでできる

363

： Name_Not_Found [sage] 2018/04/13(金) 01:33:17.33ID:???

afterはその要素の後じゃなく要素内の一番最後に作られるんだぞ

364

： Name_Not_Found [] 2018/04/13(金) 02:26:48.51

ID

:7pV1EVcq

例えばこんなhtmlで

＜p＞見出し0＜/p＞
　本文・・・・・
＜h2＞見出し1＜/h2＞
　本文・・・・・
＜h2＞見出し2＜/h2＞
　本文・・・・・

先頭の見出し0のみ＜p＞の場合、その見出しも＜h2＞と同じフォントサイズで表示したいのです。
自分でフォントサイズを指定するとしてもブラウザーがh2を何ポイントで表示するか分からないので
事前に指定する事が出来ません。
良い方法はありますか？

365

： Name_Not_Found [sage] 2018/04/13(金) 02:43:55.96ID:???

pとh2の両方に同じフォントサイズを指定するとか

366

： Name_Not_Found [] 2018/04/13(金) 10:05:28.61

ID

:7pV1EVcq

>>365

h2のデフォルトサイズで表示したいので
自分では指定したくないんです。

367

： Name_Not_Found [sage] 2018/04/13(金) 10:21:13.65ID:???

フォントサイズはremで指定すれば？
あと見出しをPで指定ってのはどうなんだ？

368

： Name_Not_Found [sage] 2018/04/13(金) 13:39:58.84ID:???

>>366

h2のデフォのスタイルコピペすればいいじゃん
開発ツールで見れるじゃろ

369

： Name_Not_Found [sage] 2018/04/13(金) 14:16:15.99ID:???

値にinitialキーワード使えばいいのでは

370

： Name_Not_Found [sage] 2018/04/13(金) 14:22:17.88ID:???

フォーカス時のoutlineのデフォルト状態を;focusで設定しました
:focus
は詳細度1のはずなのに、
main textarea
という詳細度2のセレクタよりも優先されてしまい、
outline: none
という設定をデフォルト設定で上書きしてしまいます

ttp://jsbin.com/toquciyico/edit?html,css,output

何故こうなるのでしょうか？

詳細度はこちらで計算しました
ttp://specificity.keegan.st/

371

： Name_Not_Found [] 2018/04/13(金) 17:28:13.82

ID

:7l5NNIBS

海外にもまだいるんだな詳細度とか計算する人

372

： Name_Not_Found [sage] 2018/04/13(金) 17:49:01.66ID:???

>>370

正常にoutlineが表示されるぞ
いくつかブラウザためしたか？

373

： Name_Not_Found [sage] 2018/04/13(金) 18:07:43.33ID:???

chromeで試したのですが
firefoxで見ても、やはりアウトラインが表示されてしまいます
正常ならtextareaがフォーカスされてもアウトラインは表示されないはずだと思うのですが
main textareaでoutline:noneにしているので。
何かを根本的に勘違いしているのでしょうか・・

374

： Name_Not_Found [sage] 2018/04/13(金) 18:13:13.57ID:???

>>373

すまん、表示されるのが正常と勘違いしていた

たしかに仕様的にはおかしいな
textarea （入力コントロール）だから特別に扱われている可能性はありうそうだが

375

： Name_Not_Found [sage] 2018/04/13(金) 18:19:35.26ID:???

ありがとうございます
何を勘違いしていたのか分かりました
詳細度計算機の各数字を単純に合計するのかと思っていたのですが
各数字は10進数の桁になっていて
:focusは1点ではなく10点でした
そしてmain textareaは2点でした
なので、:focusが優先されるのは正常動作でした
となると、:focusでデフォルトのoutlineを設定するのは良くないということですね

376

： Name_Not_Found [sage] 2018/04/13(金) 20:59:49.08ID:???

> 詳細度計算機の各数字を単純に合計するのかと思っていたのですが

ぜんぜん違う。点数なんてものは存在しない

377

： Name_Not_Found [sage] 2018/04/13(金) 21:00:27.92ID:???

点数は忘れろ

378

： Name_Not_Found [sage] 2018/04/13(金) 21:01:42.67ID:???

訂正する。点数計算とかばかみたいだからやめろ

379

： Name_Not_Found [sage] 2018/04/13(金) 21:03:10.77ID:???

点数は仕様で決められていたと思いますが・・
決められていないとこんな複雑な処理実装できないですよね

380

： Name_Not_Found [sage] 2018/04/13(金) 21:17:03.15ID:???

仕様には点数なんてものはない
点数は技術的なことをなにも知らない
文系馬鹿が言い出したでまかせ

381

： Name_Not_Found [] 2018/04/13(金) 21:17:47.18

ID

:7l5NNIBS

>>379

この辺がわかりやすいかもしれない
ttps://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4

詳細度ってポイント制じゃないの？のところを読んでみると良いかも
合計点って考え方は90年代からあるんだけど
足し算しちゃだーめよって話が書いてある

382

： Name_Not_Found [sage] 2018/04/13(金) 21:18:07.44ID:???

本来は点数なんてものは存在しないからシンプル

点数のせいで複雑に見えてる

383

： Name_Not_Found [sage] 2018/04/13(金) 21:24:18.12ID:???

優先度を考えなきゃいかんような状況に陥った時点で
設計に問題があるかもしれないね

384

： Name_Not_Found [sage] 2018/04/13(金) 21:27:11.87ID:???

CSSの優先度なんて種類で分岐して数を数えるだけ

IDがありますか？ → Aランクグループへ
クラス等（要素以外）がありますか？ → Bランクグループへ
要素（疑似要素）がありますか？ → Cランクグループへ
*ですか？→ Dランクグループへ


各ランクグループは、そのランクの個数で勝負
（下位ランクのものをいくつ持っていても意味ない）
それだけの話なんだが


例外として、style属性に書いてあれば、ランク関係なしに優先されて
!importantがついていれば、それよりも優先される
（!importantがついている者同士でランキング争いは行う）

385

： Name_Not_Found [sage] 2018/04/13(金) 21:30:08.85ID:???

> （下位ランクのものをいくつ持っていても意味ない）

訂正。同じ個数持っている場合は下位ランクの数で比較

386

： Name_Not_Found [sage] 2018/04/13(金) 21:53:20.68ID:???

>>381

なるほど
桁が下の数字がいくら積み上がっても上の桁を凌駕することはないのですか
単なる合算よりも分かりやすい、すっきりする挙動ですね
ありがとうございました

387

： Name_Not_Found [sage] 2018/04/13(金) 22:30:51.17ID:???

17年ほど前の話だが
サイトで足し算しろってドヤ顔で書いた
id1個とclass10個で上回れないからセレクタ10個以上は無視されるとまで書いた

本当に申し訳ないと思う

388

： Name_Not_Found [sage] 2018/04/13(金) 23:16:57.67ID:???

>>387

若さゆえの過ちですな

389

： Name_Not_Found [sage] 2018/04/14(土) 22:50:17.12ID:???

>>342

>>351

お願いします

390

： Name_Not_Found [sage] 2018/04/14(土) 23:40:56.23ID:???

+と>っていまだよくわからん

391

： Name_Not_Found [sage] 2018/04/14(土) 23:58:50.52ID:???

>>390

+はすぐ後ろ、>は直下
<div class="hoge">
<div class="fuga"></div>
</div>
<div class="piyo"></div>
ってあった場合
.hoge + div は .piyo のこと
.hoge > div は .fuga のこと

392

： Name_Not_Found [sage] 2018/04/15(日) 00:26:01.97ID:???

>>389

１つ目がクラスじゃなくなるんだから
１つ目も属性セレクタで書けばいいよ

393

： Name_Not_Found [sage] 2018/04/15(日) 03:30:25.89ID:???

>>364

本文はpでくくらんとあかんで

394

： Name_Not_Found [sage] 2018/04/15(日) 06:36:08.30ID:???

X Y
Y は、X の子孫。
子・孫など、どんな子孫でもよい

X > Y
Y は、X の子。
直接の子だけ。孫以下の子孫は含まない

395

： Name_Not_Found [sage] 2018/04/15(日) 10:20:38.96ID:???

>>392

ありがとう
どうも別に原因があったらしいです
これから検証orz

396

： Name_Not_Found [sage] 2018/04/15(日) 10:30:03.42ID:???

>>393

省略してるんじゃ
見出し0はhだが

397

： Name_Not_Found [sage] 2018/04/15(日) 21:07:57.47ID:???

aタグの中にfigcaption入れたらW3Cのチェックでエラーになったんだけどこれって何でですか

398

： Name_Not_Found [sage] 2018/04/15(日) 21:21:25.32ID:???

示される理由が英語で読めませーんとかなら翻訳板行け

399

： Name_Not_Found [sage] 2018/04/15(日) 21:31:06.26ID:???

ウェブフォントを使ってるサイトは
ページが表示されてから少し間があってフォントが変わりますが
この挙動がいまいちな気がします
フォントをすっかり読み込んでからテキストをフェードインさせるとかした方がいいんじゃないでしょうか？

400

： Name_Not_Found [sage] 2018/04/15(日) 21:33:27.84ID:???

>>398

入れちゃダメってことになってるからダメ っていうエラーでしたよ
これじゃ合理性に欠ける

401

： Name_Not_Found [sage] 2018/04/15(日) 21:52:18.70ID:???

>>400

ってことは英語読めるのね？
じゃここに懇切丁寧な説明があるよ。
ttps://stackoverflow.com/questions/37831262/is-figcaption-allowed-to-be-a-child-of-an-a-tag-in-html5

402

： Name_Not_Found [sage] 2018/04/15(日) 22:05:58.22ID:???

>>401

使い方を勘違いしていただけですね
ご丁寧にありがとうございます

403

： Name_Not_Found [sage] 2018/04/15(日) 22:33:51.05ID:???

tableタグでdivが効かないのですが
tableタグのtdタグ内で
画像を置いたり位置を調節するには
どうしたらよいのでしょうか？

404

： Name_Not_Found [sage] 2018/04/16(月) 00:06:41.47ID:???

>>399

FOUTと呼ばれる現象。長い間メリケンweb屋を激怒させてきた。
今ではcssのfont-displayで挙動を指定できたり、
jsならfont loading apiというのもある。
あとはググれ。ポリフィルもあるはず。

405

： Name_Not_Found [sage] 2018/04/16(月) 00:38:52.36ID:???

俺は宗教上の理由でtableでのレイアウトを禁じられているので答えられないが、このスレに太古より生息するテーブルレイアウトの達人が答えてくれるだろう…

406

： Name_Not_Found [sage] 2018/04/16(月) 02:35:39.99ID:???

>>404

ありがとうございます
あれを気持ち悪いと思っていたのが自分だけじゃないと分かって安心しました
対策もあったんですね

407

： Name_Not_Found [] 2018/04/16(月) 03:58:49.10

ID

:ZLmsLSBT

まとめブログをやってるんですが、背景設定するとパーツが透けて背景が見えてしまいます
パーツの背景だけを白にするとかどうやればよろしいのでしょうか？
backgroundで指定するとその列全体に適応される（例えば記事と記事の空白に背景が映るようにしたいけどそこも白くなる）
ググってもやり方が見つけられなかったのでぜひとも解決方法を教えてください

408

： Name_Not_Found [sage] 2018/04/16(月) 11:01:44.05ID:???

ヤフオクの商品ページをいつもHTMLで書いてるのですが、
ここで使えるタグは一部だけ公表されていて不透明な部分が多かったりします。
表の編集でセル内の文字のセンタリングを指定したくても
<td style="text-align: center;〜のstyle要素がごっそり削られてしまうのでこの手が使えず
かと言って<center>が普通に使えるHTMLエディタは現行のものはないのではないかと。
ということで
1)現行のHTMLエディタで表のソース中に一つ一つ<center>タグを手打ちする
　→正直かなり面倒
2)2000年前後に公開された古いHTMLエディタを使う
　→探してますが今一つ見当たらず。特に最適化とか
　厳密なエラーチェックとかやってくれる奴があるかも分からず。

BlueGriffonやSharepoint Desingner2007とかとりあえず使ってますが
この問題で悩んでます。
何かアドバイスとか頂ければ幸いです。

409

： Name_Not_Found [sage] 2018/04/16(月) 11:50:28.86ID:???

>>408

厳密なエラーチェックとか必要？

410

： Name_Not_Found [sage] 2018/04/16(月) 11:51:54.31ID:???

>>407

もう少し具体的に
出来ればどこかにコード晒して

411

： Name_Not_Found [sage] 2018/04/16(月) 11:53:46.79ID:???

>>403

多分何か勘違いしている
divが効かないってのを
もう少し標準的な用語で説明してちょ

412

： Name_Not_Found [sage] 2018/04/16(月) 20:03:19.99ID:???

>>411

tableタグのtdタグの中で
divタグを使用しても
divタグのwidthやheightが
効かないのです
background-colorで着色しても
領域に色が塗られません

413

： Name_Not_Found [sage] 2018/04/16(月) 21:33:52.70ID:???

>>412

つまり、

<table><tbody><tr><td>
<div style="background-color: red;">何か</div>
</table>

としても「何か」の背景は赤にならないと？
どこかにあるdiv用のスタイル または table用のスタイル
が悪さをしているとしか考えられんが
他の要素の場合は？

414

： Name_Not_Found [sage] 2018/04/16(月) 22:13:06.32ID:???

>>413

うーん、それができないんですよね

☆事業内容

みたいな
アイコン+文字列をやるために
画像領域と文字列領域を
divで区切りたかったのですが
tdタグの中のdivは効く様子がないです
同僚からはtableタグは使うなみたいに言われまして
結局divに変更することにしました

415

： Name_Not_Found [sage] 2018/04/16(月) 22:19:45.09ID:???

>>412

そんなことはない
heightはtableかtdにもheight与えなきゃいけないけどwidthやbackgroundはちゃんと効く
そのdivを開発者ツールとかで見てみろ
display:inlineとかbackground:#fffとかがimportantされてるとかのオチじゃないか

416

： Name_Not_Found [sage] 2018/04/17(火) 00:23:38.33ID:???

>>415

なるほど
他におかしいところがあるから
おかしくなってるということですね

417

： Name_Not_Found [sage] 2018/04/17(火) 01:04:21.09ID:???

ブラウザの右クリックメニューから、その要素上で、要素の検査をすれば、
F12開発者ツールが起動するから、

CSS を見れば、適用されているスタイルがわかる

418

： Name_Not_Found [sage] 2018/04/17(火) 15:15:36.08ID:???

もしスレチだったらごめんなさい
Android7.1.1でクローム65.0.3325.109を使っているのですが、あるサイトの決まったページのものだけ「新しいタブで開く」で開くと毎回再読込をしないとページが表示されません
地味に不便なのですが、これは何か規則性があるのでしょうか？

419

： Name_Not_Found [sage] 2018/04/17(火) 18:21:29.13ID:???

どのサイトのどのページもそうだろ

420

： Name_Not_Found [sage] 2018/04/17(火) 20:30:56.39ID:???

えーっと、伝え方が悪かったです。
こんなのになるんですよ
再読込押すと普通に出てきます
ttps://i.imgur.com/XpIjuXr.jpg

421

： Name_Not_Found [sage] 2018/04/17(火) 20:31:27.57ID:???

再読込押すと普通にエラーではない画面が出てきます、の間違いです

422

： Name_Not_Found [sage] 2018/04/17(火) 21:14:23.48ID:???

他のブラウザではどうなの？

423

： Name_Not_Found [sage] 2018/04/17(火) 21:28:42.19ID:???

今試してみると全く同じページがgalaxyの純正ブラウザでは開けました

424

： Name_Not_Found [sage] 2018/04/17(火) 23:55:31.28ID:???

セッション管理をしていて、途中の状態からは、アクセスできないとか

一番最初の状態から始めないと、アクセスできないような作りになっているとか

425

： Name_Not_Found [sage] 2018/04/18(水) 00:14:03.68ID:???

jsでコントロールできてないパターンちゃうか

426

： Name_Not_Found [sage] 2018/04/19(木) 01:47:04.47ID:???

Web製作者から見て、やらおんとかはちまとかの大手アフィサイトの出来っていい方なの？
それとも技術的にみてもゴミクソサイトなの？

427

： Name_Not_Found [sage] 2018/04/19(木) 01:48:53.69ID:???

クソゴミ

428

： Name_Not_Found [] 2018/04/19(木) 03:27:15.49

ID

:vCw0e5oC

まとめサイトで結構いいデザインだなってとこどこがある？

429

： Name_Not_Found [sage] 2018/04/19(木) 06:56:11.28ID:???

まとめサイトの時点でない

430

： Name_Not_Found [sage] 2018/04/19(木) 22:11:44.48ID:???

金儲けサイトは間違えて広告を押してしまいやすいサイトだからなｗ

431

： Name_Not_Found [age] 2018/04/19(木) 23:15:37.18ID:???

Android Chromeの機能のひとつに、
リンクが密集している部分をタップした場合、タップした周辺がルーペみたいに拡大されるものがあるんですけれど、
iframeタグを使って埋め込んだサイトでこれをやるとルーペの中身が真っ白になってしまいます。

<iframe src="（wikipediaみたいなリンクの密集してるサイト）"></iframe>

確認したのはChromeは53.0.2785.97、Android4.4.2なので相当古いのですが、
ルーペを出さないようにするかルーペの中身をハンドルする方法ってあるんでしょうか。

432

： Name_Not_Found [sage] 2018/04/20(金) 14:29:29.96ID:???

いいえ

433

： Name_Not_Found [sage] 2018/04/20(金) 14:57:12.48ID:???

またyes/noクエスチョン自爆奴ｗｗｗ

434

： Name_Not_Found [sage] 2018/04/21(土) 09:22:49.23ID:???

じゃ、この部分は切り捨てることにします

435

： Name_Not_Found [sage] 2018/04/30(月) 06:30:54.47ID:???

<dl>
<dt><dd>
<dt><dd>
:
</dl>

ってならんでるHTMLで1つの <dt><dd> はセットでたてならびにして
それの横にならべるのってＣＳＳでできますか？
absoluteやポジション指定すれば当然できるんですが
できればピクセル指定なしで中身の幅に合わせてならぶようにしたいです

436

： Name_Not_Found [sage] 2018/04/30(月) 07:37:06.72ID:???

出来ないと思う
使いづらいけどみんな好きだよなあ、dl

437

： Name_Not_Found [sage] 2018/04/30(月) 09:45:31.19ID:???

>>435

こういう風にしたいわけ？
このサイトも同じようなことを考えてたけどできないので
1列ごとにdlで囲ってそれをfloatさせる方法でやってるね
ttp://http://d.hatena.ne.jp/tamo_hand/20090628/p1">ttp://d.hatena.ne.jp/tamo_hand/20090628/p1

438

： Name_Not_Found [sage] 2018/04/30(月) 09:52:40.22ID:???

>>436

,437
まさにこうしたかったです

システムからの自動出力でＨＴＭＬの構造がいじれなくて
ちょっと短文が多めでたてに並ぶと見栄えが悪いのでよこにならべられないかなと思った次第です
できないようなのであきらめます

できないことがわかるだけでも無駄に悩まずにすむので助かりました
ありがとうございました

439

： Name_Not_Found [sage] 2018/04/30(月) 10:16:21.97ID:???

>>435

>>435

dl{display:grid;
grid-template-columns:repeat(auto-fill,max-content);
grid-template-rows:repeat(2,max-content);
grid-auto-flow:row dense;
}

dt{grid-row:1/2;}
dd{grid-row:2/3;}

dt,dd{jistify-item:center;
align-item:center;
}

※max-contentやgrid layout使用のため最新ブラウザのみ。レスポンシブ非対応。

440

： Name_Not_Found [sage] 2018/04/30(月) 20:48:10.54ID:???

こういう問題見ると、まだまだ未完成な言語だなあって思うわ

441

： Name_Not_Found [sage] 2018/04/30(月) 21:39:21.08ID:???

でもいい指摘だわ。
殿堂入りしていい内容。

442

： Name_Not_Found [sage] 2018/05/01(火) 00:26:02.79ID:???

>>440

昔と比べれば日々進歩してるな
IEが早く消えてればもっと進歩も早かったはず

443

： Name_Not_Found [sage] 2018/05/01(火) 00:28:20.82ID:???

Edgeは許されてるの？

444

： Name_Not_Found [sage] 2018/05/01(火) 02:13:10.05ID:???

IEにくらべたらまぁ
IE6がもっともガンだったけど
やっと消えてくれたから

445

： Name_Not_Found [sage] 2018/05/01(火) 15:03:58.92ID:???

　　　　　↓A要素のアウトライン
マ　┏━━━━━━━━━━━━━━━━━━━━━━━┓
│　┃AAAAAAAAAAAAAAAAABBBBBBBBBBBBBBBBBBBB┃
ジ　┃AAAAAAAAAAAAAAAA↑BBBBBBBBBBBBBBBBBBB┃
ン　┃AAAAAAAAA[←A要素内のB要素→]BBBBBBBBBBBB┃
マ　┃CCCCCCCCCCCCCC↓CDDDDDDDDDDDDDDDDDDD┃
│　┃CCCCCCCCCCCCCCCCDDDDDDDDDDDDDDDDDDD┃
ジ　┃CCCCCCCCCCCCCCCCDDDDDDDDDDDDDDDDDDD┃
ン　┗━━━━━━━━━━━━━━━━━━━━━━━┛

こんな感じのA要素内のB要素を、ボタン推すとマージンとか全部無視してぱっと画面いっぱいに拡大表示させたいのですが (それはJSでCSS切り替えしてやります)
widht,heightだけ指定して拡大しても

マ　┏━━━━━━━━━━━━━━━━━━━━━━━┓
│　┃AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABB..┃
ジ　┃AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABB..┃
ン　┃AAAAAAAAA[←A要素内のB要素→]AAAAAAAAABB┃
マ　┃AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABB..┃
│　┃AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABB..┃
ジ　┃CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCDD..┃
ン　┗━━━━━━━━━━━━━━━━━━━━━━━┛

こんな感じで、A要素の中でだけ拡大されてしまいます

質問ですが親要素を無視して、特定の要素を拡大して表示する方法はあるでしょうか？
CSS初心者なので、初歩的なやり方をしらないだけだとは思うのですが、どうかよろしくおねがいします

446

： Name_Not_Found [sage] 2018/05/01(火) 15:36:05.53ID:???

つ jsfiddle

447

： Name_Not_Found [] 2018/05/01(火) 17:11:55.89

ID

:+2gl/KmG

<select>で表示されるプルダウンメニューをクリックしたときの一度に表示される要素数を変えるにはどうしたらいいんですか＞
<select size=6>とかだとリストボックス形式になるからプルダウン式で

448

： Name_Not_Found [sage] 2018/05/01(火) 17:19:55.35ID:???

>>445

Aを offset parent にして
Bを position: absoluteにして
margin: auto
top: 0
bottom : 0
left : 0
right : 0

449

： Name_Not_Found [] 2018/05/01(火) 18:25:50.00

ID

:l1wYHpV1

誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

1KSSR

450

： Name_Not_Found [sage] 2018/05/01(火) 20:32:53.14ID:???

>>446

すみません、サイトの構成が複雑すぎてjsfiddleに再現しきれなかったです
シンプルに書いたのですが、実際は親要素もいっぱいある感じで、親要素全部はいじるのは難しいです

>>448

ありがとうございます、ですがこれを設定してみてもダメでした。offset parentはもともとAでした
あと追加ですみません、色々やってて気づいたのですがz-indexを1億に設定しても前に出てくる要素があったりします

改めてまとめると「(ほぼ)どんな場合でも親要素を無視して最前面表示できる出来る方法」を知りたいのですが、ないでしょうか？
色んなサイトで使いたいので汎用法があればと思ったのですが

451

： Name_Not_Found [sage] 2018/05/01(火) 22:48:44.10ID:???

>>450

>z-indexを1億に設定しても前に出てくる

他をいじらずにそれを必ず避けることはできない
element が属する stacking context を establish している box が box tree の root でない限り、他の element が前に出てくる可能性は避けられない

452

： Name_Not_Found [sage] 2018/05/02(水) 00:17:42.05ID:???

>>450

複雑なものを複雑なままにしてるからいかんのよ
問題はシンプルにして解決法を考えるもんだ

いらん要素は全部取っ払って
必要なもんだけ書きなされ

453

： Name_Not_Found [sage] 2018/05/02(水) 15:52:35.47ID:???

font sizeをpxで指定することがありますが、この時どこの大きさ（長さ？）を指定しているんでしょうか？
文字サイズ10pxというのは何が10pxなんですか？

454

： Name_Not_Found [sage] 2018/05/02(水) 17:37:55.77ID:???

>>453

いわゆる em ボックス（ font のグリフをデザインするための基準矩形）の高さ
「em」という名称は文字 M に由来する

455

： 453 [sage] 2018/05/02(水) 18:48:58.84ID:???

なるほど、それを元にして1.2emとかを使っていくんですね
スッキリしました
ありがとうございます

456

： Name_Not_Found [sage] 2018/05/02(水) 21:21:31.13ID:???

>>451

なるほど、ある要素だけをいじって最前面にするってのは不可能ということですね
ありがとうございました！

>>452

わたしのサイトではないので・・・すみません

457

： Name_Not_Found [sage] 2018/05/03(木) 02:23:56.05ID:???

画像クリックで別のリンク先へ飛べるようにしたんですが、クリックできる範囲が画像+横のオレンジ部分まで広くなってしまいました
どうすればクリック出来る範囲を画像の部分だけにできますか？

458

： Name_Not_Found [sage] 2018/05/03(木) 10:39:03.33ID:???

>>457

マークアップが
<a><img></a>
ならば、 a か img のスタイルをどうにかする
例えば どっちかが display:block になってるせいかもしれない

459

： Name_Not_Found [sage] 2018/05/03(木) 10:40:20.16ID:???

aタグがblockとかになってるかpadding持ってるんじゃ？

460

： Name_Not_Found [sage] 2018/05/03(木) 11:46:52.82ID:???

>>458

>>459

imgでblockになっていましたありがとうございます

それで更新してIEで見ると画像部分だけになりましたが、Chromeでみると画像じゃない部分もまだクリック出来てしまいます
これは仕様ですかね？

461

： Name_Not_Found [sage] 2018/05/03(木) 12:21:50.34ID:???

これからはremで指定だよ

462

： Name_Not_Found [sage] 2018/05/03(木) 13:50:15.00ID:???

状況に応じてブレークポイントとかJSで簡単に調整できるのがいいよねremは

463

： Name_Not_Found [sage] 2018/05/03(木) 21:58:20.52ID:???

>>460

これキャッシュ残ってただけでした
アリガトゴザイマシタ

464

： Name_Not_Found [sage] 2018/05/07(月) 06:46:18.98ID:???

子要素にfont-size:12px !important;
などと設定されている場合、親要素側でコントロールすることは不可能でしょう蚊帳

465

： Name_Not_Found [sage] 2018/05/07(月) 08:54:32.49ID:???

css transform scaleとか

466

： Name_Not_Found [sage] 2018/05/07(月) 13:30:04.98ID:???

firefoxの検索バーにflex=1などという指定がされているのですが、このせいかわからないですが、検索バー付近にブックマークをドラッグしたときに（サイドバーから）、検索バーが意図せずに伸び切ってしまうのですが、このflexというのが関係あるでしょうか？
また、cssでは無効にできない部分でしょうか

>>465

やってみます
ありがとうございました

467

： Name_Not_Found [sage] 2018/05/08(火) 05:52:59.59ID:???

お気に入り一覧でお気に入りボタンをクリックするとお気に入りから削除されるようにしたいです。
（#fa8072から#999にボタンマークの色が変わってページが更新されるとリストから消えるようにしたい）
以下の状態だとお気に入りマークをクリックしても色も変わらずリストからも削除されません。
何がいけないのでしょうか？

<div class="favorite-list__fav-items">
<button type="button" class="favorite-button" <{favorite_button_attribute product_id=$product.id delete="favorite-list__fav-items"}>>
<svg role="img" aria-hidden="true"><use xlink:href="#heart"></use></svg>
</button>
</div>

468

： Name_Not_Found [sage] 2018/05/08(火) 05:53:23.96ID:???

（続き）

.favorite-list__fav-items button {
display: block;
width: 100%;
padding: 5px 0;
cursor: pointer;
transition: .2s;
text-align: center;
color: #fa8072;
border: 0;
outline: none;
background: transparent;
}

.favorite-list__fav-items .fav-items {
color: #999;
}

.favorite-list__fav-items svg {
width: 20px;
height: 20px;
fill: currentColor;
}

469

： Name_Not_Found [] 2018/05/08(火) 09:53:11.63

ID

:lBN8c63J

ランキングサイトのバナーを貼るとこうなってしまう(リンクはできる)のですが、どういった原因が考えられますか？
ttps://i.imgur.com/VZg4qmH.jpg

470

： Name_Not_Found [sage] 2018/05/08(火) 13:13:06.07ID:???

リンク切れ

471

： Name_Not_Found [sage] 2018/05/08(火) 21:48:48.36ID:???

>>467

まずHTMLじゃないでしょこれ

HTMLとCSSだけで何かを記憶したり削除したり文章構造の変更はできないと思う
ＣＳＳでできるのは「予め」かかれてあるものを「表示」「非表示」にすることだけ

ボタンを押してHTMLの中身を書き換えたり
どこかと通信して削除された後のHTMLを表示したりするのはこのスレの対象外

472

： Name_Not_Found [sage] 2018/05/08(火) 23:36:48.32ID:???

>>471

Javaスクリプトとか必要になって来るということですか？

>>467

は、お気に入りに追加の仕様を削除に出来ないか試してみたものなんですが

元のコードはこれです。

<div class="product-list__fav-items">
<button type="button" class="favorite-button" <{favorite_button_attribute product_id=$productlist[num].id added_class="fav-items"}>>
<svg role="img" aria-hidden="true"><use xlink:href="#heart"></use></svg>
</button>
</div>

473

： Name_Not_Found [sage] 2018/05/08(火) 23:38:19.88ID:???

（続き）
.product-list__fav-items {
margin-top: 10px;
width: 30px;
}

.product-list__fav-items button {
display: block;
width: 100%;
padding: 5px 0;
cursor: pointer;
transition: .2s;
text-align: center;
color: #999;
border: 0;
outline: none;
background: transparent;
}

.product-list__fav-items .fav-items {
color: #ff7373;
}

.product-list__fav-items svg {
width: 20px;
height: 20px;
fill: currentColor;
}

474

： Name_Not_Found [sage] 2018/05/08(火) 23:41:44.36ID:???

（続き）
サンプルサイトです。
ttps://monosample.shop-pro.jp/

これは「お気に入りボタンを商品一覧ページへ設置」なんですが、こんな感じで「お気に入りページ」を作りたいのです。

商品一覧(product-list)をお気に入りリスト（favorite-list）に変更して
ボタンの色を#fa8072→#999（追加済みなので）に変更したのですが、ボタンを押しても動かないんです。

一応スクリプトとか使わなくても出来るらしいので、どこか間違っているだけかもしれないのですが、どこがおかしいのかわからないんです。
上記のコードはサンプルサイトのコードになりますので、色コードが一部違います。
紛らわしくてすみません。 👀
Rock54: Caution(BBR-MD5:fc5433912aa55592f73f2dda4d43bdf8)

475

： Name_Not_Found [sage] 2018/05/09(水) 00:43:07.38ID:???

要素の削除は、JavaScript のjQuery の、remove

CSS では、要素の削除はできないのでは？
非表示にするとか、マイナス座標に飛ばせるだけで、削除はされていないのでは？

削除されていない場合は、メモリ内には存在する

476

： Name_Not_Found [sage] 2018/05/09(水) 01:20:00.61ID:???

<button <{favorite_button_attribute product_id=$product.id delete="favorite-list__fav-items"}>>

<<{ }>>
これは、タグの中に、タグがある

{ } 内に、何かのプログラムの命令文がある

477

： Name_Not_Found [sage] 2018/05/09(水) 01:49:47.06ID:???

>>475

サンプルサイトではお気に入りしたものがページ下部にお気に入り一覧として出るんですが
商品詳細や商品一覧でお気に入りを外すと、ページ下部の一覧からも消えます。
この仕様がそのまま使えないのかなと。

Javaスクリプトとか自分は扱えないので、スクリプト必要な場合はあきらめます。

>>476

管理サイトの独自タグというヤツなんですが、お気に入り商品数が25商品までに
自動的になっているので命令文あると思います。
ただお気に入りページをカスタマイズしているショップさんも他にあって
プロの方がスクリプトの話はせずにお気に入りページ作れると言っていたので出来るのではないかと

こちらが元ネタです
ttps://shop-pro.jp/news/20170421-favorite-function/

478

： Name_Not_Found [sage] 2018/05/09(水) 10:18:10.93ID:???

>>477

結論からいうと無理
ページ遷移後に違うページを表示させることはHTML CSSだけでは無理
JS使っても無理
何らかのＣＧＩ　つまりサーバー側の記述が必要

479

： Name_Not_Found [sage] 2018/05/09(水) 10:21:48.32ID:???

ただサイト側のＣＭＳにそういう仕組みがそなわってて
<{favorite_button_attribute product_id=$productlist[num].id added_class="fav-items"}>>
みたいな記述でできるのかもしれないけど
それはＨＴＭＬやＣＳＳの範疇じゃない独自拡張なのでこのスレの範囲外

この記述でぐぐると　カラーミー　テンプレート　とかでてくるので
カラーミーっていう専用ＣＭＳサイト上の話なんじゃないのかな

480

： Name_Not_Found [sage] 2018/05/09(水) 10:36:48.09ID:???

JSなら無理ではないんじゃね
ＵＲＬにうめこむなりlocalStorage使うなりでページに状態をもたせることはできるよね

まあマーケッティングリサーチに使うならお気に入りって情報は鯖側でもったほうがいいと思うし
いずれにしろスレチ

481

： Name_Not_Found [sage] 2018/05/09(水) 10:42:01.38ID:???

>>478

違うページに移動はしなくてもいいです。お気に入りから外れれば結果的にリストには残らないはずなので
今困っているのは

>>467

>>468の記述だと、お気に入りマークをクリックしても変わらない（お気に入りのままになっている）のです

>>472

>>473を改変しているのですがどこがいけないのでしょうか？

>>479

[num]を少し調べてみます。

カラーミーのテンプレをカスタマイズしているショップさんは克服しているのでサーバーとは関係ないと思います。
カスタマイズに関してカラーミーはノータッチなので。

費用が発生するような質問だったらすみません。
プロに頼めってことですよねorz

482

： Name_Not_Found [sage] 2018/05/09(水) 11:27:54.00ID:???

ページ遷移っていうのは違うページに移動することじゃない
同じＵＲＬを再度表示したときにページ内容を変えることもページ遷移っていう

ページ遷移なしでいいならこういうことをすれば表示だけは消せる
逆にページ遷移すると復活するのでおそらくやりたいことじゃないと思うが

.favorite-list__fav-items input {
display: none;
}

.favorite-list__fav-items input:checked + .fav-items {
display: none;
}

-->
</style>

<div class="favorite-list__fav-items">
<input type="checkbox" id="item1">
<div class="fav-items">
<label for="item1">お気に入り削除</label>
<div>ダミーテキスト</div>
</div>
<input type="checkbox" id="item2">
<div class="fav-items">
<label for="item2">お気に入り削除</label>
<div>ダミーテキスト</div>
</div>
</div>

>お気に入りから外れれば結果的にリストには残らない
この時点で鯖側のＤＢ更新必須なので根本的にHTMLとCSSの範疇じゃない　別スレいってくれ

483

： Name_Not_Found [sage] 2018/05/09(水) 11:40:41.87ID:???

<{favorite_button_attribute product_id=$product.id delete="favorite-list__fav-items"}>

の独自仕様部分でボタンをおしたら何らかのアクションスクリプトで
product_idのアイテムのDOMをfavorite-list__fav-itemsからさ駆除するようになってるんだろう

でいまそれが動いてないだけなんだろうけどそんな独自仕様が動かないのをきかれても答えられるわけない
とりあえずその部分が動かない限り何かが変化することはないよ

484

： Name_Not_Found [sage] 2018/05/09(水) 12:45:33.64ID:???

有料ＣＭＳ用のコードをapache上で動かそうとしてるだけなんじゃないの

485

： Name_Not_Found [sage] 2018/05/09(水) 13:09:47.54ID:???

だーかーらー
htmlとcssだけでは無理だってみんな何回も言ってるじゃん
最低限JavaScriptがいるの
その上で場合によってはPHPやCGIもいる

486

： Name_Not_Found [sage] 2018/05/09(水) 13:47:56.70ID:???

>>482

labelというのは見たことないのでやれるかどうかわかりませんが調べてみます。

>>483

>>485
やっぱスクリプトですかね。お手上げです。

>>484

CMSというのはこちらで初耳です。プロが指南しているサイトではスクリプトとか
特別な何かを使う話はなかったのでHTMLとCSSだけで出来るのかと思ってました。
お気に入り一覧を一つのページにまとめて掲載するだけなので場所が違うだけだと思ったのですが。

失礼致しました&ありがとうございました。

487

： Name_Not_Found [sage] 2018/05/09(水) 14:10:03.04ID:???

>>482

すみません、ダミーテキストって何のことですか？

488

： Name_Not_Found [sage] 2018/05/09(水) 14:50:14.81ID:???

ダミーのテキストのことです。
具体的にいうと宮沢賢治です。

489

： Name_Not_Found [sage] 2018/05/09(水) 14:58:44.98ID:???

宮沢賢治？あの肺炎で死んだ人か

490

： Name_Not_Found [sage] 2018/05/09(水) 15:33:29.35ID:???

ググるって単語から教えたほうがいいだろうね

491

： Name_Not_Found [sage] 2018/05/09(水) 17:59:58.06ID:???

もちろんググりましたよ。
でもhtmlにダミーテキストを入れる理由がわかりません。
なぜそんなものを入れるんですか？

あとこんな素人ですが、サイトをレスポンシブに変えるのは無謀でしょうか。
やり方を説明しているサイトがあるので自分で出来ないだろうかと。

492

： Name_Not_Found [sage] 2018/05/09(水) 18:11:50.52ID:???

入れないと何も表示されずにデモにならないから入れてるだけだろ
HTMLかいたことすらないレベルなのか

493

： Name_Not_Found [sage] 2018/05/09(水) 18:31:13.01ID:???

ダミーテキストの文字自体は意味ないよ
そこを好きにかきかえてお気に入りの内容を表示させるためにいれたんだけど
ラベルの中にいれて全部クリック対象にしてもいいよ

label っていうのは for を input の id と一致させることで
ラベル内をクリックしたときにチェックボックスに判定をもたせることができる

でチェックボックスがチェックされるとそれに隣接する fav-item クラスを「非表示」にしている
決して削除しているわけではない

つーかお気に入りアイテムの内容のどこをクリックしても削除されたら困るだろう
やりたいことがよーわからんけどお気に入り削除の文字だけクリックしたら消えるのかと思ったわ

494

： Name_Not_Found [sage] 2018/05/09(水) 18:35:02.57ID:???

hboxやその子要素にに指定されているflexを無効にする方法はありますか？
テーブルの場合はtable-layout:fixed;などという指定があるようです

495

： Name_Not_Found [sage] 2018/05/09(水) 18:44:28.97ID:???

hboxってなんだろう

flexを無効にするのは別のdisplayを設定すればいいんじゃないかな
display:block;なりdisplay:inline-blockなり

htmlとflexの何が困るかをかいてくれたほうが具体的な回答もらいやすいかも

496

： Name_Not_Found [sage] 2018/05/10(木) 04:10:39.50ID:???

技術違いだから他所でやれ

497

： Name_Not_Found [sage] 2018/05/10(木) 06:14:25.79ID:???

CSSの話がスレ違いとな？

498

： Name_Not_Found [sage] 2018/05/10(木) 10:38:49.47ID:???

>>493

>お気に入り削除の文字だけクリックしたら消えるのかと思ったわ

その通りです。これがやりたいんですが、サンプルサイトにあるようにハートマークがあるので
ハートーマークをクリックしてピンクからグレーになればお気に入りから消える、という仕様を考えてました。
でも「お気に入りから削除」のボタンがあれば、それをクリックして消えればいいんです
ボタン作ったりとか出来なかったのでハートマークでやるしかありませんでした

>>492

書いたことないです。自分が出来るのはコピペと改変だけ。これで何とかやってますｗｗｗ
見様見真似でやってるので理論みたいなのはわかりません

499

： Name_Not_Found [sage] 2018/05/10(木) 15:11:35.49ID:???

ダミーテキストがわからんっていわれても
こっちはお気に入り商品の中身知らないんだから何かしら別のテキストいれるしかないだろ

商品の中身は自分でいれるしかないんだし
文字のおきかえすらできないならどうせ無理だからあきらめたほうがいいよ

500

： Name_Not_Found [sage] 2018/05/10(木) 16:57:48.33ID:???

>ハートーマークをクリックしてピンクからグレーになればお気に入りから消える
ピンクからグレーに表示を変える　→　CSSのみで可能
その状態でページを更新すると表示を消す　→　不可能（サーバー側の記述が必要）

データがどこにかかれていて何を変化させたいかをきちんと整理したほうがいいよ

501

： Name_Not_Found [sage] 2018/05/10(木) 18:33:44.58ID:???

クッキーなりローカルストレージなりに状態保存すれば出来るんじゃ？

502

： Name_Not_Found [sage] 2018/05/10(木) 19:16:47.97ID:???

>>500

>>501

そうです。これ、元々ブラウザのクッキーの保存機能を使ったお気に入りなんです。
だからサーバーと全然関係なくて、データも保存されてません。
クッキー削除したら消える簡易的なものです。

まあ今時珍しいですよね。。。でもカラーミーはこれしか用意してないんですよ。
だから自分でカスタマイズしろっていう。

>ピンクからグレーに表示を変える　→　CSSのみで可能

これが変わらないので見てもらいたかったのです。

>>468

のcssのどこかが間違っていると思うんですけど。

503

： Name_Not_Found [sage] 2018/05/10(木) 21:31:10.72ID:???

>>502

>これ、元々ブラウザのクッキーの保存機能を使ったお気に入りなんです。
だからサーバーと全然関係なくて、データも保存されてません。

それ最初に言えよ

504

： Name_Not_Found [sage] 2018/05/10(木) 22:23:32.51ID:???

>>503

マニュアルのリンク貼ったじゃないですか。
読めばわかるでしょ

505

： Name_Not_Found [sage] 2018/05/10(木) 22:25:10.11ID:???

うーんこの…

506

： Name_Not_Found [sage] 2018/05/10(木) 22:44:39.23ID:???

においだぁ

507

： Name_Not_Found [sage] 2018/05/10(木) 22:57:33.36ID:???

いずれにしろクッキー使った時点でHTML/CSSじゃ無理なんでスレチ
つーかスレチな内容にレスしすぎ
やさしくはあくまでスレの範疇だけにしてくれ

508

： Name_Not_Found [sage] 2018/05/10(木) 23:09:11.83ID:???

>>502

まあ

>>473

のCSSだけなら一応このスレの範囲だけど
そのCSSに表示が変化する要素どこにもないからなー

ボタンおしたときの
<{favorite_button_attribute product_id=$product.id delete="favorite-list__fav-items"}>
が何かしないことには表示がかわることはないんだからまずはそれが動いてるか確認しなよ

509

： Name_Not_Found [sage] 2018/05/11(金) 09:01:09.20ID:???

>>504

初めの質問(

>>467

)ではCookieに全く触れていないし、マニュアルも出してないよね？
情報は始めにまとめて出して

510

： Name_Not_Found [sage] 2018/05/11(金) 09:05:41.20ID:???

>>502

<style>
<!--
.favorite-list__fav-items input {
display: none;
}
.favorite-list__fav-items .fav-items {
margin:1em;
padding:1em;
background-color:#fdd;
}
.favorite-list__fav-items input:checked + .fav-items {
background-color:#eee;
}
.favorite-list__fav-items label {
border:outset 1px #ccc;
padding:0.5em;
}
-->
</style>
<div class="favorite-list__fav-items">
<input type="checkbox" id="item1">
<div class="fav-items">
<span>商品１</span>
<label for="item1">お気に入り削除</label>
</div>
<input type="checkbox" id="item2">
<div class="fav-items">
<span>商品２</span>
<label for="item2">お気に入り削除</label>
</div>
</div>

511

： Name_Not_Found [sage] 2018/05/11(金) 10:22:21.37ID:???

質問です
ol要素のlist-style-positionをoutsideにして
margin-leftで余白を設ける場合、
何か指標となる数字みたいなものはありますか？

あくまで目分量でこれくらい、というふうに決めるしかないのでしょうか？
とりあえず1.5emほど余白をとっているのですが……

512

： Name_Not_Found [sage] 2018/05/11(金) 10:38:54.24ID:???

>>509

ちゃんとレスを追いかけて全部に目を通しておけばそれぐらいわかりはずです。
もっと頭を使ってください。

513

： Name_Not_Found [sage] 2018/05/11(金) 11:56:08.77ID:???

うーん…

514

： Name_Not_Found [sage] 2018/05/11(金) 12:12:54.19ID:???

マンダム

515

： Name_Not_Found [sage] 2018/05/11(金) 13:41:10.77ID:???

>>512

あなたが

>>467

時点でCookieを何とかしようとする事に思い至っていないことは分かったよ
マニュアル見ても根本的な原因が分からないんだね

516

： Name_Not_Found [sage] 2018/05/11(金) 13:46:37.96ID:???

> >508
><{favorite_button_attribute product_id=$product.id delete="favorite-list__fav-items"}>
>が何かしないことには表示がかわることはないんだからまずはそれが動いてるか確認しなよ

実はこれ、addをdeleteに変えてみたヤツなんですが動かないです（オリジナルはaddになってます）
やっぱりこの部分がネックですよね
どうしたらいいかわからなくて

>>510

回答ありがとうございます。ちょっとまだ取りかかれないので、確認してからまた来ます。

>>509

マニュアル（元ネタ）は

>>477

のリンク先です。

>>512

誰ですかあなたｗｗｗ
ありがとうございますｗ

517

： Name_Not_Found [sage] 2018/05/12(土) 19:31:53.96ID:???

ttp://jsbin.com/mufefaneli/edit?html,css,output

min-heightによって高さが決まった親要素に対して
子要素のheightを％指定すると、高さが有効になりません
minやmaxを使ってサイズ指定した親を持つ子要素に
％でサイズ指定したい場合はどうすればいいのでしょうか？

518

： Name_Not_Found [sage] 2018/05/12(土) 20:02:58.71ID:???

結論からいうと無理

% 指定は明示的に高さの指定された包含ブロックに対しての高さになる
なのでこの場合 50% は body の高さに対して50%になる

逆に言うとparentの高さをなぜ決定できないの？

519

： Name_Not_Found [sage] 2018/05/12(土) 20:13:49.29ID:???

ありがとうございます

ttp://jsbin.com/kepeqoyuse/edit?html,css,output

bodyに対しての%になると言いますが
bodyのheightを明示的に100pxにしても、heightは0pxのままのようですが・・

520

： Name_Not_Found [sage] 2018/05/12(土) 20:22:02.22ID:???

ttp://jsbin.com/xabarusote/edit?html,css,output

子をabsoluteにして、その子を持てるように親もrelativeにしたら
望み通りのサイズになりました
何故absoluteにしたら、%指定していても親の実サイズを元に計算されるのか、よく分かりませんが
これはCSSの仕様通りなのでしょうか？

521

： Name_Not_Found [sage] 2018/05/12(土) 21:07:57.96ID:???

>>520

原則として、% は包含ブロックを元に計算される。
relative にした親は absolute にした子孫の包含ブロックになるので、そのサイズを元に計算される。

この場合、親の height は指定されていないが min-height は指定されているので、それが親の「仮の height 」とみなされ、子の height の元になるんじゃないかな。

実際の決まり方は複雑多岐に渡るんだが
ttps://drafts.csswg.org/css-sizing-3/

522

： Name_Not_Found [sage] 2018/05/13(日) 09:17:16.19ID:???

widthを声に出して言わなきゃいけないとき、
普段はウィドスって言ってるくせにウィスって言うんですか？

523

： Name_Not_Found [sage] 2018/05/13(日) 12:23:25.06ID:???

ウィズじゃなかったけ？

524

： Name_Not_Found [sage] 2018/05/13(日) 13:17:33.27ID:???

ｳｨﾄﾞｩｽって言ってる
なんか恥ずかしい時は幅とか言っちゃう

525

： Name_Not_Found [sage] 2018/05/13(日) 13:41:54.63ID:???

ワイズいう人多い気がする

526

： Name_Not_Found [sage] 2018/05/13(日) 13:44:31.57ID:???

ウィットゥ

527

： Name_Not_Found [sage] 2018/05/13(日) 13:48:09.91ID:???

ワイスじゃだめですか

528

： Name_Not_Found [sage] 2018/05/13(日) 13:48:28.00ID:???

charsetをキャラセットと読む恥ずかしい人もいるからね
ウィドスとかワイズはまだましな方じゃね

529

： Name_Not_Found [sage] 2018/05/13(日) 13:49:53.94ID:???

英語の発音だとウィズだな

530

： Name_Not_Found [sage] 2018/05/13(日) 13:57:09.88ID:???

ハヴァ

531

： Name_Not_Found [sage] 2018/05/13(日) 14:18:24.21ID:???

ウィズで通じない人と話すときはワイドとか「幅」と言ってる（ウィドゥスでも通じないことが多い）
heightはハイトではなく「高さ」

>>528

じゃあ何と読めばいいの？

532

： Name_Not_Found [sage] 2018/05/13(日) 16:26:43.84ID:???

シャアセット

533

： Name_Not_Found [sage] 2018/05/13(日) 16:32:03.95ID:???

靴の幅をワイズっていうよね

534

： Name_Not_Found [sage] 2018/05/13(日) 16:33:48.43ID:???

相方はヘイトｗ

535

： Name_Not_Found [sage] 2018/05/13(日) 16:44:03.63ID:???

ｳｨﾄﾞｩｽワロタｗ
catchはｷｬﾄｩﾁかな？ｗ
watchはｳｫﾄｩﾁ？
bridgeはﾌﾞﾘﾄﾞｩｼﾞ！

536

： Name_Not_Found [sage] 2018/05/13(日) 16:57:16.47ID:???

ｵﾌﾄｩﾝ

537

： Name_Not_Found [sage] 2018/05/13(日) 17:50:34.09ID:???

アンカーリンクいっても通じない時あるしね
発音難しいよね

538

： Name_Not_Found [sage] 2018/05/13(日) 18:54:16.62ID:???

うぃずす、って言う
英語として間違ってるのはわかってる

539

： Name_Not_Found [sage] 2018/05/13(日) 19:35:43.27ID:???

ダブリューアイディーティーエイチ

540

： Name_Not_Found [sage] 2018/05/13(日) 21:07:46.86ID:???

ttps://www.youtube.com/watch?v=9NEtzpHf-ao

気持ち的には
ウィ…ｽｩ
みたいなｗ

541

： Name_Not_Found [sage] 2018/05/13(日) 21:09:29.40ID:???

めんどくせーからもう
だぶりゅーあいでぃーてぃーえいち
にしようぜ

542

： Name_Not_Found [sage] 2018/05/13(日) 23:43:48.78ID:???

ファースト、セカンド、サード、フォース、ファイブス、シックスス

543

： Name_Not_Found [sage] 2018/05/14(月) 00:06:00.55ID:???

横幅でええやん

544

： Name_Not_Found [sage] 2018/05/14(月) 00:21:28.63ID:???

カラミー懐かしいな
あれってさ外部jsファイルを新規で追加できないんだぜ？
jQueryの本体もコピペして書き写した記憶があるわｗｗｗ

545

： Name_Not_Found [sage] 2018/05/14(月) 14:19:59.14ID:???

thの発音にも気をつけよう

546

： Name_Not_Found [sage] 2018/05/14(月) 18:18:26.97ID:???

ティーエイチである
テーエイチではない
ティーをテーと発音するのは昭和

547

： Name_Not_Found [sage] 2018/05/14(月) 18:45:29.88ID:???

工場だといまでも聞き取り間違い防ぐため一部ドイツ読みdはデー、pはペー、だっけ

548

： Name_Not_Found [sage] 2018/05/14(月) 20:19:14.72ID:???

聞き取り間違いを防ぐためというのなら
なんで本場の人は正確な発音をするのだろうか？

549

： Name_Not_Found [sage] 2018/05/14(月) 20:29:20.39ID:???

英語？
たとえば向こうの人はvとb聞き分けられるだろ。
そういうこと。

550

： Name_Not_Found [sage] 2018/05/14(月) 20:32:08.52ID:???

まあ言うても極端にs/n比悪い環境での音声通話とかではあいつらもフォニックコード表使ったりするが

551

： Name_Not_Found [sage] 2018/05/14(月) 22:28:33.92ID:???

>>549

その理屈だと最近の（若い）人も、外国人と同じように
ティーとテーを聞き分けられるようになったんだろ？
ティッシュをテッシュといわないのと同じように

聞き取り間違いを防ぐためと言うより
聞き分けられないっていうのが正解な気がする

552

： Name_Not_Found [sage] 2018/05/14(月) 22:48:30.21ID:???

工場は機械音でうるさいって前提では？そういう場合英語でもフォニックコード使うし。フォーマルな電話口とか管制とか。

553

： Name_Not_Found [sage] 2018/05/15(火) 00:56:35.97ID:???

画像を画面中央に配置してまわりの背景とシームレスにグラデーションするのってどうかけばいいですか？
画像側の４すみを透明にグラデーションするでもいいし
上に背景色をradial-gradientするのでもいいんですけど
画像が正方形じゃないのでうまくいかないんですよね

ttp://fast-uploader.com/file/7081868847119/

こんな感じにしたいです

554

： Name_Not_Found [sage] 2018/05/15(火) 10:38:28.67ID:???

>>550

フォネティックコードっとおっしゃりたい？
使うと以外に通じないよね
特にあまり使わない単語だと

ブラボーのB、タンゴのT、ヴィクターのVとか言っても通りが悪い
ABCのB、STUのT、UVWのVみたいに
アルファベットの連続する３つの方がまだ通る、気がする

ていうか、団塊老人より今の子の方が
ネイティブな英語に接するのは楽なはずなのに、英語力は逆なのは何故なんだ
やっぱ海外に行く機会が少ななってるからなのか

555

： Name_Not_Found [sage] 2018/05/15(火) 12:03:03.48ID:???

俺「ビクターのビーですね。かしこまりました！」
俺「BikutaaのB、と。これでよし！」

556

： Name_Not_Found [sage] 2018/05/15(火) 17:24:56.66ID:???

>>553

画像自体には一切グラデを使わず、透過させる
背景のグラデを透けさせて完了

557

： Name_Not_Found [sage] 2018/05/15(火) 20:58:10.32ID:???

フリーのテンプレートですが、このデモサイトをiOSのSafariから開いた時に
下にスクロールしても上部のアドレスバーが縮小されず全表示のままになってしまいます。
何が作用してしまっているのでしょうか？
アドレスバーダブルクリックで最上部に移動できるSafariの挙動等も利用できず不便なので解除したいです。
よろしくお願いします

ttps://gatsby-starter-personal-blog.greglobinski.com/

558

： Name_Not_Found [sage] 2018/05/15(火) 21:19:59.80ID:???

いやです。自分で頑張りなさい

559

： Name_Not_Found [sage] 2018/05/15(火) 22:50:03.89ID:???

>>557

スマホでしか見てないけど
windowというかviewportが動いてないんじゃない？

560

： Name_Not_Found [sage] 2018/05/15(火) 23:00:12.68ID:???

>>557

スクロールバーがブラウザのスクロールバーではなく、jsで生成されたものであり
一見ページをスクロールしているようだがブラウザ側ではスクロールしているという認識がされていない様子。
つーかページのソース見た？
jsで生成されててとても改変する気が起きないわ

561

： 560 [sage] 2018/05/15(火) 23:03:09.65ID:???

構成ファイルの1部
ttps://gatsby-starter-personal-blog.greglobinski.com/component---src-layouts-index-js-564d2440595446e28fec.js

とても読む気が起きんわ

562

： Name_Not_Found [sage] 2018/05/15(火) 23:28:23.97ID:???

webpackで固めてんな

563

： Name_Not_Found [sage] 2018/05/16(水) 00:18:02.32ID:???

>>557

PWAでっしゃろ

564

： Name_Not_Found [sage] 2018/05/16(水) 00:50:02.52ID:???

pwaなどという技術はない。
マイナスイオンガーみたいな乱用をやめろ。

565

： Name_Not_Found [sage] 2018/05/16(水) 17:51:28.45ID:???

PWAなんて言葉初めて知ったわ。
ナニコレ
もうますますデザイナーやフロントエンドの仕事が無くなりそうな時代の流れじゃね？

566

： Name_Not_Found [sage] 2018/05/16(水) 17:54:57.86ID:???

サイトをアプリ化してインストールで出来上り
出来上る結果は素人目線でWordPressと何が違うかと言われると
何も違わない気がしなくもないけど、この業界の仕事に危機を感じたわ

567

： Name_Not_Found [sage] 2018/05/16(水) 17:59:37.44ID:???

がっつりフロントエンドなんだがなんでフロントエンドの仕事がなくなるんだ？ｗ
いかに自分がバカなこと言ってるのか分からないんだろうなｗ

568

： Name_Not_Found [sage] 2018/05/16(水) 18:47:54.10ID:???

>>567

そうかな？
素人がそのまま使おうとして使えるレベルのデザインが出来上ってると思うけど。
あとはWPのテーマのようにデザインバリエーションを増やすだけで
WPよりも気軽にサイト持てると思ったんだが。

569

： Name_Not_Found [sage] 2018/05/16(水) 19:13:33.76ID:???

がっつりフロントエンドなんだがなんでフロントエンドの仕事がなくなるんだ？ｗ
いかに自分がバカなこと言ってるのか分からないんだろうなｗ

570

： 557 [sage] 2018/05/16(水) 20:00:21.67ID:???

ありがとうございました
JavaScriptのせいだったんですね
流石にJavaScriptをいじる知識はないので調べつついけそうなら頑張ってみようかと思います

571

： Name_Not_Found [sage] 2018/05/16(水) 20:26:25.15ID:???

がっつりフロントエンドなんだがなんでフロントエンドの仕事がなくなるんだ？ｗ
いかに自分がバカなこと言ってるのか分からないんだろうなｗ

572

： Name_Not_Found [sage] 2018/05/16(水) 20:41:49.61ID:???

> あと変数はできるだけ名前を短くして寿命（スコープ）を短くするのが良いと個人的には思うよ

こんなアホなことをいうフロントエンジニアなら知ってる

573

： Name_Not_Found [sage] 2018/05/16(水) 20:50:11.67ID:???

名前の短さと寿命と短さに何の関係がｗｗｗｗｗ

574

： Name_Not_Found [sage] 2018/05/16(水) 21:44:38.83ID:???

>>569

,

>>571

そうかな？
素人がそのまま使おうとして使えるレベルのデザインが出来上ってると思うけど。
あとはWPのテーマのようにデザインバリエーションを増やすだけで
WPよりも気軽にサイト持てると思ったんだが。

バーカ。おまえは自分の状況すら理解出来ないまま職を失えばいいｗ

575

： Name_Not_Found [sage] 2018/05/16(水) 21:47:05.98ID:???

まあ普通に考えて、
ディレクター、デザイナー、フロントエンド、バックエンドで
一番最初に無くなる可能性が高いのはフロントエンドだろうな。
認めたくないからって俺にしつこく絡むなアホ。
冷静に現実を見て認めろよ。

576

： Name_Not_Found [sage] 2018/05/16(水) 21:52:59.07ID:???

>>567

のしつこさからいって荒れるだろうなこれは。
昔からここ住みついてるキモイやつにまた絡まれた可能性

577

： Name_Not_Found [sage] 2018/05/16(水) 21:54:14.63ID:???

>>574

のような引用の仕方を知らない奴って世にあふれてるの？
初めてこういう文章を読んだときには？？？だった

578

： Name_Not_Found [sage] 2018/05/16(水) 23:01:45.02ID:???

質問スルーして雑談で流すとか最悪だな

579

： Name_Not_Found [sage] 2018/05/16(水) 23:41:53.82ID:???

引用してもいいんよ

580

： Name_Not_Found [sage] 2018/05/16(水) 23:55:29.86ID:???

無知が酷い勘違いで恥晒してんなｗ
自分でどこがおかしいのか分からず噛みついてるのが何ともｗ
再掲してやろうｗｗｗ恥ずかしｗｗｗｗ

565 Name_Not_Found sage 2018/05/16(水) 17:51:28.45 ID:???
PWAなんて言葉初めて知ったわ。
ナニコレ
もうますますデザイナーやフロントエンドの仕事が無くなりそうな時代の流れじゃね？

581

： Name_Not_Found [sage] 2018/05/17(木) 08:22:57.38ID:???

>>580

おう。PWAを知らなかった事は書いた通り認める。

で？フロントエンドが無くならないと言い張れる根拠は？

無くなる可能性の根拠は俺は書いたから、お前は無くならない根拠を書いて。
それ以外のレスはするなよ。本質から話そらすなよ？

582

： 581 [sage] 2018/05/17(木) 08:28:13.91ID:???

やっぱめんどくせーから無視する
こいつのしつこさから言ったらさらに荒れるのが目に見えてるな
以降スルーするわ
俺が大人にならないとな

583

： Name_Not_Found [] 2018/05/17(木) 08:59:46.82

ID

:+SF4BPiN

「PWAなんてはじめて知った！これはフロントエンドの仕事がなくなる時代の流れだ！」
→PWAは “フロントエンドの” 新技術群にマーケティング用に都合のよい名前を付けたものです

「フロントエンドが無くならないと言い張れる根拠を出せ！無くなる可能性の根拠は俺は書いた！」
→書いてない。どうしてフロントエンドでやることが増えるPWAが流行るとフロントエンドの仕事がなくなるのかｗｗ
頭弱すぎワロタｗｗｗｗ

584

： Name_Not_Found [sage] 2018/05/17(木) 09:50:42.30ID:???

うん。頑張って煽ってね。

585

： Name_Not_Found [sage] 2018/05/17(木) 10:41:28.28ID:???

ｽﾚﾁ

586

： Name_Not_Found [sage] 2018/05/17(木) 12:31:08.36ID:???

勘違いして偉そうなこと言っちゃったから引っ込みつかなくなった
なんて誰でもあることじゃん
そう追いつめんなよ

587

： Name_Not_Found [sage] 2018/05/21(月) 08:49:01.50ID:???

フレームワーク沢山ありすぎて選び方分かりません。
そんな中、何故Bootstrapが人気あるんですか？

588

： Name_Not_Found [sage] 2018/05/21(月) 10:19:08.64ID:???

>>587

カスタマイズが比較的簡単だから今のバージョンはかなり良くなってるよ

589

： Name_Not_Found [sage] 2018/05/21(月) 10:59:48.51ID:???

そんなのBulmaとかセマンティックULだって同じだしな

590

： Name_Not_Found [sage] 2018/05/21(月) 11:25:33.71ID:???

あれUIじゃなくてULなのか…

591

： Name_Not_Found [sage] 2018/05/21(月) 11:59:39.24ID:???

例えば、Ruby on Rails なら、bootstrap-sass という、gem がある。
有名なフレームワークは、gem を作る人も多いから

手軽に導入できる！Ruby on RailsでBootStrapを使う方法【初心者向け】
ttps://techacademy.jp/magazine/7663

592

： Name_Not_Found [sage] 2018/05/21(月) 12:38:26.14ID:???

web開発では当初はsassが使われていたもののrubyが遅すぎる、sassだけnpmのバージョン管理に乗れず別管理になるしかもwin/mac両対応環境の構築が(rubyのせいで)不可能などというデメリットがありnode-sassモジュールに取って変わられてしまった。
sassはよいプロダクトだったが、rubyが糞だった。
いまやそのsass自身もpostcssに取って変わられつつある(機能ごとに個別にプラグイン入れる方式)

593

： Name_Not_Found [sage] 2018/05/21(月) 12:48:36.83ID:???

sass のような CSS の生成って何でそんなに性能が影響するものなの？

594

： Name_Not_Found [sage] 2018/05/21(月) 12:55:21.13ID:???

node sassやlib sassが出来てだいぶ経つし
そんなに困ることねえけどなあ

595

： Name_Not_Found [sage] 2018/05/22(火) 01:19:12.73ID:???

最近ちらほら見るフレームワークってなんですか？

596

： Name_Not_Found [sage] 2018/05/22(火) 09:23:24.49ID:???

規格に沿った枠組み

597

： Name_Not_Found [age] 2018/05/22(火) 09:24:34.89ID:???

画像を縦横比を維持したままボックス内に収めるためにobject-fitてのを使って
img {width:500px; height:500px; object-fit:contain;}
とか指定して期待通りの表示にはなったんだけど、この拡大・縮小表示された画像の幅高さの両方をを取得する方法はある？
取得するのはJavaScriptだからCSSしか知らない人にはわからないかな？

598

： Name_Not_Found [sage] 2018/05/22(火) 09:32:15.47ID:???

そういうのはJSでやるしかないね

599

： Name_Not_Found [sage] 2018/05/22(火) 15:07:42.32ID:???

「厳選」で38個ってわらいどころだよな？　ttp://photoshopvip.net/108820

600

： Name_Not_Found [sage] 2018/05/22(火) 16:01:03.72ID:???

>>599

アクセス数を集めるためにやってるからね
名前が多ければそれだけ検索にヒットしやすい

SEOとかいうゴミ技術だよ
役に立たないと言うのにね

役に立たないというのはヒットした所で
ゴミ情報だって気づくからまともに読まれやしない

601

： Name_Not_Found [sage] 2018/05/22(火) 18:40:51.28ID:???

>>599

自己申告だからウソではないけどなｗ

602

： Name_Not_Found [sage] 2018/05/22(火) 18:45:07.42ID:???

何も使わないのが一番軽くてソースもシンプルで見やすい

603

： Name_Not_Found [sage] 2018/05/22(火) 21:10:59.32ID:???

分母によるんじゃない？
40個のうち38個だとばかだけど500個のうち38個だと厳選と呼べるかと
実際世の中に何個あるのか知らないけど

604

： Name_Not_Found [sage] 2018/05/22(火) 22:30:04.02ID:???

ruby sassは非推奨になっただかなるだかだよ

605

： Name_Not_Found [sage] 2018/05/23(水) 16:24:45.52ID:???

CSSフレームワークとして知ってるもの全部あげたような38個

606

： Name_Not_Found [sage] 2018/05/23(水) 16:26:59.28ID:???

そういえばフレームワーク専用のスレッドがないな

607

： Name_Not_Found [sage] 2018/05/25(金) 17:14:07.32ID:???

ゲーム系の複雑なフローツールを資料出力したいんですが、mermaid.js使ったらはみ出たり横幅固定だったりで微妙な資料になってしまいました
より適したライブラリややり方はありませんでしょうか、Cで他のcsv読み取って書き込むプログラムでの作成なのでツールやソフトが使用できないといった形です

608

： Name_Not_Found [sage] 2018/05/30(水) 16:49:29.54ID:???

質問です
画面の下半分に
あるワードに対するグーグルの検索結果を表示することは出来るでしょうか？
とりあえずiframeでは駄目でした

609

： Name_Not_Found [sage] 2018/05/30(水) 21:31:07.64ID:???

下半分は難しいなあ

610

： Name_Not_Found [sage] 2018/05/30(水) 21:40:02.10ID:???

じゃ上半分でいいのでよろしくお願いします

611

： Name_Not_Found [sage] 2018/05/30(水) 21:58:25.85ID:???

PHPとかのバックエンド使わないと無理じゃね？
sameoriginにしてると思うぞ

612

： Name_Not_Found [sage] 2018/05/31(木) 02:51:23.08ID:???

SASS　SCSS　どっちももう終わりなの？

613

： Name_Not_Found [sage] 2018/05/31(木) 08:52:33.20ID:???

>>612

なぜそう思う？

614

： Name_Not_Found [sage] 2018/05/31(木) 09:05:36.23ID:???

始まりあるものには必ず終わりがあるから。
終わりたくないなら生まれる前に消し去るしかない。

615

： Name_Not_Found [sage] 2018/05/31(木) 09:11:07.89ID:???

>>614

答えになってないのはわかるかな？
お前の人生はもう終わりってことかな
だって

>>614

616

： Name_Not_Found [sage] 2018/05/31(木) 12:20:07.46ID:???

>>614

質問はそろそろ終わりなの？

617

： Name_Not_Found [] 2018/05/31(木) 13:50:42.08

ID

:l4LAFus9

>>612

終わらないよ
そのソフトウェアと実行環境が手元にある限り
未来永劫使うことが出来るよ
たとえ自分以外誰も使わなくなったとしても

618

： Name_Not_Found [sage] 2018/05/31(木) 15:00:54.93ID:???

それでも、といい続けろオルステッドー！ってやつか。

619

： Name_Not_Found [sage] 2018/05/31(木) 16:58:33.99ID:???

外国では、SCSS の使用率は、100%！

日本でも、50% は有りそう

620

： Name_Not_Found [sage] 2018/06/01(金) 01:20:04.56ID:???

>>617

いい大人が屁理屈ばかり並べなさんな

621

： Name_Not_Found [sage] 2018/06/01(金) 08:49:30.00ID:???

>>620

>>614

が屁理屈こねてるから、そういう返しなんじゃない？

622

： Name_Not_Found [sage] 2018/06/01(金) 10:52:01.50ID:???

>>620

どの辺が屁理屈なん？
最終的に吐かれるCSSの仕様が大きく変わらない限り
ずっと使ってても問題なくね？

623

： Name_Not_Found [sage] 2018/06/01(金) 15:17:25.13ID:???

知識をつけるためにまず参考になるサイトのソースを真似て
そこからアレンジを加える

↑のやり方を実施しようとしたんだけど
全く同じソースで真似をしても同じ
形にならない原因が分からない

知識ゼロなのが悪いのか、考えが甘いのか
真似をする際にどこか抜けている場所があるのかな？

624

： Name_Not_Found [sage] 2018/06/01(金) 18:57:49.08ID:???

来年末にはみんなPostCSSだろ

625

： Name_Not_Found [sage] 2018/06/01(金) 19:37:36.29ID:???

>>623

diffとってみたら？

同じソースを書こうとしなくていいと思うよ
丸コピーして、わかりそうなところを書き換えて
どこが変わったのか見てみる
ってのを繰り返すといいよ、最初は

626

： Name_Not_Found [sage] 2018/06/01(金) 19:50:50.19ID:???

質問です
「ルート相対パス」という用語の初出はどこかご存知の方いますか？
個人的にはDreamWeaverかAdobe GoLiveのマニュアルあたりではないかと踏んでいるのですが

../../foo/var ← 相対パス
/foo/var ← 絶対パス
ttp://foo.com/var/hoge ← URL

と説明してたら、Web界隈の人に袋叩きにされました…

627

： 626 [sage] 2018/06/01(金) 19:54:52.15ID:???

すみません追加で
勉強してみた結果、Web界隈では

../../foo/var ← 相対パス
/foo/var ← ルート相対パス
ttp://foo.com/var/hoge ← 絶対パス

と呼ぶことは学んだのですが
この場合、絶対パスの

http ← スキーム
foo.com ← ホスト名
/var/hoge ← この部分はなんと呼ぶのでしょうか？

628

： 626 [sage] 2018/06/01(金) 19:58:51.61ID:???

なんどもすみません
目的は、なんでルート「相対」パスになったのか、を調べたかっただけです

（ドキュメント）ルート（を起点にした）絶対パス

なら理解できるんですが
この呼び方が気に入らねえ！とかそういうあれではないです
よろしくお願いします

629

： Name_Not_Found [sage] 2018/06/01(金) 21:35:02.90ID:???

>>627

俺はjserなのでpathnameと呼ぶ。
理由はlocation.pathnameで取れるから。

630

： Name_Not_Found [sage] 2018/06/01(金) 21:58:52.70ID:???

>>628

（ドキュメント）ルート（を起点にした）相対パス
だからでしょ

631

： Name_Not_Found [sage] 2018/06/01(金) 21:59:28.80ID:???

>>626

ドリームウィーバーMLで当時
ルート相対って呼び方キモいって話題になったような思い出
00年代初頭だと思う

初出がマクロメディアかアドビかはわからんすまん

632

： Name_Not_Found [sage] 2018/06/01(金) 22:03:18.47ID:???

>>630

それはおかしいんじゃ？
2ファイル間のrelativeなパスだから相対パス
absoluteな起点からファイルへのパスだから絶対パス
なんだし

633

： Name_Not_Found [sage] 2018/06/01(金) 22:06:17.12ID:???

考え方はCSSの
positionのrelative、absoluteと同じだよ

634

： Name_Not_Found [sage] 2018/06/01(金) 22:14:31.43ID:???

「ルート相対パス」なんて用語はないよ

現在のファイルの位置を起点にするなら相対パス
そうでないなら絶対パス

635

： Name_Not_Found [sage] 2018/06/01(金) 22:20:42.03ID:???

「起点からの相対的な場所を示すパス」が相対パス
「起点がなくそれだけで場所が特定される絶対的なパス」が絶対パス

ttp://example.com/foo/var
を現実世界に例えると
ttp://example.com が家だとすると /foo/var がその玄関からの相対的な場所(部屋)を示してる
/foo/var だけじゃWeb上のどこにあるかわからないでしょ

636

： Name_Not_Found [sage] 2018/06/01(金) 22:23:03.92ID:???

>>635

今は「パス」の話をしている

637

： Name_Not_Found [sage] 2018/06/01(金) 22:23:49.18ID:???

あるんだなそれが
ルート相対パスでもroot relative pathでもググるとヒットしまくる
俺も変なの！って思ってる
ウェブ制作業界以外で通じるんだろうか？

638

： Name_Not_Found [sage] 2018/06/01(金) 22:25:06.37ID:???

>>637

それは間違った使い方でしかない

639

： Name_Not_Found [sage] 2018/06/01(金) 22:26:25.20ID:???

>>635

起点から相対ってw
それ絶対パスじゃんwww

640

： Name_Not_Found [sage] 2018/06/01(金) 22:26:58.34ID:???

ルートからの相対パスを略してルート相対パスって言ってるだけだぞ
別に用語でもなんでもない

641

： Name_Not_Found [sage] 2018/06/01(金) 22:28:01.67ID:???

>>640

ルートからのパスは絶対パス

642

： Name_Not_Found [sage] 2018/06/01(金) 22:28:53.01ID:???

あほかこいつ

643

： Name_Not_Found [sage] 2018/06/01(金) 22:31:00.06ID:???

>>635

>ttp://example.com/foo/var

>Web上のどこにあるか

いいことを教えてあげよう
通信スキーマ、ホスト名、ドキュメントルート起点の絶対パス
この３つを組み合わせたそれはURLって言うのだよ

644

： Name_Not_Found [sage] 2018/06/01(金) 22:35:16.56ID:???

ttps://tools.ietf.org/html/rfc3986#section-3

ここになんて名前か書いてある

foo://example.com:8042/over/there?name=ferret#nose
の場合
foo ・・・ scheme
example.com:8042 ・・・ authority (= userinfo@host:port、userinfoとportは省略可能）
/over/there ・・・ path
name=ferret ・・・ query
nose ・・・ fragment

645

： Name_Not_Found [sage] 2018/06/01(金) 22:36:46.74ID:???

絶対パスだろうが相対パスだろうが、
パスという単語が含まれていることから、
これはパスに対する用語
URLで言えば /over/there の部分がパス

646

： Name_Not_Found [sage] 2018/06/01(金) 22:59:57.63ID:???

>>640

難しく考えすぎ

相対は二点間の相対的なパスを表すものだから
必ず./か../から始まる、ただし./は省略可能
つまり、/から始まる相対パスなんてないんだよ

647

： Name_Not_Found [sage] 2018/06/01(金) 23:09:26.41ID:???

>>635

何それキモい

648

： Name_Not_Found [sage] 2018/06/01(金) 23:32:35.60ID:???

>>628

> 目的は、なんでルート「相対」パスになったのか、を調べたかっただけです
Adobeが提唱した言葉だから、DreamWeaver使いの間で広まっただけ(非正式用語)
ttps://teratail.com/questions/17299

649

： Name_Not_Found [sage] 2018/06/01(金) 23:37:15.18ID:???

DreamWeaverだけの人間を
Web界隈の人と呼んでほしくないね
素人に毛が生えた程度の人間じゃん。ハゲのほうがまだまし

650

： Name_Not_Found [sage] 2018/06/01(金) 23:48:13.01ID:???

>>649

DW使いでなくても二次情報を信じる人によって伝播していくんだよ
皆が一次情報だけを読むなら、こんな言葉は広まらない
Web界隈の人は皆、仕様書を人間だと思うかね？

651

： Name_Not_Found [sage] 2018/06/01(金) 23:49:38.85ID:???

×　Web界隈の人は皆、仕様書を人間だと思うかね？
○　Web界隈の人は皆、仕様書を読む人間だと思うかね？

652

： Name_Not_Found [sage] 2018/06/01(金) 23:53:45.43ID:???

>>651

仕様書を読むかどうかは論点にしていない
DreamWeaverだけの人間をWeb界隈の人と呼ぶなと言ってる
ハゲ未満なんだから

653

： Name_Not_Found [sage] 2018/06/01(金) 23:55:23.68ID:???

>>652

誰もいってないだろ

654

： Name_Not_Found [sage] 2018/06/01(金) 23:57:46.21ID:???

DreamWeaverだけの人間をWeb界隈の人と呼ぶなと俺が言ってる

655

： Name_Not_Found [sage] 2018/06/02(土) 00:00:33.53ID:???

誰もいない方角に独り言を述べるスタイルか

656

： Name_Not_Found [sage] 2018/06/02(土) 00:02:38.35ID:???

こいつ話わかってないのか
Web界隈の人なんて言ってるから
そいつはWeb界隈の人じゃないって
いってんだろうが

657

： Name_Not_Found [sage] 2018/06/02(土) 00:12:57.36ID:???

>>656

君こそ話を読めてるの？
ルート相対パスと呼ぶ人が「DreamWeaverだけの人」とは限らないと否定されてるでしょ

658

： Name_Not_Found [sage] 2018/06/02(土) 00:13:06.74ID:???

DreamWeaverだけの人間っていうのは
フォトショとかイラレとか昔印刷物を扱っていたやつを
ウェブサイトづくりに再利用できるようにしただけだからな
道具の力でウェブサイトが作れるだけで基本的にウェブ界隈とは関係ない人間

659

： Name_Not_Found [sage] 2018/06/02(土) 00:13:55.98ID:???

ルート相対パスなんてDreamWeaverだけでしか使われていない
Web界隈からすれば、間違った用語

660

： Name_Not_Found [sage] 2018/06/02(土) 03:18:44.53ID:???

Presto Opera 12.18に搭載されていたDragonflyをご存知だった方はいますか？
ttps://www.opera.com/dragonfly/

ttp://help.opera.com/Windows/12.10/ja/dragonfly.html

661

： Name_Not_Found [sage] 2018/06/02(土) 03:58:35.11ID:???

>>648

当時もうAdobeだったっけ？
まだMacromediaじゃなかった？

662

： Name_Not_Found [sage] 2018/06/02(土) 04:19:11.94ID:???

>>631

>>634

こういう自分らが基準ってバカがいるからこの業界は駄目なんだわｗ

663

： Name_Not_Found [sage] 2018/06/02(土) 04:20:05.77ID:???

>>659

界隈だとさｗ
この世界はコロコロ変わるのに何を今更ｗ

664

： Name_Not_Found [sage] 2018/06/02(土) 07:07:08.20ID:???

だが、ルート相対パスが使われる世界に変わったことはない

665

： Name_Not_Found [sage] 2018/06/02(土) 07:07:51.68ID:???

>>662

DreamWeaverが基準なんですね。だからお前は駄目なんだわｗ

666

： Name_Not_Found [sage] 2018/06/02(土) 08:50:42.49ID:???

>>665

じゃあお前は何を基準に仕事してるんだと？
道具を笑う前に自分の道具を晒せやｗ

667

： Name_Not_Found [sage] 2018/06/02(土) 11:15:24.61ID:???

>>659

>>650

668

： Name_Not_Found [sage] 2018/06/02(土) 11:26:36.35ID:???

>>661

ごめん、そこまでは分からない
Dreameweaver 8当時もヘルプに「サイトルート相対パス」が使われていたなら、Macromedia提唱だと思うけど
ttps://helpx.adobe.com/jp/dreamweaver/using/linking-navigation.html

669

： Name_Not_Found [sage] 2018/06/02(土) 12:31:20.43ID:???

>>666

今ってDW人口って業界のどれくらいなんだろう？

IDE派の人
エディタとSASSなどのツール派の人
とか色々いると思うけど

670

： Name_Not_Found [sage] 2018/06/02(土) 12:34:05.79ID:???

スレタイ読め

671

： Name_Not_Found [sage] 2018/06/02(土) 12:38:19.58ID:???

>>669

CC時代になってからは手軽に導入できるしかなりいると思う
ていうかCC時代になるとDreameweaver8とかの時代とはまるで違うから
批判してる人は現状を見てない方なんでしょう

672

： Name_Not_Found [sage] 2018/06/02(土) 13:12:52.45ID:???

昔はDW使いでなければ人に非ずみたいな感じだったのにほんの10数年でジジイしか知らないくらい落ちぶれたのは何故？
バカにしてるんじゃなくて、理由を知りたい。
だって少なくともエディタで手打ちとかより明らかに楽じゃん。

673

： Name_Not_Found [sage] 2018/06/02(土) 14:32:42.56ID:???

> 昔はDW使いでなければ人に非ずみたいな感じだったのにほんの10数年でジジイしか知らないくらい落ちぶれたのは何故？

有料ツールだから

674

： Name_Not_Found [sage] 2018/06/02(土) 14:34:14.27ID:???

Dreameweaverはウェブページを管理する作業がめんどくさいて聞いたなぁ

675

： Name_Not_Found [sage] 2018/06/02(土) 15:00:39.90ID:???

DW素直に他のエディタより使いにくい

676

： Name_Not_Found [sage] 2018/06/02(土) 17:46:19.27ID:???

>>675

今や他の方が使いにくくなった
CCになってからバージョンアップが早い

677

： Name_Not_Found [sage] 2018/06/02(土) 18:04:18.60ID:???

>>676

じゃあワードプレスのテンプレートを作る方法を教えて

678

： Name_Not_Found [sage] 2018/06/03(日) 19:11:03.86ID:???

>>672

>エディタで手打ちとかより明らかに楽

そうでもなかったからじゃない？
スタイルを入力するUIはハックに対応できなかったし
レンダリングされる画面も完璧ではなかった

679

： Name_Not_Found [sage] 2018/06/03(日) 21:09:10.68ID:???

>>677

index.phpってつければできますよ

680

： Name_Not_Found [sage] 2018/06/04(月) 04:13:26.67ID:???

>>678

DWは一昔前とまるで違ってて今はもうUIからしてまるで違ってるね
CCになってから更新修正が随時行えるようになったのが大きいんだろうな
体験版でタダでお試しで使えるし試しに視察でもしてみては？

681

： Name_Not_Found [sage] 2018/06/04(月) 11:56:10.38ID:???

>>680

持ってるよ
CCはぜんぶ

682

： Name_Not_Found [sage] 2018/06/04(月) 12:31:50.23ID:???

そんなに良いならなぜ普及しないの？
昔のように。

683

： Name_Not_Found [sage] 2018/06/04(月) 13:15:23.90ID:???

出力されるコードがカスだから

684

： Name_Not_Found [sage] 2018/06/04(月) 13:36:46.20ID:???

> スタイルを入力するUIはハックに対応できなかったし
> レンダリングされる画面も完璧ではなかった
今のバージョンはそんなこともない

685

： Name_Not_Found [sage] 2018/06/04(月) 13:46:33.09ID:???

なのに何故昔のように返り咲かないの？オカシイダロ

686

： Name_Not_Found [sage] 2018/06/04(月) 13:56:28.84ID:???

>>684

なんで廃れたのか、って話だから

687

： Name_Not_Found [sage] 2018/06/04(月) 14:10:23.38ID:???

こういう話題は自分らが使ってるのこそが1番だと思い込んでるから堂々巡りよ

688

： Name_Not_Found [sage] 2018/06/04(月) 15:07:03.24ID:???

日本だけじゃなく世界規模でこんだけ利用者激減したんだから万民大納得の理由があったはずなんだよ！
これだれか説明してよ。
下手にオーサリングツール全盛期の頃を知りかじってる人が客だとなぜツールではなくエディタ使ってるのか説明しなきゃならないときがある。
けど俺は分からないので「エヘヘ…何ででしょうね…」

689

： Name_Not_Found [] 2018/06/04(月) 15:14:57.17

ID

:0ihdrUrn

>>688

DW全盛期だった00年台と
今はウェブ制作に関わる層が変わっちゃったからじゃない？
10年台に入ってからはバックエンド、アプリ開発する人達が台頭してきて
フロントエンド屋もそっちに引っ張られてる感があるじゃん？

690

： Name_Not_Found [sage] 2018/06/04(月) 16:59:14.49ID:???

ウェブサイトに求められているものが変わったからでしょ？
昔はポスター、新聞広告、チラシの延長で、見た目だけ気にしていればよかったのが
SEOとかで正しいタグを使うことが求められ、HTML/CSSの知識が必須となり
オーサリングツールを使っても結局テキストエディタとしてしか使ってないのだから
お金だけかかってメリットがないものが使われないのは当たり前

691

： Name_Not_Found [sage] 2018/06/04(月) 22:55:47.92ID:???

>>688

あなたが使わない理由を説明すればいいのでは？

692

： Name_Not_Found [sage] 2018/06/05(火) 00:16:05.86ID:???

>>688

単純に使いにくくなったからだよ
ブラウザごとに異なった対応を山程しなきゃならなかったっつー黒歴史があって
DWはそれに向いてなかった

693

： Name_Not_Found [sage] 2018/06/05(火) 01:15:31.38ID:???

　 　 　 　　　　　　　　　　　　　　__ ,,rｭ
　 　 　 　　　　　　　　　　　, ィ´r'´　ｲ }｀丶、
　　　　　　　　　　　　　　∠､_ｲ　　/ 　j 　ヽ ヽ
　 　　　　　　　　　　　／ 　 　 ￣｀ ` 丶 、 l　｀､
　 　　　　　　　　　　/ 　 　　　　　　　　　 ｀`ヽ､j
　 　 　 　 　 　　　　{ 　 　 '''''' 　　　　 '''''' 　 　 }
　 　　　　　　　　　　l. 　 　 　 　 　 　 　　　　　j
　 　 　 　 　　　　　　!、 　 　 　 　 　 　　　　　l、
　　　　　　　　　　　（ ,} 　 （●）,　　 ､（●）､ 　{. ）
　 　 　　　　　　　　　ﾞl　　 　　,ﾉ(､_, )ヽ､ 　 　 !´
　 　 　 　　　　　　　　l　　　　｀-=ﾆ=- '　　 　,!
　 　 　 　 　 　 　　　　ゝ、 　 　｀ﾆﾆ´ 　 　 ノ
　　　　　　　　　　　　　　｀丶､＿ 　 ＿ - '´
　 　　　　　　　　　　　　　　　　　￣
ttp://twitter.com/creditcardmiu/status/997554544769822720
みうの新note

694

： Name_Not_Found [sage] 2018/06/05(火) 01:46:05.89ID:???

GItHubの先行き的にATOMはどうなるんだ

695

： Name_Not_Found [sage] 2018/06/05(火) 04:12:03.01ID:???

>>694

あんまり干渉はしないんじゃないかなあ
VSCodeがよりGit使いやすくなるだけで

696

： Name_Not_Found [sage] 2018/06/05(火) 05:09:53.51ID:???

> ブラウザごとに異なった対応を山程しなきゃならなかったっつー黒歴史があって
IEの呪縛からようやく逃れたから多少は楽できる

697

： Name_Not_Found [sage] 2018/06/05(火) 08:24:52.45ID:???

VScode以外のエディタがますます衰退していくな

698

： Name_Not_Found [] 2018/06/05(火) 16:42:51.75

ID

:RrZFSAt3

ねえ、ドリームウーバーつかってるときって一つ一つ手打ちしてるんですか？

699

： Name_Not_Found [sage] 2018/06/05(火) 18:06:27.94ID:???

使ったこと無いのにヘタなこと言うと失笑買うだけだぞｗ

DW8で時間止まってる人はCCになってからは別物だからここ参照
ttps://www.adobe.com/jp/products/dreamweaver/features.html

700

： Name_Not_Found [sage] 2018/06/05(火) 20:00:48.21ID:???

なのにどうして復権しないの？かつてのように？

701

： Name_Not_Found [sage] 2018/06/05(火) 20:08:03.88ID:???

CCでも使ってみたからクソだって言ってるんだが？

702

： Name_Not_Found [sage] 2018/06/05(火) 20:19:35.21ID:???

CCに親でも殺されたか？ｗ

703

： Name_Not_Found [sage] 2018/06/05(火) 20:31:13.00ID:???

こういう風にやたら人の道具を貶してるような奴は大した仕事してなさそうｗ

704

： Name_Not_Found [sage] 2018/06/05(火) 22:36:16.20ID:???

エディタ論争は結局自分が使ってるのが１番って結論になるから無駄だな

705

： Name_Not_Found [sage] 2018/06/05(火) 23:24:53.64ID:???

世の鄒勢がオーサリングツールからエディタに退化した合理的な理由を聞いているのであって、
どのエディタが好きかという話ではない。

706

： Name_Not_Found [sage] 2018/06/05(火) 23:40:58.30ID:???

だからがオーサリングツールの開発効率が悪くなり
テストエディタの開発効率が良くなったからだと

707

： Name_Not_Found [sage] 2018/06/06(水) 00:22:31.32ID:???

オーサリングツールのメチャクチャなコード見て保守したいと思うかってところじゃないの

708

： Name_Not_Found [sage] 2018/06/06(水) 00:32:35.44ID:???

DW突然落ちるし重いし、さりとてフォトショやイラレとの連携が取れるかとったらたいしてとれないし
エディタ使った方がいい

709

： Name_Not_Found [sage] 2018/06/06(水) 02:50:08.71ID:???

エディタがデファクトのせいでHTMLやCSS覚えなきゃならん。ほんまクソ。

710

： Name_Not_Found [sage] 2018/06/06(水) 05:01:08.17ID:???

>>708

おま環

711

： Name_Not_Found [sage] 2018/06/06(水) 06:12:55.99ID:???

> CCに親でも殺されたか？ｗ
luckerと同じ発想だなあ
ひょっとして、ご本人様ですか？

712

： Name_Not_Found [sage] 2018/06/06(水) 07:51:25.30ID:???

>>709

物覚えの悪い頭だと大変だねｗ

713

： Name_Not_Found [] 2018/06/06(水) 14:04:38.43

ID

:BvDX3O2M

CSSでbrと同じ分だけのスペースになるようにmargin-bottomで指定する方法はありませんか？

714

： Name_Not_Found [sage] 2018/06/06(水) 14:51:27.89ID:???

>>713

えんむ

715

： Name_Not_Found [] 2018/06/06(水) 15:23:54.91

ID

:muB2H79o

>>699

落ち着かれよ
今のDWがどうのこうのの話ではなかろう
10年くらい前の話だ

716

： Name_Not_Found [sage] 2018/06/06(水) 17:48:28.86ID:???

>>713

remで指定

717

： Name_Not_Found [sage] 2018/06/06(水) 23:58:01.08ID:???

htmlとcssとjavascriptのファイルやフォルダの保存名についてなのですが、
通常はフォルダやファイルの名前は全て小文字で保存・管理するのでしょうか？
他にも、頭文字だけ大文字か、全て大文字とかあると思うのですが・・・

718

： Name_Not_Found [] 2018/06/07(木) 00:02:20.45

ID

:UE1XsC3F

>>717

OS／ファイルシステムによっては大文字小文字を区別したりしなかったりするので
どちらかで統一したほうが無難

719

： Name_Not_Found [sage] 2018/06/07(木) 00:21:01.61ID:???

だいたい慣習的に小文字やね

720

： Name_Not_Found [sage] 2018/06/07(木) 00:54:11.13ID:???

>>718

>>719

ありがとうございます！
全て小文字が無難そうですか

すみません、もう1つお聞きしたいのですが、
2単語以上からなる場合、例えば、
about　me というファイルやフォルダを作りたい場合の命名は、
スペースを入れてabout me なのか、アンダーバーを入れてabout_me
どちらの方が無難でしょうか？

721

： Name_Not_Found [] 2018/06/07(木) 00:54:55.21

ID

:UE1XsC3F

>>720

スペースはおすすめしない

722

： Name_Not_Found [sage] 2018/06/07(木) 05:05:01.30ID:???

>>720

>スペースを入れてabout me

現場でやられたら
真空波動拳くらいは許されるレベル

723

： Name_Not_Found [sage] 2018/06/07(木) 05:10:53.45ID:???

AboutMe

724

： Name_Not_Found [sage] 2018/06/07(木) 07:25:36.44ID:???

Ruby on Rails では、クラス名は、Upper Camel case (ラクダ) / Pascal case。
例えば、CatFood

ファイル名は、Snake case (蛇)
cat_food

Linux では、A・a は異なるファイルになるけど、
Windows では、同一のファイルになるから、大文字を使うと危険！

小文字・アンダーバーだけを使うべき

725

： Name_Not_Found [sage] 2018/06/07(木) 07:50:11.95ID:???

>>721-724

スペースは使わずに、アンダーバーだけが良いのですね
大文字小文字の区別がない場合は大変ですね・・・
とても助かりました
教えて頂きどうもありがとうございました！

726

： Name_Not_Found [sage] 2018/06/07(木) 08:16:19.02ID:???

ハイフンも仲間に入れてあげて

727

： Name_Not_Found [sage] 2018/06/07(木) 09:13:20.74ID:???

オッカムの剃刀について、伊勢田哲治は次のように説明した。
例えば、等速直線運動に対する次のような説明があったとする。

外から力がかからない物体は、神が等速でまっすぐに動かし続けている。

この場合、「神が」という部分が説明に不要である、として切り落としてしまうのがオッカムの剃刀だとし、すると次のような説明が得られるとした。

外から力がかからない物体は、等速で直進する。

>>724

の場合、Ruby on Railsが説明に不要である。

728

： Name_Not_Found [] 2018/06/07(木) 09:39:10.29

ID

:xB+aiWA3

一部のスマホで縦スクロールできる画面を全力で一番下まで持っていくと
下の部分だけタップ出来なくなりますが皆さんはどのように対策してますか？

729

： Name_Not_Found [sage] 2018/06/07(木) 09:47:37.99ID:???

>>720

URLはアンスコじゃなくハイフンを使うのがSEO的にはいい
というのも、ハイフンは単語の句切りとして扱うけどアンスコは単語の一部としてひとまとまりにされるから
「about-me」は「about me」と認識されるけど「about_me」は「about_me」という一つの単語として認定される
と、Google自身が説明してる

730

： 724 [sage] 2018/06/07(木) 11:06:20.07ID:???

Rails で例えたのは、Rails をまねたフレームワークが多いから。
たぶん、名前規約も同じ

クラス名が、CatFood なら、
ファイル名は、cat_food

機械的に置き換えられる

731

： Name_Not_Found [sage] 2018/06/07(木) 12:56:30.59ID:???

Rails真似てるってまじで？
そんな最近の話なん？

蛇、駱駝、鎖、ハンガリー人のバトルはもっと古くからあったじゃん？
自分がC言語を齧りかけてた90年台には、パソ通のボードでよく見た
BASICにハマってた80年台は、通信手段持ってなかったのでよくわからんけど

732

： Name_Not_Found [sage] 2018/06/07(木) 13:11:51.48ID:???

ruby信者のウリジナル発言は今に始まったことじゃないから。

733

： Name_Not_Found [sage] 2018/06/07(木) 13:16:56.22ID:???

駱駝は読みづらくて仕方ない老眼です…

734

： Name_Not_Found [sage] 2018/06/07(木) 13:17:40.95ID:???

ハンガリー人ワロタ

735

： Name_Not_Found [sage] 2018/06/07(木) 13:45:44.67ID:???

いえ、蛇です。

736

： Name_Not_Found [sage] 2018/06/07(木) 14:06:05.26ID:???

ハイフナイズという言葉は初出から200年もたってないから、歴史的には最近の話

737

： Name_Not_Found [sage] 2018/06/07(木) 23:42:43.77ID:???

>>720

-ttps://productforums.google.com/forum/#!topic/webmaster-ja/Ti7KmIqKFWo

738

： Name_Not_Found [sage] 2018/06/08(金) 12:07:05.06ID:???

スペースをおすすめしないもっとちゃんとした理由を知っとけよ。

URIで使って良い文字の中に含まれてないからな。
半角スペースはURIでは%20になるんだよ。

だから、about%20meになってしまう。

739

： Name_Not_Found [sage] 2018/06/08(金) 12:17:01.99ID:???

>>738

なるとなにか問題あるの？って話ですよ

740

： Name_Not_Found [sage] 2018/06/08(金) 12:21:04.62ID:???

読みづらいし文字数が増えるからダメなんだよ。
ハイフンやアンスコの方が読みやすい。

741

： Name_Not_Found [sage] 2018/06/08(金) 12:22:32.85ID:???

about 100 yearsとかだと数字が混ざる。

742

： Name_Not_Found [sage] 2018/06/08(金) 12:30:25.78ID:???

制作中もめんどくさいぞ
cd about me
→そんなディレクトリはないと怒られる
cd about\ me
→こうしていちいちエスケープする必要がある

743

： Name_Not_Found [sage] 2018/06/08(金) 12:34:24.98ID:???

世の中にはアンダースコア打つのにも
いちいちShift押さなきゃ行けない人がまだ沢山いるんですよ！
すこしは気を使って！

744

： Name_Not_Found [sage] 2018/06/08(金) 18:11:37.45ID:???

何をくだらんことでじじいがマウント取ろうとしてるんだがｗ

745

： Name_Not_Found [sage] 2018/06/08(金) 18:28:14.05ID:???

Shiftが不要ってどんな環境？
スマホとかのことを言ってる？？
おじいちゃんだからマジでわからないw

746

： Name_Not_Found [sage] 2018/06/08(金) 18:49:06.29ID:???

おじいちゃん、さっき死んだでしょ！？

747

： Name_Not_Found [sage] 2018/06/08(金) 19:14:18.04ID:???

macOSはシフトなしでアンダースコア出るな

0x5Aと0x5C両方のキーを用意しないってことが出来たのは
ハードまで作ってるアップルの強みだわな

748

： Name_Not_Found [] 2018/06/08(金) 20:35:24.58

ID

:jEzWjz8/

microsoft forms のiflameを埋め込んだページのiflame部分をクロームで見るとすぐ読み込むのですが、ie11だとローディング状態から進みません。どのようなことが原因と考えられるでしょうか？

749

： Name_Not_Found [] 2018/06/08(金) 20:38:57.01

ID

:F5gGPlWy

IEにはよくあること

750

： Name_Not_Found [] 2018/06/08(金) 20:44:10.49

ID

:jEzWjz8/

>>749

仕事で必要でf12モードからヒントなど調査できますでしょうか？

751

： Name_Not_Found [sage] 2018/06/08(金) 20:48:51.83ID:???

>>750

コンソールと、ネットワークのところ見てみれば？

ていうかMSの開発者もやっぱ
IEは後回しにしてんのかね

752

： Name_Not_Found [sage] 2018/06/08(金) 21:30:43.70ID:???

IEはもうセキュリティアップデートだけじゃないの？

753

： Name_Not_Found [] 2018/06/08(金) 21:34:21.82

ID

:jEzWjz8/

ビジネス用途だとまだまだ使ってる

754

： Name_Not_Found [sage] 2018/06/08(金) 21:44:17.21ID:???

>>752

Mcrosoft FormsってのはMSのサービスで
Webベースのアンケートフォームを手軽に作れちゃうやーつ

それがChromeで問題ないのにIEでコケるってことは
開発時にIEをないがしろにしてるのかなーって

755

： Name_Not_Found [] 2018/06/08(金) 22:07:00.38

ID

:jEzWjz8/

>>754

googleでも類似品あるんでしょ？

756

： Name_Not_Found [sage] 2018/06/08(金) 22:15:49.97ID:???

>>755

あるね
うちの会社たまに使われてるわ
総務から「給茶機のお茶の種類どれがいいですか？」とか
そんなレベルだけど

757

： Name_Not_Found [sage] 2018/06/08(金) 22:18:41.08ID:???

>>747

> macOSはシフトなしでアンダースコア出るな
アンダースコアはSHIFT+-だけど
もしかしてJISキーボードなんか使ってるの？
USキーボードが世界標準だよ

758

： Name_Not_Found [sage] 2018/06/08(金) 22:53:12.34ID:???

>>757

ここ日本だが

759

： Name_Not_Found [sage] 2018/06/08(金) 22:56:59.06ID:???

>>758

お前のここと俺のここは違う

760

： Name_Not_Found [sage] 2018/06/08(金) 23:46:39.58ID:???

俺すごい系の人かあ

761

： Name_Not_Found [sage] 2018/06/09(土) 00:20:49.99ID:???

時々、いままでどうやって生息してたんだろってくらい
頭のおかしいデザとかディレクターいるよな

762

： Name_Not_Found [sage] 2018/06/09(土) 00:23:33.52ID:???

まあ自分と異なる人を
頭がおかしいと表現するのもいささか

763

： Name_Not_Found [] 2018/06/09(土) 00:31:12.41

ID

:Oh5OX80V

>>762

語彙が少ないんだろう

764

： Name_Not_Found [sage] 2018/06/09(土) 00:39:49.78ID:???

今のトレンドです！とか言って4,5年前流行ったデザイン出してくるデザイナーはいるな
現実見ろよと言いたくなる

765

： Name_Not_Found [] 2018/06/09(土) 00:44:07.93

ID

:Oh5OX80V

>>764

今の流行りってどこでわかるの？

766

： Name_Not_Found [sage] 2018/06/09(土) 06:51:38.19ID:???

今でしょ！

767

： Name_Not_Found [sage] 2018/06/10(日) 16:42:42.29ID:???

4〜5年前ならまだいいけど
それいつの？！ってサイトあるからなぁ
企業のサイトに多いけど
大手ですらおまそれ10年前やろってままのあるし

768

： Name_Not_Found [sage] 2018/06/10(日) 16:46:34.06ID:???

IT企業やサービス業でなければ、見えれば良いって思ってるから。
XHTMLの一部上場企業を探すのも苦労しない。

769

： Name_Not_Found [sage] 2018/06/10(日) 16:49:57.90ID:???

>>767

えとな。企業っていうのはサイトを公開するのが仕事じゃないんだ
ケーキ屋だったらケーキを作る
花屋だったら花を売るのが仕事なんやで

770

： Name_Not_Found [sage] 2018/06/10(日) 16:54:10.02ID:???

それは工場の仕事であり、企業の仕事はもっと広いのです

771

： Name_Not_Found [sage] 2018/06/10(日) 16:59:50.16ID:???

PDFの裏にあるPostScriptなんか誰も気にしないのと同じ。

772

： Name_Not_Found [sage] 2018/06/10(日) 18:53:33.23ID:???

>>753

未だにそんなものをビジネス用途で使うとこは会社の体制を疑うわ

773

： Name_Not_Found [sage] 2018/06/10(日) 18:55:23.54ID:???

>>767

その位年数経てば一回りして逆にいいかもしれんｗ

774

： Name_Not_Found [sage] 2018/06/11(月) 02:30:07.77ID:???

ウェブサイトなんて目的を達成できてればそれでいいからな

775

： Name_Not_Found [] 2018/06/11(月) 13:21:44.29

ID

:eZbOqbqM

阿部寛「ウェブデザインは最新に限る」

776

： Name_Not_Found [sage] 2018/06/11(月) 13:26:29.46ID:???

ウホッ

777

： Name_Not_Found [sage] 2018/06/11(月) 17:53:42.55ID:???

阿部さんのほ〜むペ〜じは
1996〜8年の最新トレンドだからな
でも最近、また横にメニューフレームおくデザイン流行ってるから
20年たって一回りしたのかも

778

： Name_Not_Found [sage] 2018/06/11(月) 21:09:42.60ID:???

トップページのソース9行しかねぇ

779

： Name_Not_Found [sage] 2018/06/12(火) 12:52:09.08ID:???

sassの教科書買おうか迷ってるんだけど買わなくても身につく？どうしよう。

780

： Name_Not_Found [sage] 2018/06/12(火) 13:31:25.13ID:???

>>779

タイトルしか知らないけど
特に困ることはないな

781

： Name_Not_Found [sage] 2018/06/12(火) 13:51:44.62ID:???

ネットで入門って検索してたら大抵のことは身につかないかね…

782

： Name_Not_Found [sage] 2018/06/12(火) 14:04:54.65ID:???

>>781

そう？
95年に始めて以来、本なんて
おじさんほとんど買ったことないよ
わからんことは作った人に聞くのが一番だよ

783

： Name_Not_Found [sage] 2018/06/12(火) 15:21:30.02ID:???

>>781

ごめん
読み間違えてた
老眼だ…

784

： Name_Not_Found [] 2018/06/12(火) 15:23:45.34

ID

:GTV43vLP

ttp://zcadm.xyz/cabssaiikwbtyekzgzke

785

： Name_Not_Found [sage] 2018/06/12(火) 23:51:14.44ID:???

昔はネットの情報も少ないし通信費もあったしで
本とかかったけど今はネットで検索する方が早いからなぁ

786

： Name_Not_Found [sage] 2018/06/13(水) 11:45:18.13ID:???

ブラウザ間での改行幅の扱いで困ってます

Chromeでpreで囲まれた範囲をマウス右ドラッグすると次の画像のようになります
ttps://i.imgur.com/XkPkMkF.jpg
改行幅の指定がおかしいのかとline-heightやfont-sizeなど関連するCSSを
いじっても一向に変化しません
もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、
上の画像のように重なった部分は現れずドラッグした範囲は一色で塗りつぶされます
これを解消するには改行幅を充分に（150%など）とるしかありません

何が困るかと言うとこのpreの内部で特定文字にだけbackground-colorした場合に
塗られる範囲が上下行にかぶってしまい、上下行の文字が見えなくなるのです
確か過去バージョンのChromeではこんな重なりは無かったように思います
この塗りの範囲を改行幅（行の高さ）を維持したままでCSSでどうにかする方法はあるのでしょうか？
また何かヒントがあれば教えていただけるとありがたいです

787

： Name_Not_Found [sage] 2018/06/13(水) 14:01:56.31ID:???

>>786

リセットCSSを使うんじゃだめなの？

788

： Name_Not_Found [sage] 2018/06/13(水) 14:14:43.46ID:???

>>786

今書いているコードを見せないとはどう言う了見だい？

789

： Name_Not_Found [sage] 2018/06/13(水) 14:37:51.54ID:???

>>786

ならない
preだけじゃなくなんかタグがある or cssでなんかやってる

790

： Name_Not_Found [sage] 2018/06/13(水) 15:07:02.22ID:???

>>786

そんだけ長文かく元気があるなら
HTMLとCSSを晒せよこのマゾ野郎！
ttp://jsfiddle.net/

791

： Name_Not_Found [sage] 2018/06/13(水) 15:37:43.80ID:???

まあ長文読む気なんかないよね
要するにフォントサイズの縦幅と改行幅をぴたっと揃えたいって話なんだけど
リセットCSSでもだめ
ここには分かる人が居ないってことがわかりました
どうもありがとうございました

792

： Name_Not_Found [sage] 2018/06/13(水) 16:00:19.26ID:???

そ、そんなこと言っても答えだけ書いてあげたりしないんだからね！

793

： Name_Not_Found [sage] 2018/06/13(水) 17:53:41.98ID:???

>>791

ちゃんと読んでコード書いて試して答えてあげたのにこれだよ
正確には「必要な情報を出さない質問に答えられる人はいない」だな
今出てる情報ではそんな症状にはならないから
まずは質問できるレベルになれるように勉強してね

794

： Name_Not_Found [sage] 2018/06/13(水) 18:01:22.26ID:???

コードも見せずに質問するやつなんてまじめに答えるだけ無駄やで

795

： Name_Not_Found [sage] 2018/06/13(水) 18:43:19.24ID:???

かっこいい捨て台詞ワロタ　久々にこういうの見た。

796

： Name_Not_Found [sage] 2018/06/13(水) 23:46:58.88ID:???

UIを作るのに、
CSSのグラデーションやCanvasを使用することは多いですか？
それとも自分でイラレやフォトショを使って画像を用意することの方が多いですか？

もし後者の場合、イラレとフォトショはどちらの方が使えると今後に良いでしょうか？
両方使用するのが一番だとは思うのですが、毎月の出費が痛くて・・・
宜しくお願いします

797

： Name_Not_Found [sage] 2018/06/13(水) 23:54:56.77ID:???

デザインやるなら両方揃えたほうが良いと思うぞ

798

： Name_Not_Found [sage] 2018/06/14(木) 00:00:53.29ID:???

UIというかサイトにもよるけど
・CSS+アイコンフォント
・CSS+SVG
がほとんどかな
画像でごちゃごちゃすることあんまりない
イラストや装飾多いサイトなら画像もありだけどそうでなかったらわざわざ画像にする必要ないし
イラレかフォトショかだけど、アイコンフォントやSVG作るにはイラレ、イラスト描くにはフォトショが向いてる
とだけ言っとく

799

： Name_Not_Found [sage] 2018/06/14(木) 02:28:34.65ID:???

WEBでどっちか一つならフォトショかな

800

： Name_Not_Found [sage] 2018/06/14(木) 02:29:20.11ID:???

イラレ使えなくてもWEBの仕事はできるがフォトショ使えないのは話にならんからな

801

： Name_Not_Found [sage] 2018/06/14(木) 02:46:47.67ID:???

>>796

　そうそう、イラレで制作しない
データ送られてきた場合は編集するからイラレの基本は知ってるけど

以前のAdobeは購入したら終わり＝毎月の経費が掛からん
でも、最新verで送ってくる人の開けないaiファイルが多いんだよね・・・

802

： Name_Not_Found [sage] 2018/06/15(金) 19:45:46.96ID:???

>>793

いやいや
＞もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、

って書いてるし
ブラウザ依存のバグの可能性があるから聞いただけですよ
知らないなら絡む必要なし

803

： Name_Not_Found [sage] 2018/06/15(金) 22:15:02.62ID:???

>>802

だからChromeでもならないって書いただろ
preだけならならないの
他のタグやcssが原因でChromeだけがなってるんだからコード見せろって言ってんだよ

804

： Name_Not_Found [sage] 2018/06/16(土) 11:07:25.85ID:???

webでのイラレ使いをもうみんなで追い出そうぜ
そうすればアドビとの無駄な契約が1つ減らせる。

イラレなんてデータ開く為だけに契約してるわ

805

： Name_Not_Found [sage] 2018/06/16(土) 15:01:12.38ID:???

んでイラレ以外で何使うの？

806

： Name_Not_Found [sage] 2018/06/16(土) 16:15:31.94ID:???

Flashが消されたように
フォトショ、イラレも消されればいいのに
あんなの標準じゃない、標準にしてはいけない

807

： Name_Not_Found [sage] 2018/06/16(土) 18:26:18.19ID:???

XDとかいうのはどうなの？

808

： Name_Not_Found [sage] 2018/06/16(土) 19:52:10.39ID:???

XD便利だよ
win10の最新版じゃないと使えないゴミだけど

809

： Name_Not_Found [sage] 2018/06/16(土) 19:58:29.61ID:???

XD便利だよ
win10の最新版じゃないと、使えなくてゴミになるけど

810

： Name_Not_Found [sage] 2018/06/16(土) 21:03:33.38ID:???

CSSでのセレクタ(？)の指定方法について質問なんですが

.header > .article-text > a { font-size: 18px;}

クラス→クラス→aタグの指定方法がわかりません。上記のように書いたのですがどこがおかしいのでしょうか？
（article-textクラスは複数あります。）

811

： Name_Not_Found [sage] 2018/06/16(土) 21:09:42.34ID:???

>>810

おかしくないぞ
> の意味を勘違いしてるんじゃ？
htmlも出して

812

： 810 [] 2018/06/16(土) 22:19:20.73

ID

:qBcQciAz

>>811

<div class="header">
　<div class="article-text">
　　<script type="text/javascript">
　　　　○○○○〇〇〇〇
　　</script>
　</div>
</div>

中途半端な小出しで申し訳ありません。
JavaScriptで外部サイトから得たaタグへの編集を行なおうとしていました。
クラス→クラス→タグの場合の指定方法が分からなかったので質問させてもらいました。（＞の後はドットが必要なのか等）
HTMLを見直してみます。
問題点を絞ることができ大変参考になりました。ありがとうございます。

813

： Name_Not_Found [sage] 2018/06/16(土) 22:34:45.64ID:???

>>804

>>806

おま環が標準だと世界中が困るｗ

814

： Name_Not_Found [sage] 2018/06/16(土) 22:51:34.91ID:???

div.header > div.article-text > a

だろ

815

： Name_Not_Found [sage] 2018/06/17(日) 00:29:01.98ID:???

>>814

ド素人のゴミはしゃしゃってくんな

816

： Name_Not_Found [sage] 2018/06/17(日) 13:32:41.92ID:???

イラレが要らないって意見フロントエンジニアなら理解できるけどデザイナーで言ってんなら機械音痴のジジイかな？って思っちゃうね

817

： Name_Not_Found [sage] 2018/06/17(日) 14:14:00.96ID:???

Officeで作るオジサンもいるよ…

818

： Name_Not_Found [sage] 2018/06/17(日) 19:47:55.92ID:???

他人のサイトのソースをコピーして自分のサイトで使うのは
権利・倫理面で問題ないのでしょうか？
HTML,CSS共に参考にすることあるんですけど
「パクってんじゃねーよ」的なお叱り受けるのかなと。

819

： Name_Not_Found [sage] 2018/06/17(日) 19:54:39.11ID:???

ケース・バイ・ケースだよ。
現実してはみんな多かれ少なかれやってる。
バレたくないなら少し改変するとか。

820

： Name_Not_Found [sage] 2018/06/17(日) 21:21:04.84ID:???

比率の問題でしょ

あるサイトのコードが1千行あるとして
そこから10行コピーしてもコピーしたとは思われないないけど
数百行コピーすればコピーしたと思われる

821

： Name_Not_Found [sage] 2018/06/17(日) 21:32:47.77ID:???

要素一つだけ使ってそのbackground-colorを一部分だけ表示させたいんだけど無理だっけ？
（一部以外は透明でも不透明でもかまわない）

822

： Name_Not_Found [sage] 2018/06/17(日) 22:40:50.61ID:???

>>819

>>820

ありがとうございます。
大層なものは作れるレベルじゃないので問題なさそうですね。
少しずつ参考にする形でやります。

823

： Name_Not_Found [] 2018/06/18(月) 02:39:05.86

ID

:SUuZwHPa

>>821

これでやりたいことにあってるかわからないけど・・・
ttp://jsfiddle.net/xcdn54mz/

824

： Name_Not_Found [sage] 2018/06/18(月) 10:28:06.29ID:???

>>823

�d
beforeが使えるかもしれない
やりたいのはこんな感じ
ttp://jsfiddle.net/ba93sc1h/
これでmargin-topのautoが効いて中央に表示できれば・・
みたいな

825

： Name_Not_Found [sage] 2018/06/18(月) 10:46:27.22ID:???

企業サイトを作るのにwordpressって利点多い？
テンプレート作成の手間か、プラグインによる機能の後付の利便さか、で迷ってる

826

： Name_Not_Found [sage] 2018/06/18(月) 16:29:08.25ID:???

ワードプレスのスレできけよ

827

： Name_Not_Found [sage] 2018/06/18(月) 18:01:34.21ID:???

>>825

素人がガンガン更新するなら良いかも知れないけど
そうでないならそれほどでも

828

： Name_Not_Found [sage] 2018/06/18(月) 20:46:24.69ID:???

>>827

クライアント側の素人さんが自分で告知のニュースとかを更新したいという要望に応えるならかな

829

： Name_Not_Found [sage] 2018/06/18(月) 21:54:40.73ID:???

レアケースかも知れんが
普通にデザインしてコーディングして必要ならJSで動きもつけて…
って普通に作ったサイトをポコっとWPに当てはめ

字面とか、コード複製でなんとかなる部分は客が更新
難しいところはこっちに振ってもらって都度請求
ってスタイルで運用してるサイトがいくつかあるな

830

： Name_Not_Found [sage] 2018/06/19(火) 23:37:28.67ID:???

運用してる会社がなく、やめるとなるともれなく死亡するスタイルな

831

： Name_Not_Found [sage] 2018/06/19(火) 23:55:53.15ID:???

いや、俺が知る限りだが、それやってるの数社ある
望みは捨ててはいけない

832

： Name_Not_Found [sage] 2018/06/20(水) 05:56:37.87ID:???

>>829

いやいや地方じゃ結構需要あるスタイル
毎月更新料は払いたくないがちょっとした更新は自分らで簡単にやりたいとか
個人経営の小口案件でははわりとある。あとトラブル対処は案外そういうとこの方がチマチマ取れるもんだ

833

： Name_Not_Found [sage] 2018/06/20(水) 17:30:17.11ID:???

大手代理店とそこそこ大企業案件でもそういうのやるよー

このHTMLをコピペするとこういうレイアウトになります
っていうコンポーネント集を一緒に作って渡して
お客さんが自分で更新していくスタイル

834

： Name_Not_Found [sage] 2018/06/20(水) 22:15:49.68ID:???

dreamweaverCCでコードビューのソース自動改行を「無し」にすると
ソースの右端が切れるんだけどなにこのクソ仕様・・・
事故るわこれ

835

： Name_Not_Found [sage] 2018/06/21(木) 00:19:46.49ID:???

そういうのオプションで調整できるんじゃ？

836

： Name_Not_Found [sage] 2018/06/21(木) 11:13:02.95ID:???

<span style="font-family:'Times New Roman'; font-size:15pt">あ</span>
<span style="font-family:'Times New Roman'; font-size:15pt">い</span>
<span style="font-family:'Times New Roman'; font-size:15pt">う</span>
<span style="font-family:'Times New Roman'; font-size:15pt">え</span>
<span style="font-family:'Times New Roman'; font-size:15pt">お</span>

見たいなHTMLを
<span style="font-family:'Times New Roman'; font-size:15pt">あいうえお</span>
に修正してくれるソフトはありますか？

837

： Name_Not_Found [sage] 2018/06/21(木) 12:00:08.71ID:???

`<span style="font-family:'Times New Roman'; font-size:15pt">` +
`<span style="font-family:'Times New Roman'; font-size:15pt">あ</span>
<span style="font-family:'Times New Roman'; font-size:15pt">い</span>
<span style="font-family:'Times New Roman'; font-size:15pt">う</span>
<span style="font-family:'Times New Roman'; font-size:15pt">え</span>
<span style="font-family:'Times New Roman'; font-size:15pt">お</span>
`.replace(/<span style="font-family:'Times New Roman'; font-size:15pt">(.*)<\/span>\n?/gu, '$1') +
`</span>`

838

： Name_Not_Found [sage] 2018/06/21(木) 13:35:18.66ID:???

ひどいw

839

： Name_Not_Found [sage] 2018/06/21(木) 13:37:32.85ID:???

正規表現だけでやるのは俺は無理だなあ…
俺ならperlでもphpでもいいから、
1行ずつマッチしたものを変数に結合していって最後に取り出しかな。

840

： 836 [sage] 2018/06/21(木) 15:13:10.83ID:???

正規表現は面倒くさいので､なにか自動的にやってくれるソフトないですかね？
HTML整形ソフトにそんな機能は無いのでしょうか？

841

： Name_Not_Found [sage] 2018/06/21(木) 17:24:22.63ID:???

コピペすりゃいいだけじゃん

842

： Name_Not_Found [sage] 2018/06/21(木) 17:47:24.02ID:???

>>841

単なる､｢あいうえお｣じゃなくて長文なんですよ。

843

： Name_Not_Found [sage] 2018/06/21(木) 18:46:08.12ID:???

ピンポイントすぎるw
そんな機能を持つソフトは知らん。
スクリプト書くスキルは必要だよ。
こういう機会に覚えていくもんだよ。
役に立たないレスですまんが…

844

： Name_Not_Found [sage] 2018/06/21(木) 19:03:44.01ID:???

>>843

htmlは初めて触ったもんで､なにも知らんです。
PDF→HTML→某ソフト取込をした後にレイアウト修正が上手くいかないのでHTMLをいじろうと思ったら､このような無意味なコードが沢山ありまして､困っています。
こんな馬鹿なコードはあまりないんですかね？

845

： Name_Not_Found [sage] 2018/06/21(木) 19:16:57.49ID:???

例えばだけど、
Wordなんかで原本を作って変換すると、人間ならしないバカなコードは出るよ。
その話からして変換してるから仕方ない。

ブラウザに表示された文章をコピーした方が早くない？（笑）

846

： Name_Not_Found [sage] 2018/06/21(木) 19:48:38.72ID:???

電子書籍をHTML化しているので､コピペは物理的に無理ですね。

847

： Name_Not_Found [sage] 2018/06/21(木) 20:23:32.70ID:???

HTMLでどうこうするスレだから、ここでは難しい気がする。
アプリかスクリプトのスレじゃないかなあ？
お題を具体的に言わないと冷たくされて終わりそうだけど。

848

： Name_Not_Found [sage] 2018/06/22(金) 01:21:50.53ID:???

手作業だとそんなアホなコードかかんからなぁ

849

： Name_Not_Found [sage] 2018/06/22(金) 05:25:28.35ID:???

>>834

コードフォーマットのオプションいじれ

850

： Name_Not_Found [sage] 2018/06/22(金) 05:47:25.76ID:???

PDF（Wordなんかもそうだが）からHTMLに変換する方法には
大きく二種類ある

一つは、PDFのデータを解析して出力する方法
もう一つは、PDFを（仮想的に）印刷して、その印刷データを解析する方法

基本的に前者が取られるがこの場合、PDFをどうやって作成しているかが重要になる
ただしく作成しているのなら、

>>836

のようなことにはならなが
オーサリングソフトなどを使って、GUIで作成していると、
見た目とデータがめちゃくちゃになることがある。

例えば、文書の一部を黒塗りしたけど、データとしては残ってたなんて話があるだろ？
あれは、文章の上に黒い矩形をおいただけだから。見た目には消えててもデータ的には消えてない

他にも、第一版として作成された文章を誤字をなおすために、上から書き加えると
データ的には変わってなくて、修正済み文字が最後の方に登場したりする
図形（文字が含まれる）を後から追加したため、そのページの最後の方でいきなり図形の文字が登場する
見た目には段落になってるが、文字を大きくしただけ
とか、まあめちゃくちゃ。見た目とデータの位置が正しくなかったりする

PDFを（仮想的に）印刷して、その印刷データを解析する方法を使えば
そういったことは起こらないだろうが、今度はただ単にもっと処理が難しいだろうな

851

： Name_Not_Found [sage] 2018/06/22(金) 08:05:44.22ID:???

Googleドキュメントで画像から文字化してくれるからこれ使えば？

852

： Name_Not_Found [sage] 2018/06/22(金) 10:39:22.26ID:???

文字ごとを括ってるタグ一緒なら一括置換で消せばよくね？

853

： 836 [sage] 2018/06/22(金) 10:51:56.93ID:???

そういえば､Acrobat　DCからだと一括で出来なくて面倒くさいので､バッチ処理できるアプリを探したんですが､見つからなくてしかたなくRTF化してからHTML化したのが原因かもしれませんね。
へんてこりんなmsoなんちゃらというコードがあって調べたらマイクロソフトオフィスと関連があるらしいので､RTF化したのが悪いようですね。
パラグラフとパラグラフの間に何十行分の空白があってGUIだとどうしても消せないのも一旦RTF化したのが原因のようでした。Acrobatからだとちゃんとレイアウトが維持されていました。
それにしてもPDFをHTML変換するソフトはあるんですけど､ロクなのがない。Acrobat　DCでバッチ処理する方法を探します。

いろいろとありがとうございました。HTMLは初めて触りましたが､面白いですね。

854

： Name_Not_Found [sage] 2018/06/23(土) 18:58:42.26ID:???

俺メモ
HTMLテンプレート
BootStrapテーマ

855

： Name_Not_Found [sage] 2018/06/24(日) 18:20:54.01ID:???

>>849

レスさんくす
3日ぶりに開いたら何故か普通になってた。
環境設定いじった後に再起動してなかったからなのかもしれない。

デフォのフォントは半角英数と全角英数の区別がつきづらからそこでミス起こってMSPゴシックにしたし
色々機能ついてるせいかいちいちもっさりしてる印象。
スクロールバーの明度差が無さ過ぎて見えないし
遣い慣れたのが変わるとミスや事故に繋がるからコロコロ変えるのやめてほしいわ。

856

： Name_Not_Found [sage] 2018/06/24(日) 21:53:52.73ID:???

>>855

DWに限らんがAdobe関連は公式のCC道場とか
動画で解説やってるとこを見た方がわかりやすいね

Adobeといえば先日Museの開発終了がアナウンスされたな
まあ流石に需要無しってとこなのかな

857

： Name_Not_Found [sage] 2018/06/25(月) 05:10:29.74ID:???

AI がwebデザイナーの職を奪う。

858

： Name_Not_Found [sage] 2018/06/25(月) 07:14:05.03ID:???

AIが奪うのはデザイナーの仕事のうち
時間をかければ誰でもできるつまらない作業
クリエイティブなことをしていれば、職を奪われたりなどしない



ということは、大半のやつは職を奪われるということだなｗ

859

： Name_Not_Found [sage] 2018/06/25(月) 08:30:24.08ID:???

AIが仕事してくれるんだから何もしなくていいじゃん

860

： Name_Not_Found [sage] 2018/06/25(月) 09:06:50.88ID:???

息もしなくていいぞｗｗ

861

： Name_Not_Found [sage] 2018/06/25(月) 09:30:01.94ID:???

ベッドに寝てるだけで、ゲームも飯も糞も全部自動でやってくれんだよ。
憧れの生活すぎるだろ。

862

： Name_Not_Found [sage] 2018/06/25(月) 09:47:31.96ID:???

>>859

理想・・・ロボットがすべてやってくれて、人間は働かなくても食っていける
現実・・・ロボットがすべてやってくれて、儲けはすべて社長のもの。金を入手する方法がない

863

： Name_Not_Found [sage] 2018/06/25(月) 23:51:20.05ID:???

AIが仕事してくれるのにそのAIを使いこなせる専門職が必要とかになるんでしょう

864

： Name_Not_Found [sage] 2018/06/26(火) 01:27:57.11ID:???

15年くらい前からイキった素人が無料のhtmlテンプレートあればデザイナーやコーダーなんていらねえ
MTあればデザイナーやコーダーいらねえ、WPあれば、BootStrap（略
なお現状は

865

： Name_Not_Found [sage] 2018/06/26(火) 01:35:38.10ID:???

>>861

そんな人生が楽しいのか？という問題だなｗ
部屋に籠ってベットの回りに何でも手が届くような生活してると老け込むのも加速するんだとさ

866

： Name_Not_Found [sage] 2018/06/26(火) 01:41:49.30ID:???

>>864

Googleなどの簡単無料サービスやSNSにかなり顧客を奪われたから
イキったプロが自分らの専売特許にしてるエリアはかなり切り崩されてるじゃんｗ

サイトの制作体制もスマホが中心の今はレスポンシブへの移行を余儀なくされてるし
何だかんだで振り回されてるわけだから自分らだけ特別とか思わず謙虚に行かなアカンよ

867

： Name_Not_Found [sage] 2018/06/26(火) 10:50:03.90ID:???

>>866

ウェブ制作とSNSやグーグルが食い合っているかー？
むしろ彼らのおかげで仕事増えているような…

868

： Name_Not_Found [sage] 2018/06/27(水) 00:53:37.44ID:???

仕事は増えてるよなぁ
しかもデザイン外な事が増えてる
ツイッターや FBのアイコンまで作らされる
んなのテメェでやれってレベルの雑務が増えてる

869

： Name_Not_Found [sage] 2018/06/27(水) 06:36:09.19ID:???

情報発信はSNS主体に自前でやるってとこは多くなったな
まあスマホが生活の中心になった今はその方が自然な流れではあるが

870

： Name_Not_Found [sage] 2018/06/27(水) 11:05:21.53ID:???

質問です

htmlのtableタグで書かれた表があり、レコード数400くらい、カラム数は5列です
現在、1列目に「通し番号」が入っており、その昇順になっています
2列目には一意な別の番号が入っています。現状では完全にランダムな順です

この表を、2列目の値で昇順に並べ替えて欲しいと要望があったのですが、
何か良い方法ないでしょうか？
ソートできるように作り変えるということではなく、ソースコードそのものを書き換えたいのですが、
<tr>〜</tr>をちまちまコピペして並べ替えるのではあまりに骨が折れるので…

871

： Name_Not_Found [sage] 2018/06/27(水) 11:19:57.18ID:???

>>870

ブラウザでコピってテキストエディタに貼ればタブ区切りになるじゃろ

872

： Name_Not_Found [sage] 2018/06/27(水) 11:22:48.40ID:???

>>870

もしくは
二列目でソートするJSをチャチャっと書いて
開発ツールで実行して
描き変わったDOMを開発ツールでouterHTMLコピーすればよかろう

873

： Name_Not_Found [sage] 2018/06/27(水) 15:46:32.85ID:???

エクセルにコピペしてフィルターかければいいだけじゃないのか

874

： Name_Not_Found [sage] 2018/06/27(水) 17:14:22.93ID:???

そんだけの行数を手書きしたやつがいるだと？DBか何かのデータじゃねーの

875

： 870 [sage] 2018/06/27(水) 17:24:24.57ID:???

タブ区切りにしたものなり、直接なりをエクセルに貼ってソートまでは思いついたのですが
そこからhtmlに戻す方法が浮かばなくて…
コツコツと追記されてきたデータ表なのです

876

： Name_Not_Found [sage] 2018/06/27(水) 20:16:51.05ID:???

ココナラで頼めば良いのでは
ttps://coconala.com/search/ranking?keyword=html

877

： Name_Not_Found [sage] 2018/06/27(水) 21:14:44.23ID:???

>>875

ソースがどなってるかわからんから検証めんどくさい
2行ぐらい書けないの？

878

： Name_Not_Found [sage] 2018/06/27(水) 21:30:14.96ID:???

>>875

エクセルでソートしたら、そこを範囲選択して右クリックしてコピー、
ブラウザ開いて、
`ここに貼り付け`.trim().split`\n`.map(row => {
var cells = row.split`\t`;
return `<tr><td>${cells[0]}</td><td>${cells[1]}</td><td>${cells[2]}</td><td>${cells[3]}</td><td>${cells[4]}</td></tr>`;
}).join``;

スマホなので確認できないけどこんな感じでどうだ

879

： Name_Not_Found [sage] 2018/06/27(水) 21:31:46.91ID:???

× ブラウザ開いて
○ ブラウザのデベロッパーツール開いて

880

： Name_Not_Found [sage] 2018/06/27(水) 22:31:32.86ID:???

pcで確認できた。多少冗長だったので修正

`ここに貼り付け`.trim().split`\n`.map(row => `<tr><td>` + row.split`\t`.join`</td><td>` + `</td></tr>`).join``;

881

： Name_Not_Found [sage] 2018/06/27(水) 23:21:24.68ID:???

Dreamweaver　CS6アカデミック版をメルカリなどのフリマアプリに出品しようと思ってるんだが 2万位で買う奴が居るかな？

882

： Name_Not_Found [sage] 2018/06/27(水) 23:21:25.43ID:???

Dreamweaver　CS6アカデミック版をメルカリなどのフリマアプリに出品しようと思ってるんだが 2万位で買う奴が居るかな？

883

： Name_Not_Found [sage] 2018/06/27(水) 23:24:15.49ID:???

>>878

よくスマホでそれを書く気になれたなw
わりとマジで尊敬する

884

： Name_Not_Found [sage] 2018/06/27(水) 23:25:41.51ID:???

>>881

スレ違いも甚だしいけど
アカデミックて転売・譲渡できんの？

出来るなら俺お金持ちになれる！

885

： Name_Not_Found [sage] 2018/06/27(水) 23:49:15.53ID:???

>>881

3000円がいいとこじゃない

886

： Name_Not_Found [sage] 2018/06/28(木) 00:07:18.67ID:???

５０００くらいなら売れそう
要らないけど

887

： Name_Not_Found [sage] 2018/06/28(木) 01:11:59.76ID:???

>>883

よせやい照れるじゃねーか

888

： 870 [sage] 2018/06/28(木) 08:47:52.76ID:???

皆さんありがとうございます
確かにソースないとわかりにくいですよね、すみません

<table>
　<tr>
　　<td>Clm_1_通し番号</td>
　　<td>Clm_2_別の番号</td>
　　<td>Clm_3_項目名</td>
　　<td>Clm_4_ファイルへのリンク1</td>
　　<td>Clm_5_ファイルへのリンク2</td>
　</tr>
　<tr>
　　<td> 1</td>
　　<td> 54</td>
　　<td>○○</td>
　　<td><a>リンク1</a></td>
　　<td><a>リンク2</a></td>
　</tr>
　<tr>
　　<td> 2</td>
　　<td> 263</td>
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

上記のような繰り返しで、表としては単純な感じです

ごめんなさい、書いていて気づいたのですが
4列目・5列目にファイルへのリンクが<a>タグで貼ってあるので
エクセルに貼ってソートじゃダメですね…

889

： 881 [sage] 2018/06/28(木) 09:48:52.73ID:???

結構な値段で取引出来てびびったw

890

： Name_Not_Found [sage] 2018/06/28(木) 10:28:45.04ID:???

//要素選択の簡便ため<table>にidをふって<table id="odai">となっている前提
var tracks = [...document.querySelectorAll`table#odai tr`].map(track => [...track.querySelectorAll`td`].map(col => col.innerHTML));　//操作しやすいよう二次元配列に変換
tracks
.filter((track, index) => index !== 0) //一行目はヘッダのようなので除く
.sort((a, b) => a[1] > b[1]) //二列目の数値でソート
.map(track => `<tr><td>${track.join`</td><td>`}</td></tr>`) //マークアップを復元
.join``;

891

： Name_Not_Found [sage] 2018/06/28(木) 20:54:57.50ID:???

>>883

自分も思った。スマホで多彩な半角の記号たくさん打てるとか信じられない。
自分にはストレスすぎて3行目で発狂だわ

892

： Name_Not_Found [sage] 2018/06/30(土) 17:05:46.18ID:???

APNGってこの先使われない感じ？

893

： Name_Not_Found [sage] 2018/06/30(土) 17:53:35.91ID:???

（横ながら）

>>890

もしも

>>888

の通りだと「 54」スペース入ってるぽいから
a[1] > b[1]のところ数値変換しないとだめ？だった　まちがってたらすまん

894

： Name_Not_Found [sage] 2018/07/01(日) 09:33:29.62ID:???

>>893

スペース関係なくね？
"10" < "2" が期待通りとは思えん

895

： Name_Not_Found [sage] 2018/07/01(日) 11:20:06.93ID:???

>>894

そういうことだわ
スペース関係なく文字列だと自分の環境では（不等号の向きによって）全部trueかfalseになってしまった

896

： Name_Not_Found [sage] 2018/07/01(日) 11:27:30.54ID:???

ヒント:文字コード

897

： Name_Not_Found [sage] 2018/07/01(日) 12:03:59.77ID:???

答え:照合順序

898

： Name_Not_Found [sage] 2018/07/01(日) 12:59:56.00ID:???

全てAIが解決

899

： Name_Not_Found [sage] 2018/07/01(日) 13:13:05.92ID:???

.sort((a, b) => +a[1] > +b[1])にすればいいってこと？

900

： Name_Not_Found [sage] 2018/07/02(月) 09:12:29.17ID:???

>>896

誤った誘導だな

901

： Name_Not_Found [sage] 2018/07/02(月) 21:56:32.65ID:???

名前・郵便番号・住所（郵便番号から一部自動入力される）・電子メール　の入力フォームのテンプレどっかにないかな

902

： Name_Not_Found [sage] 2018/07/04(水) 17:28:34.05ID:???

!importannt;を乱発しちゃった・・・

903

： Name_Not_Found [sage] 2018/07/04(水) 17:38:24.18ID:???

どうせ他人に見せるわけでもなし
どんどん使っていこうや

904

： Name_Not_Found [sage] 2018/07/05(木) 00:43:45.04ID:???

>>902

ちゃんとコントロール出来てるなら問題なかろう
今は開発ツールが整ってるから
そんなに混乱することもないし

905

： Name_Not_Found [sage] 2018/07/05(木) 02:29:32.10ID:???

コントロールできてないからimportantを乱発するんやで

906

： Name_Not_Found [sage] 2018/07/05(木) 03:19:52.83ID:???

見出し箇所を均等割り付けしたいんだけど、
最後の文字以外なんかのスタイルを適用するやつしかないのかな？
…おや、文字をそれぞれiで囲ってflexしたら解決か？

907

： Name_Not_Found [sage] 2018/07/05(木) 08:38:57.76ID:???

画像で作るのがトレンド

908

： Name_Not_Found [sage] 2018/07/05(木) 08:59:28.25ID:???

>>905

自分の場合はdisplayプロパティ関連でimportantを乱発するわ

だってさ、displayプロパティって表示/非表示の側面と、レイアウト（改行される/されない）の2つの側面を持ってしまっていて
代替がきかない糞仕様じゃん。
visibirityだと見え方違うし

909

： Name_Not_Found [sage] 2018/07/05(木) 11:24:03.77ID:???

>>907

画像かぁ
全部画像にしたいな…

910

： Name_Not_Found [sage] 2018/07/05(木) 12:25:48.85ID:???

>>906

自分だったら正規表現使ってjsでやるかな。

911

： 910 [sage] 2018/07/05(木) 12:27:17.21ID:???

と思ったら質問の意味が良くわかんねｗ
text-justifyの事言ってるのかな？

912

： Name_Not_Found [sage] 2018/07/05(木) 14:06:40.18ID:???

>>911

それそれ
効かないブラウザあるから困ったなと

913

： Name_Not_Found [sage] 2018/07/05(木) 15:18:00.57ID:???

>>908

意味がわからん。

displayは元からblockとしてあつかうかinlineとして扱うか
なにもないものとして扱うかのレイアウトの機能でしかないんだが？

なにもないから見えなくなるのであって、
単に見えなくなるだけの意味しかないなら、レイアウトは変わらん

それとimportantを乱発することに何も関係ないんだが、

1. あなたがアホだから
2. displayを間違った解釈をして
3. displayを糞仕様呼ばわりして
4. important乱発などという変なことをしている。

すべては1.が根本原因なんだよ？

914

： Name_Not_Found [sage] 2018/07/05(木) 15:41:45.71ID:???

>>906

その方法はアクセシビリティ的にはどうなんだろう…

915

： Name_Not_Found [sage] 2018/07/05(木) 16:04:53.61ID:???

ttps://dotup.org/uploda/dotup.org1576039.jpg

細かいことなんですがお願いします。
縦方向の中央揃えをしたいのですが若干上方向へ寄ってしまいます。
categoryとh3を分けたらline-heightを調整して何とかできるのですが
.category h3のなかで調整できないかなと。

916

： Name_Not_Found [sage] 2018/07/05(木) 22:24:47.05ID:???

>>913

たぶんあなたはレスポンシブの経験浅いでしょ？
jQueryでいうhide();に該当するものがcssにあるか？
あるなら答えてみてよ。

917

： Name_Not_Found [] 2018/07/05(木) 23:51:12.03

ID

:jOL3dYEc

ttps://codepen.io/brenden/pen/RNZXqx

最近javascriptからcssを勉強し始めたものです。
上記のページに記載されているコード（scssではなくcssにコンパイルされたもの)について質問があります。
また、記載のコードは私自身が書いたものではなく、ほかの方が書いたもの、
を自分が勝手に勉強用として使わせていただいているだけです。

bottomとtopでスクロールされる画像が左右にずれていると思うのですが、
これはどこにプロパティーを追加することで解消できますか？
上下で別の画像を使用する手も考えたのですが、コードで解消してみたい次第です。
また、スクロールのスピードを操作することはできたのですが、上下で画像を一致させるには、
どのような手を打つのが妥当でしょうか。
ご回答お待ちしています。

918

： Name_Not_Found [sage] 2018/07/05(木) 23:59:37.43ID:???

>>916

>913ではないが、display:none

919

： Name_Not_Found [sage] 2018/07/06(金) 00:33:01.65ID:???

>>918

やっぱそうなるでしょ？笑

ちなみにその話を

>>908

でしたら意味ワカランとか言われたから
この質問をしているところ

920

： Name_Not_Found [sage] 2018/07/06(金) 00:43:51.81ID:???

円形の線を描くアニメーションを考えているんですけど、1つの要素だと難しいですか？
CSSで頑張るよりsvgつかったほうが早いですかね

921

： Name_Not_Found [sage] 2018/07/06(金) 01:10:49.33ID:???

>>919

noneするのに書き出す必要ないんとちゃうか

922

： Name_Not_Found [sage] 2018/07/06(金) 03:27:58.93ID:???

>>919

意味わからんのは、jQueryでhideするわけでもないのに、
cssでimportantを使うことなんだが。
そもそもhideでimportantは使われてないからなｗ

923

： Name_Not_Found [sage] 2018/07/06(金) 03:35:04.41ID:???

displayは糞仕様でも何でもないし、
正しく理解していれば、
importantを多用することもない

924

： Name_Not_Found [sage] 2018/07/06(金) 05:58:27.21ID:???

>>920

JavaScriptかCanvasかな。
JSなら、そのぐらいのライブラリはいっぱいありそう。

925

： Name_Not_Found [sage] 2018/07/06(金) 09:24:01.02ID:???

displayでimportant使うことなんてまずないしレスポンシブならなおさらないぞ
それこそレスポンシブ組んだことないんじゃないか？
さらにそこにhideが出てくる意味がわからん
支離滅裂

926

： Name_Not_Found [sage] 2018/07/06(金) 09:55:10.31ID:???

>>924

一本の線ごときで…と思ってしまいますがそれが一番簡単そうですね
円の上にマスクの要素を置いてそれを回転させるって方法も思いつきましたが、背景ベタ塗りじゃないと使えないから汎用性低そうですね

どうもありがとうございます

927

： Name_Not_Found [sage] 2018/07/06(金) 10:08:15.51ID:???

>>914

見た目が最優先のサイトだからそういうのは置いとく…
でも、めんどくさいからただのテキストにしたよ…

928

： Name_Not_Found [sage] 2018/07/06(金) 12:17:54.42ID:???

text-justifyとは違うの？

929

： Name_Not_Found [sage] 2018/07/06(金) 16:38:51.23ID:???

>>928

あってるよ

930

： Name_Not_Found [sage] 2018/07/06(金) 19:32:15.39ID:???

>>923

,

>>923

試しにさ、これcssでどう書くか言ってみて。

<span class="hoge">hoge<span>

.hogeは、スマートフォン用のレイアウト時のみ表示するようにする。
もちろんインライン要素のままで。

931

： Name_Not_Found [sage] 2018/07/06(金) 19:33:12.71ID:???

↑アンカーは　

>>923

,

>>925

　の間違い

932

： Name_Not_Found [sage] 2018/07/06(金) 20:14:14.01ID:???

>>930

お前も書いてみて。
important使わなきゃできない理由が知りたい

933

： Name_Not_Found [sage] 2018/07/06(金) 22:04:10.24ID:???

>>930

はい

@media (min-width: 600px) {
.hoge {
display: none;
}
}

PC優先のmax指定派ならこっち
.hoge {
display: none;
}
@media (max-width: 600px) {
.hoge {
display: inline;
}
}

ってかこれを書かされる意味がわからないんだけど…
今の話の流れからなんでこれ？

934

： Name_Not_Found [sage] 2018/07/06(金) 22:25:24.53ID:???

>>930

それは特に困らないんじゃ…

ああもしかして
PC用に書いたスタイルがSPでも反映するようにして
必要なとこだけ上書きする方式なのか？

935

： Name_Not_Found [sage] 2018/07/06(金) 22:44:36.80ID:???

>>934

いや、それは普通だろ
そのためのメディアクエリだ
それで困るとかならこの仕事向いてない

936

： Name_Not_Found [sage] 2018/07/07(土) 00:31:33.33ID:???

display:inlienじゃnoneを上書き出来ないとでもおもってんじゃねーのw

937

： Name_Not_Found [sage] 2018/07/07(土) 00:36:45.33ID:???

>>908

インライアンってプライベートライアンの親戚か何か？

938

： Name_Not_Found [sage] 2018/07/07(土) 04:02:55.93ID:???

便乗質問だけど
@media only screen and (max-width: 576px)
と
@media (max-width: 578px)
ってどうちがうの？

939

： Name_Not_Found [sage] 2018/07/07(土) 05:37:27.39ID:???

displayするのにimportantって
結局何が言いたかったんだ？

結局これが的中か

1. あなたがアホだから
2. displayを間違った解釈をして
3. displayを糞仕様呼ばわりして
4. important乱発などという変なことをしている。

940

： Name_Not_Found [sage] 2018/07/07(土) 06:57:12.21ID:???

git push -f すればいい。
自分が管理するブランチの歴史を書き換えて
強制pushするのはよくやること

941

： 940 [sage] 2018/07/07(土) 06:57:49.50ID:???

間違った

942

： Name_Not_Found [sage] 2018/07/07(土) 09:26:51.24ID:???

>>933

ごめん質問間違った

PCの時は非表示、スマホの時は表示を
汎用クラスのみで制御する場合だった

もちろん場所によってはinlineであったりblockであったりのケース

943

： Name_Not_Found [sage] 2018/07/07(土) 09:27:41.64ID:???

>>939

リストの使い方から勉強してこい

944

： Name_Not_Found [sage] 2018/07/07(土) 09:35:02.04ID:???

>>938

質問は only screen のこと？
だと思って回答します
メディアクエリを適用する対象デバイスを指定するんだけど指定できるデバイスが3つあって
screen:通常の画面
print:印刷
speech:音声読み上げ
それぞれにonly、notをつけれる
何も指定しないとデフォルトであるallになってすべてに適用する

945

： Name_Not_Found [sage] 2018/07/07(土) 09:35:59.85ID:???

>>942

同じ
2つ目のやつのnoneとinlineを逆にするだけ

946

： Name_Not_Found [sage] 2018/07/07(土) 09:37:26.68ID:???

>>943

リストなんて使ってないよｗ

947

： Name_Not_Found [sage] 2018/07/07(土) 09:38:23.17ID:???

>>942

だからお前が書けって言ったよね？
importantをクソな使い方を
見てやろうって言ってるんだよ。
ほらはやく

948

： Name_Not_Found [sage] 2018/07/07(土) 10:02:21.17ID:???

importantなんてJavaScriptライブラリがつけたスタイルを上書きする時ぐらいしか使わないだろ
あとは破綻したクソなコードを引き継いでどうしようもなくなった時
自分でコーディングしててimportant使う必要があるとかよっぽどクソのコードしか書けないっていう証拠かと

949

： Name_Not_Found [sage] 2018/07/07(土) 10:09:43.80ID:???

importantニキは新しい仕事探せ
それが世の中のため

950

： Name_Not_Found [sage] 2018/07/07(土) 10:54:04.00ID:???

かなり大掛かりなサイトになるが
まずサイトの基本となるスタイル、コンポーネントがあって
その上で、各サブサイト毎に特有のスタイルが重なって
さらにそこに各スタイルをガン無視したLPを作ることになって…

みたいな時に使うことはあるし問題もないと思ってる
ただそこまで大掛かりなサイトは少ないし
それの制作に携わる人もそんなにいないだろうな

951

： Name_Not_Found [sage] 2018/07/07(土) 11:02:21.44ID:???

>>950

その場合は高い優先順位で
スタイルを定義すればいいだけなので
importantを使うっていうのは、その優先順位を
正しく理解できてないだけ

952

： Name_Not_Found [sage] 2018/07/07(土) 11:13:10.75ID:???

>>950

ああそれはあるかも
大がかりじゃなくてもWordPressで既存テーマを基に子テーマを作った時はそんな感じになる
いずれにしてもちょっと特殊なパターンで、

>>930

のようなこと言ってくるってことはそんなパターンでもなくそもそも理解してないんだろね

953

： Name_Not_Found [sage] 2018/07/07(土) 11:17:59.49ID:???

>>951

ライブラリとかだとこいつには勝てねえってぐらいのセレクタ使ってる時があってそれにはimportant使う時ある

954

： Name_Not_Found [sage] 2018/07/07(土) 11:25:39.37ID:???

>>942

インポなの？

955

： Name_Not_Found [sage] 2018/07/07(土) 11:25:41.31ID:???

>>951

必ずしも全てをコントロールで来るとは限らんのよその手の仕事だと

たまにあるじゃん、メーカーとかインフラ系で
ハウスエージェンシーが最上流を仕切ってて
基本スタイルの時点で頑張りすぎてるやーつ

もちろんそれ作ってる人達もそれが良くないことはわかってて
それでも仕事のしがらみでガッチリやらざるを得なかった感が溢れてる、的な

そういうの
理想的じゃないの

956

： Name_Not_Found [sage] 2018/07/07(土) 11:40:15.72ID:???

>>953

その場合でもライブラリで使ってるセレクタ + 任意のセレクタにすれば絶対勝てるだろ

957

： Name_Not_Found [sage] 2018/07/07(土) 11:41:43.35ID:???

>>955

へー、理想的じゃないのの例が
さっきのレスポンシブの簡単な例なんですか？ｗ

無知な人が偉そうに、できないことだってあるんだよ！と
言われましてもね。お前がわかってなかっただけじゃんで
終わってるんですよ

958

： Name_Not_Found [sage] 2018/07/07(土) 12:08:08.43ID:???

>>944

へ〜〜〜〜なるほど
ありがとうございました。

959

： Name_Not_Found [sage] 2018/07/07(土) 16:03:52.20ID:???

固定高さのdiv内にadsence（レスポンシブ）を配置
毎回広告サイズが変わるがdiv内トップに位置されて下が空いてしまう
高さを中央配置にできないものでしょうか？

ダメ元で
padding: auto auto;
vertical-align: middle;
をしたがやはり変わらずです
そもそもスクリプトがらみでcssだけで対処できるかですが

960

： Name_Not_Found [sage] 2018/07/07(土) 16:12:23.65ID:???

importantは？

961

： Name_Not_Found [sage] 2018/07/07(土) 17:42:53.72ID:???

>>960

importantは

>>908

=

>>919

=

>>930

=

>>942

が頭悪かったっことで無事決着がついた

962

： Name_Not_Found [sage] 2018/07/07(土) 18:45:01.58ID:???

>>960

959ですが付けても付けなくても変わらずです

963

： Name_Not_Found [sage] 2018/07/07(土) 19:07:19.64ID:???

ピクセル数とかってさ、8の倍数文化は意味あるのかな？
なんかコンピュータカッコイイ！にしか見えない。

964

： Name_Not_Found [sage] 2018/07/07(土) 20:11:47.72ID:???

devicePixelRatio
=> 3

orz...

965

： Name_Not_Found [sage] 2018/07/07(土) 20:40:04.26ID:???

>959

1. 親要素にdisplay: table-cell を指定する
vertical-align は基本的に displayが inline 系の要素にしか効かない
(元々文字の縦位置を指定するスタイルのため)
ただし、例外的に display: table-cell の子要素には効く
tableもtable-row もなくても機能するので便利だが、それでいいのか？と使うときはいつも思う

2. 親要素に display: flex と align-items: center を指定する
未対応ブラウザを気にしないならこれでいい

966

： Name_Not_Found [sage] 2018/07/07(土) 20:46:46.72ID:???

marginも弄ったらどうなの？

967

： Name_Not_Found [sage] 2018/07/07(土) 21:30:27.37ID:???

>>955

あるなーそういうの
今やってるのもまさにそうだわ
アホみたいなページ数のマニュアルがある

968

： Name_Not_Found [sage] 2018/07/07(土) 21:47:48.07ID:???

でもその話と、importantの話は別だ

969

： 902 [sage] 2018/07/07(土) 22:55:30.74ID:???

頼むからもうやめて、オレが悪かったよ・・・
サーバー代ケチる為にライブドアブログ使ったの。
で、独自タグからの展開で訳わかんなくなって乱発したの。

970

： Name_Not_Found [sage] 2018/07/07(土) 23:46:22.19ID:???

>>965

共に全く表示されなくなります

ちなみに子要素は
ins class="adsbygoogle" style="display: block; height: 90px;"〜です
読み込まれる（広告が変わる）度にheightも変わります
その後にもheightやwidh含むパラメータがずらずら並んでいます

971

： Name_Not_Found [sage] 2018/07/08(日) 20:56:49.17ID:???

>>970

親要素にjustify-content: center;align-content: center;は？

ttps://jsfiddle.net/Lxtb4201/
（要素クリックで広告のサイズ変わるアクション）

972

： Name_Not_Found [] 2018/07/09(月) 16:41:59.63

ID

:tKz3JsgJ

hrで水平線を作ったんですが、その上に文字や画像が重なってしまいます。
ロゴ、水平線、文字の順に上からならべたいのですがどうすればいいですか？

973

： Name_Not_Found [sage] 2018/07/09(月) 16:58:09.33ID:???

>>972

何もしなければ重ならずに並ぶ
重なるのはcssでそうなってるから
cssがどうなってるのかはあなたしか知らない
なのでアドバイスしようがない

974

： Name_Not_Found [sage] 2018/07/09(月) 17:18:39.97ID:???

line-heightがおかしいんじゃね？
ともかく先に言われてるようにコード晒してくれるとわかりやすい

あと使わない手もある

975

： Name_Not_Found [sage] 2018/07/09(月) 17:22:43.42ID:???

デザインでhr使うか…

976

： Name_Not_Found [] 2018/07/09(月) 19:36:28.81

ID

:ZyP3KRxn

<body>
<h1><a href=""><img src=""></a></h1>
<hr/>

<svg id"レイヤー_1" data-name="レイヤー 1" xmlns="ttp://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<style>.cls-1{fill:#ccc;}</style>
</defs>
<circle class="cls-1" cx="50" cy="50" r="50"/>
</svg>
<div style="position:absolute; top:120px; left:200px;">
<h2></h2>

長くてすみません
h1がロゴの画像(svg)、h2が文字です
その中間のやつはよくわからないんですが、それがあると円ができるので残してあります

977

： Name_Not_Found [] 2018/07/09(月) 19:39:53.70

ID

:ZyP3KRxn

>>976

cssもあったほうがいいでしょうか...?
本当に情弱ですみません

978

： Name_Not_Found [sage] 2018/07/09(月) 20:40:13.20ID:???

>>971

広告は表示されるが上下位置は変わらずです

>>976

h1 { border-bottom: 〜 } でhr失くすはダメ？

979

： Name_Not_Found [sage] 2018/07/09(月) 20:42:27.18ID:???

ごめん
h2 { border-top: 〜 } か

980

： Name_Not_Found [sage] 2018/07/09(月) 23:59:33.67ID:???

>>977

人に質問してコードを見せる時は
同じことを再現できるコードを渡すんだよ

ほんで答える人がコピペとかで手を煩わさずに済むように
jsfiddleとかに上げるといいと思うよ

981

： Name_Not_Found [sage] 2018/07/10(火) 00:35:19.06ID:???

>>980

取ったら次スレ立てんだよ。
あくしろや。

982

： Name_Not_Found [] 2018/07/10(火) 00:44:09.45

ID

:6AIWdHNU

>>981

すまんこ
ちょいまち

983

： Name_Not_Found [] 2018/07/10(火) 00:49:06.61

ID

:6AIWdHNU

>>1

をコピペしてURL変えただけなのにNGワード言われる
なにがいかんの(´；ω；｀)

984

： Name_Not_Found [] 2018/07/10(火) 00:53:50.06

ID

:6AIWdHNU

てすと

■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 32
ttp://mevius.5ch.net/test/read.cgi/hp/1521035557/

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

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

■CSS
Selectors Level 4 日本語訳
ttps://triple-underscore.github.io/selectors4-ja.html

985

： Name_Not_Found [] 2018/07/10(火) 00:56:00.91

ID

:6AIWdHNU

てすと
以下自スレのテンプレ

―
HTML/CSS のどんな質問にも優しく答えるスレ 33
―
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

■次スレについて
基本的にレスナンバー

>>980

を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（

>>980

を取った場合も）
立てられない事が予め分かっている場合は、

>>980

付近の書き込みは自重しましょう

986

： Name_Not_Found [] 2018/07/10(火) 00:58:40.45

ID

:6AIWdHNU

すみません
上の２つ繋げてスレ立てようとするとNGになる(´；ω；｀)
誰か立ててください(´；ω；｀)

987

： Name_Not_Found [sage] 2018/07/10(火) 01:05:34.47ID:???

ここまでやっときゃあとは立てれるひとが立てるからそんな安心すんな

988

： Name_Not_Found [] 2018/07/10(火) 01:12:52.60

ID

:9DljZlUP

>>979

解決しました、ありがとうございます

>>980

分かりました。また質問することがあると思うので気をつけます!

989

： Name_Not_Found [sage] 2018/07/10(火) 09:32:34.14ID:???

しょっちゅう、NG ワードになる

よく、MANGO 板でテストしてるけど、さっぱりわからん。
2, 3 文字でも、NG ワードになることもあるし

990

： Name_Not_Found [sage] 2018/07/10(火) 16:09:35.81ID:???

>>978

jsfiddleリンク先の要素の上下位置が変わらないのか
それとも
独自に実装してみた後の広告要素の上下位置が変わらないのか
がわからん

991

： Name_Not_Found [sage] 2018/07/10(火) 21:16:39.92ID:???

>>990

後者です

992

： Name_Not_Found [sage] 2018/07/10(火) 22:58:17.33ID:???

>>991

つまり
(a)前者は大丈夫で後者はダメなのか
(b)前者も後者もダメ
(c)前者は試してない、後者はダメ
ということが聞きたかった
レスから察するに(a),(c)の可能性が高いと思うけど
もしも(a)なら、意外なところでハマってるだけで簡単に解決するかも

993

： Name_Not_Found [] 2018/07/10(火) 23:03:31.37

ID

:9DljZlUP

ttps://jsfiddle.net/wha62x80/#&togetherjs=bPcdrH8FKT
これのbodyの中身を画面の真ん中(円の縦の中心軸)に合わせたいのですが、どうすれば良いでしょうか。
body｛text-align:center｝と、やってみたのですができませんでした。

994

： Name_Not_Found [sage] 2018/07/10(火) 23:49:27.91ID:???

>>993

そもそもソースがいろいろと崩れてるので動くかわからないが
ttps://jsfiddle.net/1zahrk7s/
外接させたい場合（円の中にテキスト全部収まる様にする）はちょいめんどい

995

： Name_Not_Found [sage] 2018/07/11(水) 02:55:05.72ID:???

grid-areaって大昔CSSがない時代に
テーブルでレイアウトしてたようなもの？

996

： Name_Not_Found [] 2018/07/11(水) 10:12:24.83

ID

:Z2XugP/k

>>994

理想の形になりましたすごいです
本当にありがとうございます

997

： Name_Not_Found [sage] 2018/07/11(水) 11:28:38.24ID:???

加速

998

： Name_Not_Found [sage] 2018/07/11(水) 11:29:03.73ID:???

ksk

999

： Name_Not_Found [sage] 2018/07/11(水) 11:29:22.29ID:???

KSK

1000

： Name_Not_Found [sage] 2018/07/11(水) 12:21:37.51ID:???

HTML/CSS のどんな質問にも優しく答えるスレ 33
ttp://mevius.5ch.net/test/read.cgi/hp/1531279252/

1001

： 1001 [] Over 1000Thread

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 118日 13時間 29分 0秒

1002

： 1002 [] Over 1000Thread

5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


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

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

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

▼ 浪人ログインはこちら ▼
ttps://login.5ch.net/login.php