TailwindCSSの検索結果1 - 2 件 / 2件

• あとで読む

  TailwindCSSを始めようとしている人へ

  • 168 users
  • zenn.dev/nbr41to
  • テクノロジー
  • 2022/03/07

  TailwindCSSを始めようとしている人へ JSフレームワーク内でスタイルをどのように当てるべきかは,多く議論されるものであるが,そんな中でTailwindCSSが注目と人気を集めている様子である. それはそうと私はなかなか使うまで踏み出せなかったが,v3.0以降にようやく使ってみたので, 使い方をざっくり知りたい人 できることをざっくり知りたい人 TailwindCSSをエアプしたい人 に向けて個人的な所感と要点を書いていく. TailwindCSSをすごく簡単に classNameに特定のclassを指定することでStyleを当てていくCSSフレームワーク. 例えば,ここにあるように, bg-red-600とclassNameをつけることで,CSSのbackground-color: #dc2626;と同様のCSSプロパティを当てたことになる. 普段このように書くところを

  • Tailwind
  • css
  • TailWindCSS
  • あとで読む
  • framework
  • basic
  • tips
  • 未分類

  
• あとで読む

  Tailwindcssは素晴らしいという話 - GitPress.io

  • 120 users
  • gitpress.io
  • テクノロジー
  • 2019/11/29

  Tailwindcssとは https://tailwindcss.com/ CSSライブラリの一種。 BootstrapやBulmaのような他のCSSライブラリと異なり、 .btnや.cardといったコンポーネント系のクラスは定義されておらず、 <b>1つのスタイルのみを変更するユーティリティ系のクラスがたくさん詰まっている</b>のが特徴。 Tailwindcssで定義されているクラスの例: .font-bold { font-weight: 700; } .rounded { border-radius: .25rem; } .hidden { display: none; } この特性がWeb開発で一体どんな効果をもたらすのか？ Web開発ではおなじみのBootstrapと比較しながら学んでいこう。 Bootstrap vs Tailwindcss : ボタンの例 Bootstra

  • tailwindcss
  • css
  • あとで読む
  • bootstrap
  • font
  • Tech
  • article