Qiita Trends
@qiita
3 subscribers
4.44K links
Unofficial qiita trend channel

source code: https://github.com/vbalien/qiita-trend-channel
Download Telegram
About
Blog
Apps
Platform
Join
Qiita Trends
3 subscribers
Qiita Trends
【TailwindCSS＋React+Next.js】Next.jsでの画像の表示とアスペクト比の保ち方
LGTM: 3
#CSS #React #next.js #tailwindcss #fwywd

Link: https://qiita.com/takara03/items/f6a1cb57d3580feccc4e
Qiita
【TailwindCSS＋React+Next.js】Next.jsでの画像の表示とアスペクト比の保ち方 - Qiita
はじめに

Next.jsのnext/imageを使用した静的ファイルの表示方法と、画像を表示させたさせた際に、画像の比率を維持することに困ったため、その方法を簡単にまとめました。


環境


OS：macOS Big Sur ...
2 views
この記事を読む
Qiita Trends
【Next.js＋TailwindCSS】Next.jsにTailwindCSSを導入しtailwind.config.jsでカスタマイズする
LGTM: 6
#next.js #tailwindcss #tailwind.config.js #fwywd

Link: https://qiita.com/takara03/items/e6635250bd7a4116ab3b
Qiita
【Next.js＋TailwindCSS】Next.jsにTailwindCSSを導入しtailwind.config.jsでカスタマイズする - Qiita
はじめに

TailwindCSSでコーディング時に同じ記述を何度も記述してしまい、汚くなってしまったので、繰り返し使用するクラスの作り方や使用したい色を設定する方法の一部をまとめました。


分かること


バックグラウンドにし...
1 viewedited  
この記事を読む
Qiita Trends
【Next.js + Tailwind】これを押さえればOK 最新のフロントエンド開発
LGTM: 21
#Node.js #React #next.js #tailwindcss #fwywd

Link: https://qiita.com/akioqiita/items/d5726b00ce9d594b4c95
Qiita
【Next.js + Tailwind】これを押さえればOK 最新のフロントエンド開発 - Qiita
目次

1.この記事を書くきっかけ
2.自己紹介
3.この記事を見てほしい人
4.Reactについて
5.Next.js + Tailwind cssの導入方法
6.Tailwind css
7.スクロールアニメーション
8.Ne...
1 viewedited  
この記事を読む
Qiita Trends
Shopify Theme × Tailwind CSS を考える
LGTM: 20
#Liquid #shopify #tailwindcss

Link: https://qiita.com/ta1fukumoto/items/dc3ec9a4f684143d51cb
Qiita
Shopify Theme × Tailwind CSS を考える - Qiita
この記事について

この記事は、Shopify テーマに　Tailwind CSS を導入することについて思うことや導入の手順などについて解説しています。
普段、業務の中で Shopify テーマに Tailwind CSS を導...
1 viewedited  
この記事を読む