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

• あとで読む

  GitHub - thedevdojo/pines: The Pines UI library

  • 3 users
  • github.com/thedevdojo
  • テクノロジー
  • 2023/07/22

  This is the main repo for the Open Source Pines UI Library. This repo is simple to setup and get running on your local if you wish to submit a fix or make some additions to the library. Download the contents of the GitHub repo and store it in a folder. Make sure you have NodeJS installed along with the http-server package. CD into your folder and run http-serve Visit the localhost URL to see Pines

  
• あとで読む

  Next.jsにTailwind CSSを導入する

  • 3 users
  • zenn.dev/shimakaze_soft
  • テクノロジー
  • 2023/04/19

  仕事でNext.jsにCSSフレームワークのTailwindを導入したので、それのやり方をまとめています。 パッケージのインストール まずはTailwind CSSを導入するため、以下3つのパッケージをインストールします。 tailwindcss postcss autoprefixer # npm の場合 $ npm install -D tailwindcss@latest postcss@latest autoprefixer@latest # yarn の場合 $ yarn add -D tailwindcss postcss autoprefixer postcss-nested

  • TailwindCSS
  • nextjs
  • tailwind
  • css

  
• あとで読む

  Tailwind CSS の Purge でビルドサイズを縮小する

  • 3 users
  • zenn.dev/ryo_kawamata
  • テクノロジー
  • 2020/11/19

  Tailwind CSS はユーティリティファーストでとても使いやすいのですが、無数のクラスが提供されているので、そのままだとビルドサイズがとても巨大ですよね。 それを解消するために、 Tailwind CSS に標準で搭載されている Purge オプションを使ってビルドサイズの縮小を試してみました。 テスト環境の構築 最初に Tailwind CSS の環境を構築します。 まず npm プロジェクトを作成して、Tailwind CSS を依存に追加します。

  
• あとで読む

  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

  
• あとで読む

  tailwindcss入門編

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

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

  • Tailwind CSS
  • development

  
• あとで読む

  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

  
• あとで読む

  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