Wordpressのコードジェネレーター
0 notes
Webpackで階層を維持してファイルをコピーするプラグイン。
なかなか見つからなかった…
こちらも参考に…
0 notes
CSSの縦書きで文字の中心がずれる
font-feature-settings: initial;
OpenTypeフォントの文字詰めを行う機能
0 notes
---
7z a -tzip -scsWIN 出力ファイル名 圧縮するファイル・ディレクトリ
---
Windowsで文字化けしないようにするには -scsWINオプションが重要
0 notes
webpackとLinterとFormatter
0 notes
いい加減、webpack導入を考えなければ…。
0 notes
importとrequireの対比表がわかりやすくて良いです。
2 notes
·
View notes
iOS13以降でもスクロールバー表示させるのって、結構面倒なんですね。
★CDNから以下を取得
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplebar/6.2.4/simplebar.min.css" integrity="sha512-rptDreZF629VL73El0GaBEH9tlYEKDJFUr+ysb+9whgSGbwYfGGA61dVtQFL0qC8/SZv/EQFW5JtwEFf+8zKYg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/simplebar/6.2.4/simplebar.min.js" integrity="sha512-K//QeDiscFFAs5yljnbZCuoAmzv5KdtVY0W70WLQZ+BFCxi4PotspvxZwpaGJOao2l4oIQhgsHX5tHxyRe+YYw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
★HTMLで対象タグの属性に以下の記述追加
data-simplebar data-simplebar-auto-hide="false"
★CSSで以下の設定
// スクロールバー本体の例
.simplebar-scrollbar::before {
background: #28385E;
border-radius: 4px;
width: 4px;
margin-left: 2px;
margin-top: 2px;
}
// スクロールバー本体の透明度(デフォルトは透明なので)
.simplebar-scrollbar.simplebar-visible::before {
opacity: 1;
}
// スクロールバーの背景部分の例
.simplebar-track {
background-color: #FFBC61;
}
0 notes
よく使いそうなwp-cliコマンド
0 notes
2023 Wordpress開発
Docker + Gulp + browser-sync + wp-env + wp-cli
--
★wp-envの使い方
npm run wp-env [option]
npx wp-env [option]
★wp-cliの使い方(wp-envにインストールされているwp-cli)
npm run wp-env run cli wp [option]
npx wp-env run cli wp [option]
0 notes
Letsencrypt certbot 更新
$ cd [docker-compose]
$ docker-compose run --rm certbot renew
//動作確認だけなら docker-compose run --rm certbot renew --dry-run
0 notes
【git エラー】パーミッション変更するとマージできない。
gitでpushすると以下のエラー。
[code]error: Your local changes to the following files would be overwritten by merge:[/code]
おかしい。ファイル変更していない。
原因は「ファイルのバーミッションを変更していた」でした。
パーミッション変更を無視する設定をします。
[code]$ git config core.filename false[/code]
0 notes
Blender 放射で光らないぞ
レンダープロパティの「ブルーム」にチェックを入れましょう。
0 notes
2022版 自分用 font-family
★標準設定
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', YuGothic, 'Yu Gothic medium', 'Yu Gothic', Meiryo, sans-serif;
★Winテスト用(ヒラギノ無し版)
font-family: YuGothic, 'Yu Gothic medium', 'Yu Gothic', Meiryo, sans-serif;
フォント名の日本語表記は、自分の環境下では不要だったので「まあいいかな」と判断しました。
ポイントは游ゴシックの「medium」を追加している点。これはmediumを設定しないとWindowsでは文字の線が細くてかすれたように見えてしまうため。font-weightを400から500に変更すれば改善するが、そうするとMacで太くなってしまうため。
0 notes