HTML/CSS のどんな質問に必ず優しく答えるスレ 31

**Name_Not_Found** · 2018/01/27(土) 13:50:08.11

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

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

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

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

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

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

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

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

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

**Name_Not_Found** · 2018/03/12(月) 03:34:12.65

100%はウソだわｗ
海外は、というより欧米はpostcssの機能コマ切れ導入に移行しつつある。
そうでなくともstylus もある。
そもそもrimrafモジュールやmkdirpモジュールまで使って必死でプラットフォーム依存避けようとする輩がsassごときのためだけにruby依存なんて許容できるかよｗｗｗ
sass使ってる奴もnode-sassだろ精々

**Name_Not_Found** · 2018/03/12(月) 03:42:46.30

じゃあpostcss、stylus等の話もしていかなきゃな

> sassごときのためだけにruby依存なんて許容できるかよｗｗｗ
ん？今はlibsassというC/C++で実装された高速なコンパイラに
置き換わってるはずだが？もnode-sassもlibsassを使うので
ruby要らなくなっている

**Name_Not_Found** · 2018/03/12(月) 04:23:29.13

これからはWEBアセンブリの時代よ！

**Name_Not_Found** · 2018/03/12(月) 08:14:09.35

>>941
それも結局英語を理解できるって前提ありきだよね

.red や .aka だと発狂しちゃう人でも
.nyekundu だったら許しちゃったりするでしょ

コンピュータに対する識別子でしかないんだし
あんまりこだわらなくてもいい気もするな

**Name_Not_Found** · 2018/03/12(月) 10:01:03.68

> .nyekundu だったら許しちゃったりするでしょ
英語ですらないから許さないよ

**Name_Not_Found** · 2018/03/12(月) 12:20:30.86

英語じゃなきゃ駄目なの？

**Name_Not_Found** · 2018/03/12(月) 12:27:04.30

ラテン語でもいいよ

**Name_Not_Found** · 2018/03/12(月) 13:06:56.27

個人の趣味サイトなら、自分がわかれば好きにすればいいと思う

他人が関わる可能性があるなら、誰が見てもわかりやすくした方がいい
特に、集団で運用するなら、集団のルールに従うべき

**Name_Not_Found** · 2018/03/12(月) 13:54:19.50

今の時代英語が理解できない人間と一緒に仕事をしたくないな

**Name_Not_Found** · 2018/03/12(月) 14:15:13.47

客のアメリカ本社から回されてきたコードで
コメントの半分以上がスペイン語だったときは泣きそうになった

**Name_Not_Found** · 2018/03/12(月) 14:23:36.81

英語でHTMLCSSJSPHPを学び直せばいい

**Name_Not_Found** · 2018/03/12(月) 14:30:02.81

ドサクサ紛れにペチプ混ぜるな！

**Name_Not_Found** · 2018/03/12(月) 20:13:11.80

次テンプレ入れておけ

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

**Name_Not_Found** · 2018/03/12(月) 20:43:55.39

なんでー
めんどくせー

**Name_Not_Found** · 2018/03/12(月) 21:20:53.41

SassやSCSSで答えてるやつの相手するほうがめんどくせー

**Name_Not_Found** · 2018/03/12(月) 21:31:48.57

>>966
無視すればいいじゃん

**Name_Not_Found** · 2018/03/12(月) 21:41:36.20

答えてくれてるのに無視するわけにはいかんだろ

**Name_Not_Found** · 2018/03/12(月) 22:01:11.93

次スレ、半月前に立てられてるよ

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

**Name_Not_Found** · 2018/03/12(月) 23:19:41.53

HTML中の属性値に引用符と同じ文字を記述するにはどうすればいいのでしょうか？
他のプログラム言語のようなエスケープ文字がないので
"\""
みたいには書けないですよね

**Name_Not_Found** · 2018/03/12(月) 23:23:50.25

数値文字参照ではいかんの？

**Name_Not_Found** · 2018/03/12(月) 23:28:44.33

そもそも属性値に、そんな記号を使えるのか？

**Name_Not_Found** · 2018/03/12(月) 23:39:26.85

引用符の中にも文字参照って使えたんですね
ありがとうございました

**Name_Not_Found** · 2018/03/12(月) 23:41:30.46

むしろ使わないとダメだからな

<a href="http://example.com/foo?a=1&;b=2">
これは間違いだからな

<a href="http://example.com/foo?a=1&;b=2">
正しいのはこれだからな

**Name_Not_Found** · 2018/03/12(月) 23:42:07.18

なんか化けたぞ

<a href="http://example.com/foo?a=1&;amp;b=2">
正しいのはこれだからな

**Name_Not_Found** · 2018/03/13(火) 00:26:40.78

フォームのGETでハッシュ付きのurlに値を渡したいのですが、
パラメータ - ハッシュの順番のurlになってしまってうまく値を渡せません
具体的には
<form method="get" action="./#ajax/find.php">
<input type="text" name="key" value="" />
</form>
というフォームで、
http://sample//#ajax/find.php?key=xxx となってくれたらうまく動くのですが
http://sample/?key=xxx#ajax/find.php となってしまいうまく動かないということです
パラメータを後にくるようにする方法はないでしょうか？

**Name_Not_Found** · 2018/03/13(火) 00:43:31.54

#を%なんちゃらでＵＲＬエンコードしてもだめ？

**Name_Not_Found** · 2018/03/13(火) 00:51:39.28

action="./%23ajax/find.php">
にするということでしょうか？
http://sample/%23ajax/find.php?key=xxx
となって404がでました

**Name_Not_Found** · 2018/03/13(火) 01:29:08.97

そらそーだ
#の後ろはlocation.hashだとブラウザは思ってるわけだから

#ajaxてのはなにか１画面アプリ的なことをしてるわけでしょ
だったらそのフォームのポストもブラウザ任せにしないで
URL作るところから自分で面倒見てあげなきゃ駄目っしょ

**Name_Not_Found** · 2018/03/13(火) 17:19:40.51

デスクトップ用evernoteクライアントの
タブのようなものをHTMLとCSSで作ろうと思います
hoverすると「×」がボタンの右端に表示されて、
それをクリックするとボタンが消えるようなものです
この「×」はどういう実装で実現するのがいいですか？

**Name_Not_Found** · 2018/03/13(火) 17:29:50.68

×タブ
○タグ
でした

**Name_Not_Found** · 2018/03/13(火) 18:37:49.61

>>980
どういう実装でも構わない

**Name_Not_Found** · 2018/03/13(火) 18:56:21.16

>>982
どういう実装が一番いいですか？

**Name_Not_Found** · 2018/03/13(火) 19:02:49.56

>>983
どんぐりの背比べ
好きに実装するといい

**Name_Not_Found** · 2018/03/13(火) 19:03:55.88

>>983
HTMLで要素を作って
CSSで見た目を整えて
JSで制御するのがいいと思う

**Name_Not_Found** · 2018/03/13(火) 19:17:17.10

>>985
それは実装とは言えませんよ

**Name_Not_Found** · 2018/03/13(火) 19:20:08.49

優しく意地悪してて笑った

**Name_Not_Found** · 2018/03/13(火) 19:22:20.27

>>980
×って自分でいってんだから×で実装すればいいじゃん

**Name_Not_Found** · 2018/03/13(火) 19:26:33.77

absoluteな子要素を右寄せ縦センタリングして
その要素にafter疑似クラスを使って×を設定しました
これ以上にイケてる方法ありますか？

**Name_Not_Found** · 2018/03/13(火) 19:32:06.62

アプリケーション系は
よっぽど切羽詰った事情がない限り
before、afterを使うよりも普通に要素として書いたほうが
後々取り回ししやすことが多い、気がする
DOMから手が届くから

**Name_Not_Found** · 2018/03/13(火) 21:14:07.03

この×は文字ではなくてアイコンとして使っているだけなので
font awesomeのアイコンと同じ感じにしました

**Name_Not_Found** · 2018/03/13(火) 21:44:53.53

evernoteのタグってことは削除したあとリロードでなくなってないといけないんだろ？
localStorageとか使わないと無理だよ

**Name_Not_Found** · 2018/03/13(火) 22:44:14.91

実は作っているのはウェブサイトではなくてelectronのアプリなので
ストレージは使っていますが、locasStrageではありません

**Name_Not_Found** · 2018/03/14(水) 13:09:43.01

ksk

**Name_Not_Found** · 2018/03/14(水) 13:10:06.55

ksk

**Name_Not_Found** · 2018/03/14(水) 13:10:13.17

ksk

**Name_Not_Found** · 2018/03/14(水) 13:10:47.16

ksk

**Name_Not_Found** · 2018/03/14(水) 13:10:55.64

ksk

**Name_Not_Found** · 2018/03/14(水) 13:11:24.62

ksk

**Name_Not_Found** · 2018/03/14(水) 13:11:35.30

ksk

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 45日 23時間 21分 27秒

**1002** · Over 1000

5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。

───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php