概要 私は仕事でもプライベートでも Web アプリを開発する際はよく React.js/ Next.js を利用しているのですが、CSS やデザインについては疎いため簡単に綺麗なデザインを提供してくれる Mui を使用しています。 mui.com Mui は導入も利用もとても簡単なので個人的にはとても大好きなのですが、同じコンポーネントを繰り返し使用することになるため毎回同じようなデザインになってしまい、少々自分でも苦笑いしてしまいます。 そのため、最近では巷で話題になっている CSS フレームワーク TailwindCSS を利用したいと思い、絶賛勉強中です。 そんな中、Github 上で React.js と TailwindCSS を組み合わせたポートフォリオが公開されていたので、どんな感じなのかなと参考になるものがありました。 今回紹介する OSS は TailwindCSS を
Tailwind CSSという言葉、最近よく耳にするようになっています。 カードやボタンなどUIデザインを基本としたCSSスタイリングが特長のBootstrapなどのフレームワークに比べ、Tailwind.cssはHTMLに直接スタイリングを行ってしまおうという考えで、今までのCSS設計のアプローチと全く真逆とも言えます。 そのため、ひとつの要素に追加された膨大なクラス名を見ると、カスタマイズしにくいと感じるひとも多いようです。 そんなときは、Tailwind.cssで利用可能なUIデザインのHTMLスニペットを集めた便利ライブラリFlowriftを活用してみましょう。 ヘッダーやフッター、ナビメニューといった基本から、ヒーローイメージ、CTA、サービス、お問い合わせフォーム、値段表、ギャラリー、404ページといったホームページ制作でよく利用するUIコンポーネントのコードをボタンひとつでコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く