2023-11

Tailwind CSS

Tailwind CSSで任意のブレイクポイントを作る(レスポンシブ対応)

Tailwind CSSはある程度既存のクラスが用意されていて、ブレイクポイントについても同様。 ただ、カラー名などでもそうだけど、任意のサイズや色などを用意したいことの方が多い。 また、基本はデフォルトのもので良いけど、このコ...
Nextjs

Next.jsとTailwind CSSでメニューで今の場所の表示を変える(現在地をハイライト)

Next.jsで現在地をハイライトする方法。 ナビゲーションメニューなどでよくある色が変わるもの。 仕組みとしては簡単で、アクセスしたURLを取得し、リンク内のhrefと比較して、同一のものと違うもので適用するスタイルを変えるだ...
Nextjs

Next.jsのルーティングのファイル名規則【Next.jsのAPPルーターを使おう 第四回】

Next.jsのAppルーターでルーティングする際のファイル名規則について。 以下の記事の続き。基本的なことは以下で。 Next.jsのAppルーターではルーティング対象になるファイル名があらかじめ予約されていて、それら...
タイトルとURLをコピーしました