Tailwind CSS的故事始于一个简单的需求:创建一个能够快速共享有趣链接的网站。Adam Wathan和他的合作伙伴Steve Schoger在构建这个名为Digest的网站时,面临了一个挑战:如何处理CSS。他们不喜欢Sass,而更倾向于Less的功能性和声明性。于是,他们决定从头开始编写所有样式,这成为了Tailwind CSS的起点。 随着时间的推移,Adam发现,他不断从一个项目复制粘贴Less文件到另一个项目,而其中的实用程序类变得越来越丰富,而组件类却越来越短。这让他意识到,实用程序类才是真正的“可移植”元素,而组件样式则过于特定,难以在不同设计中重用。这一发现促使他开始将“实用程序至上”作为一种体系结构哲学,而不仅仅是一些有用的技巧。 几年后,Adam和Steve开始研究另一个项目KiteTail,一个以开发人员为中心的结账平台。他们以Digest的样式为基础,开始构建这个新项目,并努力使这些样式尽可能“与项目无关”。在这个过程中,Adam意识到他可能无意中创建了一个对其他人也有价值的开源CSS框架。 在2017年,Adam决定开源这个“小小的Less框架”,并开始与社区合作,改进和扩展它。他们引入了PostCSS,这是一个强大的工具,允许他们突破Less的限制,创建一个真正可配置的CSS框架。 2019年,Tailwind CSS发布了1.0版本,Adam决定全职投入这个项目。他和Steve开始探索如何围绕框架构建商业产品,如主题、UI工具包和课程。他们的努力最终导致了Tailwind UI的诞生,这是一个提供预先构建的响应式专业设计组件的库。 Tailwind UI的成功超出了他们的预期,带来了显著的收入,并允许他们建立一个了不起的团队,继续推动Tailwind的发展。Adam对未来充满期待,他相信Tailwind将继续成长,带来更多的新功能、新产品和新工具,以改善开发者的体验。
Tailwind CSS的安装总数突破1000万,Tailwind UI商业产品发布5个月收入200万美元。这不仅是一个关于从副业到数百万美元业务的故事,更是一个关于如何通过不断迭代和社区反馈,将一个简单的CSS框架转变为广泛采用的工具的历程。
前端开发中,实现特定效果的代码编写常让人头疼。但别急,哥飞分享的这些网站,让你直接复制粘贴就能用。
快速上线一个网站时,文字Logo是个不错的选择。哥飞在这篇文章中展示了如何通过简单的CSS调整,让网站布局和样式更吸引人。
没有编程基础,怎么自学前端开发入门?哥飞推荐的B站免费视频教程,用HTML和CSS制作网页,无需一开始就学习Vue或React。
谷歌官方推出的前端课程,覆盖HTML、CSS、表单、响应式设计和网页图片优化等。这些课程不仅适合初学者快速上手,也适合高级开发者深入理解。
如何利用GPT4生成符合SEO规范的网页,为全球不同国家用户生成电话号码,并通过分门别类罗列的方法优化站内结构,提升网站在搜索引擎中的可见度。
假期带着孩子们一起体验编程小游戏,不仅能增进亲子关系,还能培养孩子的逻辑思维能力。通过W3schools和Blockly Games的编程入门游戏,孩子们可以逐步学习编程基础,从控制游戏角色到实现复杂逻辑,逐步成长为小小程序员。