サイトのデザインを変更しました!

投稿日: 更新日:
パソコンの画面

当サイトのデザインを大幅に変更しました!新旧デザインの比較や具体的にどう変更されたのかについては、こちらをご覧ください。

やったこと

配色大辞典を使って、できるだけ美しく、ハレーションを起こさない配色を探しました。

また、OSやWebブラウザーの設定に合わせて通常表示とダークモードを切り替えるのにはCSSのprefers-color-schemeを使用し、配色に関するCSS変数を変更する仕組みにしました。

さいごに

とても短い記事になってしまいましたが、とりあえず言いたかったことは、「(いい意味で)前のデザインの跡形もないくらいデザインを変えたよ (*´∀`)ドヤ」ということです。

Xに共有する Blueskyに共有する Misskeyに共有する LINEに共有する Threadsに共有する
著者のアイコン画像

生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。

Webフロントエンドプログラマーで、テクノロジーに関する話題を追いかけています。動画編集やプログラミングが趣味で、たまにデザインなどもやっています。主にTypeScriptを使用したWebフロントエンド開発を専門とし、便利で実用的なブラウザー拡張機能を作成しています。また、個人ブログを通じて、IT関連のニュースやハウツー、技術的なプログラミング情報を発信しています。