TailwindCSSの検索結果121 - 127 件 / 127件

• あとで読む

  Tailwind CSSでアイコンのアニメーション

  • 3 users
  • zenn.dev/chabatake_i
  • テクノロジー
  • 2022/09/27

  はじめに 先日Tailwind CSSを開発しているAdam WathanさんがTwitterでSVGアイコンのアニメーションに関する以下のようなツイートをしていました。 Tailwind CSSを使って実装する手順が示されているのですが、面白そうだったので自分でもいくつか作成してみました。 作例①：伸縮させてみる 最初に、以下のようなMenu用のSVGアイコンを作成しました。 Tailwind Playでデモを作成しましたので、こちらからコードとプレビューが確認できます。 ボタン部分を作成する まずはじめに、Tailwind CSSのユーティリティクラスを使用してボタンをスタイリングします。 <button type="button" class="rounded-full bg-gray-700 px-4 py-2 font-bold text-white hover:bg-gray-

  • CSS
  • あとで読む

  
• あとで読む

  GitHub - poulainv/tottem: Bookmark manager on steroid built with React / NextJs / Apollo Tools / Prisma 2 — styled with TailwindCSS 🌱🎺

  • 3 users
  • github.com/poulainv
  • テクノロジー
  • 2020/01/23

  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

  • next.js

  
• あとで読む

  GitHub - heybourn/headwind: An opinionated Tailwind CSS class sorter built for Visual Studio Code

  • 3 users
  • github.com/heybourn
  • テクノロジー
  • 2021/08/09

  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

  
• あとで読む

  tailwindcss入門編

  • 3 users
  • zenn.dev/knaka0209
  • テクノロジー
  • 2021/10/28

  ============= この記事は古いため、正常に動作しない可能性があります。 参考程度とさせて頂きます。 ============= tailwindcssの入門編、初級、初心者向けの記事を集めました。 導入、製作ノウハウ、事例等の内容を追加予定です。

  • Tailwind CSS
  • development

  
• あとで読む

  Next.js + Tailwind CSS に Storybook を導入する方法 | fwywd（フュード）powered by キカガク

  • 3 users
  • fwywd.com
  • テクノロジー
  • 2021/05/19

  # ディレクトリ構成 # Storybook の設定ファイル .storybook ├── main.js └── preview.js # Storybook のデフォルトファイル # baseUrl が src ディレクトリの場合は /stories -> /src/stories /stories ├── Button.stories.tsx ├── Button.tsx ├── Header.stories.tsx ├── Header.tsx ├── Introduction.stories.mdx ├── Page.stories.tsx ├── Page.tsx ├── assets │ ├── code-brackets.svg │ ├── colors.svg │ ├── comments.svg │ ├── direction.svg │ ├── flow.svg │

  • css

  
• あとで読む

  Why Tailwind CSS

  • 3 users
  • dev.to/swyx
  • テクノロジー
  • 2020/10/05

  swyx Posted on Oct 4, 2020 • Updated on Aug 8, 2021 • Originally published at swyx.io Translations: 中文, Português I'm not a Tailwind shill. I'm a Guo Lai Ren - someone who has changed their mind on it recently and am a happy user despite acknowledged tradeoffs. "Crossover people" can often be more persuasive to skeptics than born-and-bred believers. So I hope to contribute my perspective to the di

  • あとで読む

  
• あとで読む

  Tailwind CSS のカラーパレットを拡張する方法 | fwywd（フュード）powered by キカガク

  • 3 users
  • fwywd.com
  • テクノロジー
  • 2021/06/07

  Tailwind CSS には、デフォルトで濃薄含む様々な色が登録されていますが、実際にはデフォルトに存在しない色を使用したいケースも多々あるはずです。

  • TailwindCSS
  • css