MONTH

0年0月

Tailwind CSSの設定と実装方法 – v3.0準拠

Tailwind CSSはCSSを効率よく書くためのライブラリーで、とくにモバイルとPCのレスポンシブなデザインを作るときに威力を発揮します。2021年12月にリリースされたv3.0からは使い勝手も大きく向上しました。カラーパレット、ボックスシャドーなどの所定のテーマも備えつつ、JIT機能を使えば完全なカスタムも可能です。よってbootstrapのようなCSSを書かないライブラリーとはアプローチが […]

Flexboxでヘッダーを実装する方法

↓応援クリックよろしくお願いします↓ 本稿ではCSSのflexboxを使って、Webサイトのヘッダーを構成する方法を4通りご紹介します。多くのヘッダーは左右にアイテムを配置した構成をしており、本稿でもヘッダーの各メニューを中央に寄せるのではなく、左右に並べる方法をご紹介します。 margin-left: auto 親要素にdisplay:flexを適用すると、デフォルト設定では子要素は行方向(fl […]

Next.jsの特徴 – Reactとの比較

↓応援クリックよろしくお願いします↓ Next.jsとはVercel社が作ったReactのフレームワークです。単体のReactより機能が拡張されています。Reactの特徴は全て引き継がれ、コードの書き方もReactそのものですので、Reactユーザーであれば難なく使うことができます。本稿ではNext.jsの概要について書きたいと思います。 Next.jsの特徴 ReactにはないNext.jsの代 […]