2/4

astro-notion-blogの(トグル)見出しをカスタマイズする

Featured image of the post

astro-notion-blogの見出しとトグル見出しをカスタマイズしました。

astro-notion-blogの目次を折りたためるようにする

Featured image of the post

astro-notion-blogの目次を折りたためるようにしました。detailsとsummaryを使用し、CSSのみで開閉します。

Raspberry Pi PicoとArduino IDEでお手軽PWM割り込み

Featured image of the post

Raspberry Pi PicoとArduino IDE(Arduino-Pico環境)で簡単に使えるPWM割り込みを紹介します。analogWriteのPWMで使えます。

astro-notion-blogのInstagram埋め込みをカスタマイズする

Featured image of the post

astro-notion-blogのInstagram埋め込みをカスタマイズしました。

astro-notion-blogのX(旧Twitter)埋め込みをカスタマイズする

Featured image of the post

astro-notion-blogのX(旧Twitter)埋め込みをカスタマイズしました。

astro-notion-blogの開発環境構築(Windows)

Featured image of the post

Windows用のastro-notion-blog開発環境をWSL2とVSCodeを用いて構築します。

マウスホバーでアンカーリンクが浮き出る見出しを作る

Featured image of the post

GitHub・Zenn・Qiitaのように、マウスカーソルが触れるとアンカーリンクのアイコンが浮き出る見出しを作りました。

astro-notion-blogにバリューコマースのLinkSwitchを導入する

Featured image of the post

astro-notion-blogにバリューコマースのLinkSwitchを導入し、MyLinkBoxを使えるようにしました。

要素が自動配置されるトグルスイッチを作る(CSSのみ・計算不要)

Featured image of the post

幅と高さを設定するだけで、座標の計算を行うことなく要素が自動的に配置されるトグルスイッチをCSSのみを用いて作りました。

astro-notion-blogでサイドバーをカスタマイズする

Featured image of the post

astro-notion-blogのサイドバーをカスタマイズしました。