0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

tailwindcssを使ってみた #GWアドベントカレンダー

Posted at

#GWアドベントカレンダー「使いたかったもの使ってみたカレンダー(1人アドベントカレンダー)」の9日目、5/5記事です。

tailwindcss使ってみた

tailwindcssとは、bootstrapみたいなcssフレームワークの1つです。
bootstrapとの違いは、あくまでcssのみの話にとどまっていて、UI(HTML)には触れてないというところのようです。

style="xxx" と直接書く代わりに class="xxx"とかく、程度のものです。

良さそうなところ/面白かったところ

  • UIに絡まないので、CSSの知識がそのまま使えてわかりやすい
  • 複数のcss属性を組み合わせたコンポーネントを定義できて、それが使いやすい
  • コンポーネントをみんなでシェアするエコシステムがある
  • レスポンシブが簡単にできる

あんまりイケてないところ

  • css知識が無いと厳しい

総合評価

cssがわかっている人が、cssファイル作るのめんどくさいときに使うと良いなというものでした。
css初心者にはbootstrapをオススメしますが、bootstrapっぽさを出したくないサイトの場合は良いかなと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?