【CSS】VSCodeでSassコンパイル

VSCodeでSassコンパイルする

最近ではもう手放せなくなっている高機能エディタ「Visual Studio Code(VSCode)」。

拡張機能を追加することで、どんな開発にも対応できるのが便利すぎて他に浮気できないくらい。

今回はVSCodeを使ってSassコンパイルを行う方法をメモ。

“【CSS】VSCodeでSassコンパイル” の続きを読む

CSSのパラメータ変更したのに再キャッシュされない

WordPressで作成しているサイトに、以下のようにCSSを読み込んでいた。

functions.php
wp_enqueue_style( 'main', get_stylesheet_uri(), array(), '20191101' );

上記赤字の部分を変えたのに、cssが更新されない…。

“CSSのパラメータ変更したのに再キャッシュされない” の続きを読む

チェックが入っていないと送信できないお問い合わせフォーム

個人情報保護方針の同意チェックなど、チェックしないと送信できない動きを実装する方法。

“チェックが入っていないと送信できないお問い合わせフォーム” の続きを読む

【CSS】paddingの値がwidthに足される迷惑

widthでこの値!と指定しているのに、padding入れたらその分幅が増える迷惑について。

“【CSS】paddingの値がwidthに足される迷惑” の続きを読む

dialogタグ、edgeやsafariで動作しない。からの修正案

dialogタグの代替案

HTML5で追加されたdialogタグ。

<dialog>: ダイアログ要素 – HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/dialog

とても便利なタグではあるが、主要ブラウザのedgeやsafariで、まだ動作しないのが難点である。

chromeなどの対応ブラウザのみで開発していた場合、気付かずにリリースしてしまうと対応で慌てることに。

その時にすぐに修正できるよう、dialogタグでの実装構造そのままの代替策をメモしておく。

“dialogタグ、edgeやsafariで動作しない。からの修正案” の続きを読む