HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (984ﾚｽ)
上下前次1-新
233(1): 2023/10/22(日)14:26 ID:??? AAS
borderのdashedって
破線の長さ、間隔をCSSで設定することはできませんよね？
Figmaが線の「高度な設定」内で破線と間隔指定できるので
なにか対策あるのかと思いまして
234(1): 2023/10/22(日)14:42 ID:??? AAS
border-styleじゃ無理なのでbackground-imageで再現するみたいだよ
235: 2023/10/22(日)14:50 ID:??? AAS
>>234
ありがとうございます！
やっぱりそうなんですね ひと手間かけるんですね 角丸どうしよう
236(2): 2023/10/22(日)14:55 ID:??? AAS
>>233
figmaでできるなら
figmaの開発者モードでどんなCSS吐き出してるか見ればよいのでは
237(2): 2023/10/26(木)15:05 ID:??? AAS
>>236
レスついてたの気がつきませんでした
開発者モードでは
border: 1px dashed var(--Grey, #666);
となっているだけで、破線と間隔指定の記載は見当たらないのです
238(2): 2023/10/26(木)16:59 ID:??? AAS
>>237
CSS Trick – Customized Dashed or Dotted Border
外部ﾘﾝｸ:kovart.github.io
239: 2023/10/26(木)17:11 ID:??? AAS
>>238
わーーー、すごい！！ありがとうございます！！
border imgではなく
background-imageで作るんですね
ブックマークします
240(1): 2023/10/26(木)21:29 ID:??? AAS
SVG使うならダッシュストロークの長さを制御して順に描画するアニメーションも面白いよ
>>236,237
figmaの表示はcanvasにwebGLで描画してるぽいので、そのまま持ち込むのは難しそう
241(2): 2023/10/27(金)22:33 ID:??? AAS
低レベルな質問をさせて下さい
拡張子を.htmlとして作成したファイルを、クロムなどで開くとブラウザ表示されると
思うのですが、タグで囲わず例えば「練習」とだけ書いても見られるんです
これはheadタグやbodyタグ内に「練習」と書いて見るのと
意味的には何が違うのでしょうか？
242(1): 2023/10/27(金)23:54 ID:??? AAS
>>241
ブラウザが補完してbody内のテキストとして扱われてる
そのファイルを開いて開発者ツールで要素の状態見れば納得できると思うよ
243: 241 2023/10/28(土)00:11 ID:??? AAS
>>242
マジですか
目から鱗です
ありがとうございます
244: 2023/10/28(土)13:11 ID:??? AAS
239です
>>238さんに教えていただいたサイトだと丸点線ボーダーが半分削れちゃっていましたが
svgを%指定、svgに点線指定すればインラインSVGをposition:absoluteで配置でレスポンシブ対応で丸点線ボーダーができました！
>>240さんのアニメーションできるってアドバイスも気づきのきっかけになりました 合わせてお礼申し上げます
245: 2023/11/01(水)16:36 ID:??? AAS
そろそろpopover API使ってみよかなって思ったら、これもまだFirefox対応してないのか…
:has()もそうだし、使えないままのプロパティ多いと非対応枠にポイッとされちゃうぞ
246: 2023/11/09(木)19:38 ID:??? AAS
デスクトップ版「Firefox」の開発が「Git」に一本化へ、「Mercurial」を諦める
外部ﾘﾝｸ[html]:forest.watch.impress.co.jp
Mozillaは11月6日（米国時間）、デスクトップ版「Firefox」の開発を「Git」に一本化すると発表した。
247(1): 2023/11/12(日)22:12 ID:??? AAS
知り合いから今運営しているHPがだいぶ古いからリニューアルしてって頼まれたんですが、見てみたらカラーミーで作ってあるショップでした。コーディングで作りたかったのですが、自分で作ったhtmlを既存サイトのトップに表示させる方法もわからず、かと言ってカラーミーのテンプレでは思い描くサイトにはほど遠く。自作サイトにカラーミーの商品ページだけリンクさせようかとも思ったけど、カラーミーのシステムである「マイアカウント」とかも厄介で…。皆さんだったらどうしますか？知り合いの制作会社では凄い勉強してカラーミー専用の言語も学んで0からショップをコーディングできるらしいですが、自分は正直そこまで理解出来そうにないです。
248: 2023/11/12(日)22:49 ID:??? AAS
Woocommerceでつくりなおす
249: 2023/11/12(日)23:16 ID:??? AAS
ありがとうございます。WPのプラグインですかね？良い知恵を頂き大変感謝しております。全く新しいカートという事ですね。既存のカラーミーショップに結構な会員登録してる購入者がいるのですが、移行してもらう他ないですかね〜(^-^;
250(2): あぼーん [あぼーん] AAS
あぼーん
251: 2023/11/13(月)01:22 ID:??? AAS
カラーミーに既存客いるなら移動なんて絶対に無理
あとトップページを大幅に変えたらSEO下がる可能性もある
というよりも仕事で受けてるならカラーミーくらいやり倒せば？
このくらいできないならWordPressだろうが他のEC系カスタマイズも無理だろ
そもそもhtmlだけで何とかできそうと思ってはいけない
それぞれのシステムに合わせてページ毎のロジックの学習は必須
252: 2023/11/13(月)02:40 ID:??? AAS
>>250
プチ稼ぎだけど、やる気が出てきた
上下前次1-新書関写板覧索設栞歴
あと 732 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.361s*