TailwindCSSのレスポンシブデザイン - Qiita

2023/06/21 10 users Qiita CSS 静的コンテンツ レスポンシブデザイン 配置

背景と実施したこと TailwindCSSを使用してPCレイアウトのWebサイトのレスポンシブ対応を実装しました。 今回は静的コンテンツの配置を横並びから縦並びに変えるという内容のみ実施しています。 CSSは少し苦手意識があったのですが、TailwindCSSを使うとかなりローコストかつシンプルに記述できたので そのノウハウを主... 続きを読む

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

2022/03/07 114 users 様子 スタイル 注目 多く 使い方

TailWindCSSを始めようとしている人へ JSフレームワーク内でスタイルをどのように当てるべきかは,多く議論されるものであるが,そんな中でTailWindCSSが注目と人気を集めている様子である. それはそうと私はなかなか使うまで踏み出せなかったが,v3.0以降にようやく使ってみたので, 使い方をざっくり知りたい人 できること... 続きを読む

Vue.jsで再利用可能なタブのUIコンポーネントを実装する方法を解説

2021/10/12 15 users UIコンポーネント タブ Vue.js Bootstrap

タブは、Webサイトやスマホアプリでよく使用されるUIコンポーネントです。TailwindCSSやBootstrapなどのライブラリにも必ずありますが、再利用可能な柔軟性のあるものではありません。 スタイルを簡単にカスタマイズできる再利用可能なタブコンポーネントをVue.jsで実装する方法を紹介します。 How to Build a Tab Compo... 続きを読む

2021年現在Vueを選択すべきでないと思う理由 感想

2021/09/23 93 users 感想 理由 ローカルスコープ jsx Vue

Vueに対する熱いメッセージを頂いたので感想を述べてみる（ここが解決されればVueを率先して使ってくれるという意味と受け取った） コンポーネントのローカルスコープでコンポーネントを定義しようとするとJSXが必要 わかる 主にTailwindCSSのようなユーティリティファーストとの相性の悪さ スタイリングはテンプレート... 続きを読む

Tailwind CSS批判ブログ記事の紹介ツイートへの攻撃で作者が炎上 – 秋元@サイボウズラボ・プログラマー・ブログ

2021/05/13 20 users 秋元@サイボウズラボ プログラマー 炎上 作者 攻撃

CSSフレームワーク Tailwind CSS の作者の一人であるアダム・ワザン(Adam Wathan)氏の行為を非難する記事が公開され、コミュニティ内で議論が炎上しています。 「TailwindCSS: 複雑性を足すだけで、何もしていない」という刺激的なタイトルの4月20日のブログ記事が発端。 記事のタイトルが「釣りっぽい(click-bait)」で... 続きを読む