标签

 tailwind 

相关的文章:

探索 Tailwind CSS 的强大功能,学习如何在项目中高效使用,打造快速、响应式的用户界面。

原文英文,约1500词,阅读约需6分钟。发表于:
阅读原文

无JavaScript的Tailwind移动菜单

I've recently been working on a simple static website. One of the goals of the project was to challenge myself to improve my knowledge of CSS and Tailwind. I wanted to see how much I can do...

作者在制作静态网站时,探索了无JavaScript的移动导航菜单,利用复选框技巧结合简单的HTML和Tailwind CSS,实现了可展开和收起的菜单。尽管基本功能已实现,但在可访问性和用户体验方面仍存在不足。

无JavaScript的Tailwind移动菜单
原文英文,约1600词,阅读约需6分钟。发表于:
阅读原文

我现在在Fiverr上 — 提供React和Tailwind项目!

Hey devs! 👋 I'm excited to share that I’ve officially launched my Fiverr profile where I’m offering freelance services in React.js and Tailwind CSS. After building multiple personal projects and...

我在Fiverr上提供React.js和Tailwind CSS的自由职业服务,包括将Figma/PSD设计转为响应式代码、构建个人作品集和修复应用bug等。欢迎合作!

我现在在Fiverr上 — 提供React和Tailwind项目!
原文英文,约200词,阅读约需1分钟。发表于:
阅读原文

如何在Next.js 15中自定义Tailwind CSS,而无需使用tailwind.config.js?

Tailwind CSS v4 and Next.js 15 introduce a new way of customizing your design tokens and themes, without even touching a tailwind.config.js file. If you’re used to defining your custom colors,...

Tailwind CSS v4与Next.js 15引入了@theme inline方法,允许用户在CSS文件中直接定义自定义设计令牌,简化了前端开发,支持颜色、字体和间距的定制,提升了开发效率。

如何在Next.js 15中自定义Tailwind CSS,而无需使用tailwind.config.js?
原文英文,约400词,阅读约需2分钟。发表于:
阅读原文

Tailstore:适用于您下一个在线商店项目的免费Tailwind 4 CSS电商模板

If you're building an online store and looking for a sleek, modern, and responsive template — Tailstore might be just what you need. Built entirely with Tailwind CSS, this free eCommerce template...

Tailstore是一个基于Tailwind CSS的免费电商模板,适合开发者和初创企业。它轻量简洁,支持自定义和集成,具备响应式设计、产品展示、博客和购物车功能,采用开源MIT许可,便于快速开发和学习Tailwind CSS。

Tailstore:适用于您下一个在线商店项目的免费Tailwind 4 CSS电商模板
原文英文,约400词,阅读约需2分钟。发表于:
阅读原文

使用React和Tailwind构建快速、响应式和可扩展的界面

Hey devs! If you're tired of wrestling with convoluted CSS and want to craft sleek, responsive, and maintainable UI at scale, React + Tailwind CSS is your go-to stack. This guide is tailored for...

使用React和Tailwind CSS可以提高前端开发的效率和可维护性。本文介绍了项目配置、可重用组件架构和扩展技巧,适合大规模项目。通过模块化设计和响应式布局,开发者能够快速构建高质量用户界面。

使用React和Tailwind构建快速、响应式和可扩展的界面
原文英文,约800词,阅读约需3分钟。发表于:
阅读原文
原文英文,约600词,阅读约需2分钟。发表于:
阅读原文
原文英文,约100词,阅读约需1分钟。发表于:
阅读原文

最懒的Tailwind指南:构建几乎任何用户界面,无需触碰一行原生CSS。

CSS sure feels intimidating, but it’s also the backbone of every web design. If you’re learning Tailwind, don’t try to master every class, only 20% of properties are used to build 80% of...

学习Tailwind时,掌握20%的CSS属性即可满足80%的设计需求,重点包括布局(Flexbox和Grid)、盒模型、颜色与样式、排版、定位、交互与动画,以及响应式设计。

最懒的Tailwind指南:构建几乎任何用户界面,无需触碰一行原生CSS。
原文英文,约300词,阅读约需2分钟。发表于:
阅读原文

为什么按钮失去了手型光标?ShadCN与Tailwind的争论

Developers working with ShadCN v4 and Tailwind CSS v4 noticed something odd: buttons no longer showed the pointer cursor on hover. For many, this broke expectations. Clicking a button without the...

开发者发现ShadCN v4和Tailwind CSS v4中的按钮在悬停时不再显示手型光标,这一设计选择打破了用户的预期。虽然在GitHub上提出了问题,但并非bug。用户可以通过自定义CSS恢复光标变化,期望所有可点击元素都有此效果。

为什么按钮失去了手型光标?ShadCN与Tailwind的争论
原文英文,约200词,阅读约需1分钟。发表于:
阅读原文