标签

 tailwind 

相关的文章:

本列表汇集了关于 Tailwind 的实用文章,涵盖从基础知识到进阶技巧,助力前端开发者提升设计与开发效率。

🚀 Vite + Shadcn + Tailwind + React + TypeScript + 启动工具包

📢 Introduction Setting up a new web application from scratch can be overwhelming, especially when dealing with multiple libraries and configurations. This starter kit provides a streamlined and...

该启动工具包提供了基于Vite、Shadcn、Tailwind CSS、React、TypeScript和React Router的现代Web应用程序设置,简化配置,支持快速开发和可维护代码,适合新项目构建。

🚀 Vite + Shadcn + Tailwind + React + TypeScript + 启动工具包
原文英文,约600词,阅读约需2分钟。发表于:
阅读原文

使用NextJS、Tailwind v4和Shadcn(React 19)创建Turborepo

What is Turborepo ? Turborepo, developed by Vercel, is a powerful build system tool for JavaScript and TypeScript codebases that makes managing monorepos easier by optimizing workflows, speeding...

Turborepo是Vercel开发的构建工具,旨在优化JavaScript和TypeScript的单体仓库管理。其主要特点包括增量缓存、并行执行和远程缓存,显著提升构建速度,并简化多项目开发流程。

使用NextJS、Tailwind v4和Shadcn(React 19)创建Turborepo
原文英文,约1000词,阅读约需4分钟。发表于:
阅读原文

第12周-2025:Astro 5.5、Tailwind Plus、TypeScript 7及更多

Madhu Sudhan Subedi Tech Weekly Astro is a JavaScript web framework optimized for building fast, content-driven websites. With the release of version 5.5, it introduces better support for...

Astro 5.5版本优化了图表工具和Markdown兼容性;TypeScript 7引入Go编写的本地编译器,性能提升10倍;Google Cloud以320亿美元收购Wiz,增强云安全;Chrome用Rust库Skrifa替代FreeType;法国和德国支持开发开源文档编辑器Docs。

第12周-2025:Astro 5.5、Tailwind Plus、TypeScript 7及更多
原文英文,约400词,阅读约需2分钟。发表于:
阅读原文

🚀 Next.js 认证启动器 – Auth.js、Prisma 和 Tailwind

A simple authentication starter for Next.js App Router using Auth.js v5 (NextAuth), Prisma, mongodb, and Tailwind CSS. ✨ Features ✅ Auth.js (NextAuth) – Credentials & OAuth (Google, GitHub) ✅...

这是一个使用Auth.js v5、Prisma、MongoDB和Tailwind CSS构建的Next.js应用程序,支持凭证和OAuth认证、电子邮件验证、密码重置,具有现代外观,并使用AWS S3存储头像。

🚀 Next.js 认证启动器 – Auth.js、Prisma 和 Tailwind
原文英文,约100词,阅读约需1分钟。发表于:
阅读原文
原文英文,约100词,阅读约需1分钟。发表于:
阅读原文

基于Tailwind的Angular UI库与Figma

Hey everyone! Quick background: We've all been there – building UI using a library that is overly restrictive with its pre-defined design aesthetic, making customisation a challenge. When we...

Zap UI是一个功能全面的Angular UI库,结合了Tailwind CSS,旨在提升稳定性、性能和易用性。目前已发布alpha版本,欢迎用户反馈和建议。

基于Tailwind的Angular UI库与Figma
原文英文,约300词,阅读约需1分钟。发表于:
阅读原文

🚀 没有组件的 Tailwind?你这样做是错的!

If you’re using Tailwind CSS without leveraging components, you might be missing out on one of its most powerful features. Let’s break it down and see why using components is a game changer for...

使用Tailwind CSS时,组件至关重要,提供可重用性、可维护性和可读性,避免代码混乱。通过组件,样式更改集中管理,提高开发效率。使用现成的组件库如DaisyUI和Headless UI可节省时间并确保响应式设计。应避免过度使用内联类和忽视响应式工具,以保持代码整洁。

🚀 没有组件的 Tailwind?你这样做是错的!
原文英文,约400词,阅读约需2分钟。发表于:
阅读原文

如何在Tailwind 4中检测Ruby gem中的类

Our main web app uses Tailwind CSS and we are happy to have recently migrated it to Tailwind version 4. Among the nice features that Tailwind 4 brings to the table is an automatic detection of...

我们将主要应用程序迁移到Tailwind CSS 4,利用其自动检测CSS类的功能。由于内部gem的类未被扫描,我们使用bundler-symlink插件创建符号链接,以便在Tailwind配置中引用gem源文件。最终,通过修改插件,使用无版本号的符号链接,确保所有样式正常工作。

如何在Tailwind 4中检测Ruby gem中的类
原文英文,约1000词,阅读约需4分钟。发表于:
阅读原文

Tailwind UI 现已更名为 Tailwind Plus

We just shipped a huge rebrand project, turning what was previously known as Tailwind UI into Tailwind Plus. Tailwind Plus is the all same high-quality resources you know from Tailwind UI, but...

Tailwind UI更名为Tailwind Plus,仍为一次性购买,无需订阅。新品牌将增加Tailwind Play账户、自定义主题、调色板和社区支持,未来将持续增加组件和模板。

Tailwind UI 现已更名为 Tailwind Plus
原文英文,约700词,阅读约需3分钟。发表于:
阅读原文

在Docusaurus v3中添加Tailwind v4

This is a very basic Tailwind v4 setup for Docusaurus v3. Install Tailwind and Postcss: npm i --save-dev tailwindcss postcss @tailwindcss/postcss Create docosaurus plugin in...

这是一个关于如何在Docusaurus v3中设置Tailwind v4的简要指南。包括安装Tailwind和Postcss,创建插件,配置Postcss选项,以及在自定义CSS文件中添加Tailwind设置,以便Docusaurus能够识别Tailwind类并支持暗黑主题。

在Docusaurus v3中添加Tailwind v4
原文英文,约200词,阅读约需1分钟。发表于:
阅读原文