検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 4 件 / 4件

新着順 人気順

Tailwindの検索結果1 - 4 件 / 4件

  • GitHub - franken-ui/ui: Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.

    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

      GitHub - franken-ui/ui: Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.

    • AIとtailwind cssで学ぶgridとflexbox｜mocotech

      ちなみにchatgptに聞きまくるけど嘘っぽいものも入ってるかもしれないからそこは適当にね レイアウトシステムの変遷まちょっとコンテナクエリとかは置いといて…今回は主にflexboxとcss gridってことになりますね flexboxのサンプルtailwind cssはセットアップ済みです。まずflexboxのサンプルコードをお願いしますまあいろいろズバっと出力してもろた <body class="p-10"> <!-- 水平にアイテムを並べる例 --> <div class="mb-10"> <h2 class="text-lg mb-2">水平にアイテムを並べる例:</h2> <div class="flex"> <div class="bg-blue-500 text-white p-4">Item 1</div> <div class="bg-red-500 text-white

        AIとtailwind cssで学ぶgridとflexbox｜mocotech

      • 短時間でできるNuxt3入門（Vue3, Naive UI, Tailwind CSS, pinia）

        短時間でできるNuxt3入門（Vue3, Naive UI, Tailwind CSS, pinia） Nuxtの最新バージョンを使ってサンプルアプリを作りました。 Nuxt3の最新機能を豊富に使っています。 APIにはjsonplaceholderを使って、ユーザーやポストの情報を管理できるようなシステムとなっています。 下記が本プロジェクトの環境です。 - Nuxt 3.12.2 - pinia 2.1.7 - tailwindcss 3.4.4 - naive-ui 2.38.2 動画で学習できるコースも出してるので、ぜひご覧ください。 https://www.udemy.com/course/nuxt3-introduction/?referralCode=70826E31016926E92545

          短時間でできるNuxt3入門（Vue3, Naive UI, Tailwind CSS, pinia）

        • WebサイトのスクショやFigma、ワイヤーフレーム画像などを元にTailwindベースで自動コード生成、更にプロンプトで調整も可能なオープンソースのフロントエンド開発向けAI Copilot・「WebCrumbs」

          WebCrumbs WebCrumbsはWebサイトのスクショやFigma、ワイヤーフレーム画像などを元にTailwindベースで自動コード生成、更にプロンプトで調整も可能なオープンソースのフロントエンド開発向けAI Copilotです。 長いタイトルですが、要は任意の画像に合わせて自動でコーディングしてくれる、というもの。レイアウトはTailwindベースのclassが付与され、CSSも提供されます。さらにAsk AI機能でプロンプトを入力すれば指示通りに調整してくれます。よくあるAIチャット形式ではないので、回数を減らすため出来る限り細かい指示を出すと良いでしょう。 プロンプトはもちろん日本語でOKです。また、画像が無くてもプロンプトのみでTailwindベースのWebサイトを生成してくれます。プロンプトさえ適切なら望み通りのWebページが即完成します。上のSSはおとといのdamini

            WebサイトのスクショやFigma、ワイヤーフレーム画像などを元にTailwindベースで自動コード生成、更にプロンプトで調整も可能なオープンソースのフロントエンド開発向けAI Copilot・「WebCrumbs」
          1

          はてなブックマーク

          公式Twitter

          はてなのサービス

          • App Storeからダウンロード
          • Google Playで手に入れよう
          Copyright © 2005-2024 Hatena. All Rights Reserved.