web– category –
-
【WordPress】タクソノミータームを別のタクソノミーにコピーする（タクソノミーを複製する）方法
WordPressで複雑な構築をしていると特定のタクソノミーを複製して、別のタクソノミーで使いたい…と思うことがあります。タームをエクスポートして、別のタクソノミーにインポートしたい…。 今回は「投稿」の「カテゴリー」に登録したタームを、「events」... -
【メモ／日記】さくらのサーバー移行ツールを使って当ブログ表示を少し速くしました！
さくらサーバーでは、2022年2月16日以前から利用しているユーザー向けに「従来サーバーより最大5倍高速な新サーバーへの移行ツール」が提供されています。 新サーバーへの移行方法のご案内 | さくらのサポート情報 当ブログは2018年秋ごろからさくらサーバ... -
【WordPress】カスタムフィールドの値で昇順に並べたときフィールドが空の投稿を一番最後にする方法
イベントの開催日など、投稿日付とは違うカスタムフィールドに入力された値の順で一覧ページを並び替えたいとします。 start_date というカスタムフィールドの値を使って昇順（ASC）に並び替える方法をとります。 しかし、start_date が空の投稿があるとき... -
IE11とさよならしたら全力で使えるHTML/CSSまとめ【40個以上】
Windows10でのIE11サポート終了とともに、IE11対応HTML/CSSとさよならした皆さん、お疲れさまでした！（Windows8.1終了までIE11頑張るみなさん、お疲れ様です） 今更ですが、ぎりぎりまでIE11対応したので、最近のHTML/CSS事情が追い切れていません！ とい... -
サイト全体のletter-spacing設定を子要素にうまく継承するには
Webサイトのデザインをするとき、サイト全体のテキストに対して文字間100＝letter-spacing:0.1emを指定する、なんてことがありますよね。 でも、コーディングの仕上がりで微妙に最終的なletter-spacingが異なる…なんで…。確認してみたところ、letter-spaci... -
【Adobe XD】和欧混植を実現するMixed FontTypeプラグインを作りました
Adobe XDで font-family:Lato, "Noto Sans JP", sans-serif; というような文字組が設定できればいいのに… ということで、XDで混植を実現するプラグインを作りましたので使い方のご紹介です。 Mixed FontType プラグインの使い方 Mixed FontTypeプラグイン... -
【Lottie】Illustratorで描いた絵をAfterEffectsで動かしてLottieとして書き出してWebページで動かす
（2023年11月追記）AfterEffectsよりシンプルで簡単に作れるLottielabのバージョンの記事も書きました。 https://deep-space.blue/web/3095 STEP 1. Illustratorで描いた絵をAfterEffectsで動かす 参考：https://helpx.adobe.com/jp/after-effects/how-to/... -
SVGは場合によっては重い？ SVGとPNGどちらで書き出すかまとめ
シンプルなアイコンやロゴはSVGで書き出したほうがきれいで軽い！ しかし、場合によっては SVGのほうが重い SVGにしてもきれいじゃない ということもあります。どんなときはSVGで書き出すとよいのか？をまとめました！ パスで作られたポイントの数が少ない... -
備忘録 – Notion APIをローカルのnodeから叩いてみよう
Notion API の ドキュメントの導入に書かれている内容を、Node.js / npm 初心者がやってみた備忘録です！ Notion側の準備 データベースの準備API認証情報の準備 データベースの準備 新規のデータベースを適当に作ります。 データの列の名前を後で使うので... -
遅延読み込みしたGoogle FontsのFOUTを、Font Loading APIを使って軽減してみた
【2022年3月】Google Fontsのパフォーマンス比較＆ハリー・ロバーツ方式の勝手に改良版 にて、Google Fontsを遅延読み込みする方法についてまとめました。 しかし、この方法では「 FOUT（Flash of Unstyled Text）」という現象が避けられません。 ページ...