24/12/24 13:59:23.25 .net
> windows、chrome系でハードウェアアクセラレーションオンだと-webkit-text-stroke無くても白い縁出てる
ハードウェアアクセラレーションオフとFirefoxはブレンドされて縁が青っぽくなってる
やはり、おま環だから気にすんなって話か
3:Name_Not_Found
24/12/24 14:02:47.66 .net
検証用にどうぞ
URLﾘﾝｸ(jsfiddle.net)
4:Name_Not_Found
24/12/25 18:21:17.84 8kYZCpeC.net BE:629052145-2BP(1000)
URLﾘﾝｸ(img.5ch.net)
cssはapiテストに直接関係していないが、echoapiのmy frontendとシームレスに連携する機能により、スタイリングとの統合性が向上している。
5:Name_Not_Found
25/01/03 13:04:27.59 7uAGm6F4.net
grid layout について教えてください・・・
A B Cと3カラム横並びのグリッドを作った、ブラウザ幅を縮めるときに
「A幅が完全に縮みきってから、次はB幅が縮まり出す」ことをしたいのですが
どういたプロパティを指定すれば良いですか？
Chat GPTで調べたところ
grid-template-columnsで幅を指定するときにminmaxで指定し、するとminの数値が小さい順に小さくなると
出たのですが、同じ事をやってもどうしてもAが縮まり出すのとほぼ同時にBも一緒に縮まり出します
grid-template-columns: minmax(30px, 300px) minmax(300px, 600px) minmax(350px, 400px);
と書いたら、Aのmin30pxが30pxまで縮んでから、次はBがmin300pxまで縮まって欲しいです。
6:Name_Not_Found
25/01/03 14:14:55.77 .net
>>5
そのchatgptの回答は嘘
コンテナクエリで制御するのが正解
7:Name_Not_Found
25/01/03 17:00:16.98 .net
>>6
横からだけど勉強になったよありがとう
最初gridコンテナに直接クエリを設定してしまって、grid-template-columnsが制御できなくてハマった
ラップしたdivにコンテナクエリを設定したら制御できるようになった
8:Name_Not_Found
25/01/06 15:48:46.52 958T4x4C.net
>>6
>>7
嘘だったのですね；
コンテナクエリで試してみたところ、何とかいけそうです！
教えて頂きありがとうございました
9:Name_Not_Found
25/01/07 05:04:22.62 .net
<img src="abc#123.jpg">のようにファイル名に#が入っていると画像が表示されません。できればファイル名を変えたくないのてすが、何か対処法はあるのでしょうか？
10:Name_Not_Found
25/01/07 05:09:14.78 .net
ハッシュとクエスチョンはファイル名に使っちゃだめなのねん
11:Name_Not_Found
25/01/07 05:43:49.61 .net
>>10
やっぱりだめてすかね。ブラウザに直接画像ファイルをD&Dすると表示されるので、HTMLの仕様なのかな？
12:Name_Not_Found
25/01/07 05:55:55.89 .net
htmlというかwebの仕様
D&Dで表示できるのはローカルパスだから
urlエンコーディングやApache側の設定で表示できるようにすることもできるけど邪道なのでやめよう
#はアンカーリンク、?はクエリパラメータ用の文字列として予約されているので大人しくハイフンやアンダースコアにしよう
13:Name_Not_Found
25/01/07 06:06:17.87 .net
>>12
了解しました。ファイル名の方を修正します。ありがとうごさいました。
14:Name_Not_Found
25/01/07 22:52:25.58 .net
<img src="abc%23123.jpg">
15:Name_Not_Found
25/01/08 10:45:22.46 .net
>>14
おおっ、ありがとう。愛してる。
16:Name_Not_Found
25/01/10 17:59:20.40 .net
htmlってなんでここまで廃れたんだろうな
17:Name_Not_Found
25/01/10 18:13:57.06 .net
え？
18:Name_Not_Found
25/01/10 18:30:38.67 .net
スレが廃れたって意味だよね？
19:Name_Not_Found
25/01/11 09:56:38.60 .net
自分の頭が廃れたのに気づいてないとか
20:Name_Not_Found
25/01/11 10:33:51.93 .net
誰もhtmlを使わなくなったのは確か
ノーコードWeb制作が増えて来たしな
21:Name_Not_Found
25/01/11 14:58:58.55 .net
え？
22:Name_Not_Found
25/01/11 16:01:33.21 .net
StudioのネタがXで流れてくるけど
さっぱり勉強する気になれない
本当に主流になるんかな
23:Name_Not_Found
25/01/14 02:33:07.95 X3u2IluP.net
リセットCSSを探しています
スタイルのリセットは最低限でいいので、とりあえず読み込み速度重視だと
（使用しないタグにまでリセット範囲を拡大するとページ読み込み速度が遅くなるそうなので）
下記の内、どれがいいでしょうか？
A (more) Modern CSS Reset
A Modern CSS Reset
CSS Remedy
EllyLoel/reset.css
HTML5 Boilerplate
HTML5 Reset Stylesheet
Josh's Custom CSS Reset
Minimal CSS
Normalize.css
Reboot.css
The Modern CSS Reset
The New CSS Reset
destyle.css
modern-normalize
reset.css (@acab)
reseter.css
ress
sanitize.css
※もちろん、今の1Gbpsを超えるような通信環境だと
人間には分からないレベルだと思いますが、一応、速度重視ということで。。
24:Name_Not_Found
25/01/14 02:49:45.08 .net
とにかく軽く最低限なのがdestyle
モダンに寄せたいなら The New CSS Reset
25:Name_Not_Found
25/01/14 13:48:19.59 .net
全部試してChromeの開発者ツールで確認すりゃいいよ
26:Name_Not_Found
25/01/14 14:24:06.59 .net
こういうのは
単純にリセットCSSのファイルサイズだけじゃ比較できない
っていう理解でOK？
27:Name_Not_Found
25/01/14 14:48:46.25 .net
速度という点でも全称セレクタなどはパフォーマンスとしては悪いけど
問題はそんなことより上書きしやすい詳細度になってるか、バグがないかだと思うわ
28:Name_Not_Found
25/01/21 17:50:40.76 .net
自分、ちょうど自サイトリニューアルでなういリセット探してたんだけど
>>24
destyleの方がタブ遷移のこと考慮してたりルビも小さいままで
親切ね
29:Name_Not_Found
25/01/26 17:23:39.96 AR4U9TGS.net
AIでコード生成ができるみたいだけど
失業する人が増えるのか？
30:Name_Not_Found
25/01/26 17:57:44.57 .net
そうかもしれませんね！
31:Name_Not_Found
25/01/26 19:45:49.13 .net
生成できてもコードの意味を理解してないと仕事にならんだろ
32:Name_Not_Found
25/01/26 19:54:15.75 .net
CMSのときもxdやfigmaがCSS吐き出せるようになったときもノーコード流行のときもコーディングオワタお前ら失業ーとか言ってる人いたでしょ
化石なので丁重に扱おう
33:Name_Not_Found
25/01/29 09:13:53.70 3/6vRowO.net
>>23
大した量でもないし
自分で書いたらいいじゃない
自分に必要なプロパティだけで済むし
34:Name_Not_Found
25/01/29 09:17:04.09 3/6vRowO.net
Figma/Amplify連携はいくつかやってきたけど
デザイナが、というか客がわかってる人じゃないと、なかなかうまくいかんなあ