新的 Tailwind CSS + Framer Motion 模板和 Tailwind 招聘

Adam Wathan

今天又给您带来了一些我们已经发布的新酷玩意儿的更新,以及一些正在开发中但即将发布的东西!

自从六月份发布 Tailwind UI 网站模板和全套访问以来,我们一直在做很多以维护为主的工作,例如处理 超过 350 个 GitHub 问题和拉取请求,并更新我们发布的所有新模板以使用 Next.js 12.2 和新的 next/future/image 组件。

不过,我们确实也抽出时间发布了一些新东西!


Tailwind + Framer Motion = Pocket

大约一周前,我们发布了一个全新的 Tailwind UI 模板,该模板使用 Next.js 和(当然)Tailwind CSS 构建。

我们将其命名为 Pocket,这是一个移动应用程序的着陆页,其中加载了大量有趣的动画和交互,由 Framer Motion 提供支持,这基本上是任何人制作过的最酷的库。

Learn about the Pocket template

请务必查看 实时预览 以获得完整体验 —— 屏幕截图会错过所有最酷的部分,例如页面加载时绘制的图表、功能部分中动画的移动设备 UI 和受 Frogger 启发的客户评价动画。

关于这个模板的有趣故事 —— 当我们最初设计和构建它时,我们实际上并不打算在动画或交互方面做任何事情。我们在 Figma 中组合了一个静态设计,我们都非常兴奋,然后按照计划构建了整个内容,并计划在三个半星期前发布它。

但是一旦我们在浏览器中获得完成的模板,它就感觉有点僵硬。在 Figma 中看起来很棒,在那里您期望一切都是静止和静态的,但是一旦我们能够在现实生活中看到它,感觉更像是一个屏幕截图或类似的东西,而不是一个真实的、交互式的网站。

请查看 此模板的早期版本,也许您会明白我的意思。

我们决定将发布推迟几周,同时我们尝试了一些可以为它注入活力的方法,并且在尝试了许多不同的想法之后,最终得到了我们今天所拥有的东西。

我对这个版本的完成效果感到非常兴奋,我认为如果您想学习如何使用 Framer Motion 来实现我们最终实现的一些酷炫效果,那么代码库是一个非常有趣的案例研究。

并且像我们所有的模板一样,如果您拥有 Tailwind UI 全套访问许可证,它将与我们所有的其他组件和模板一起包含在内,无需额外费用。


Tailwind 招聘

我们已经考虑了大约两年建立一个官方的 Tailwind CSS 招聘网站的想法,并且在过去几周内最终决定尝试一下,看看会发生什么。

如果您是一家使用 Tailwind 并且正在寻找前端工程师的公司,或者您是一位想在一家使用 Tailwind 的公司工作的开发人员,请查看 Tailwind 招聘以了解更多信息。

Tailwind Jobs

我们于 7 月 14 日开始构建代码库,并于 8 月 2 日向公司推出了该网站。我们使用 LaravelInertiaReact 和当然还有 Tailwind CSS 构建了它。仅用 20 天就能使用这些工具构建出如此惊人的东西,真是太棒了!

我们仍在研究定位以及如何使其成为使用 Tailwind 的公司寻找前端人才的最佳场所,因此,如果您在您的公司进行任何招聘,并且有任何反馈或想法,请向 Peter 发送电子邮件 —— 他正在领导这个项目,并且正在寻找与人们讨论它的人。

例如,我们正在努力解决的一个问题是如何明确表示,职位不必严格地“整天使用 Tailwind CSS 设置样式”才是合适的职位 —— 世界上实际上没有很多这样的职位,我们公司本身实际上也没有任何这样的职位,这家公司就是 Tailwind CSS 的制造商!

但是,很多人讨厌与 CSS 作斗争,即使他们不是每天都编写 CSS。

有很多开发人员会很高兴知道,每当他们必须进行一些样式设置时,他们将使用 Tailwind 而不是一些自定义 CSS 意大利面条式代码来完成。

我们希望招聘网站成为寻找 React 开发人员、Vue 开发人员、Laravel 开发人员、Rails 开发人员的场所,无论是谁 —— 只要该人在需要设置样式时可以使用 Tailwind,那么它就非常适合 Tailwind 招聘。


正在进行中...

我们有很多将在未来几周内推出的很酷的东西

因此,请期待几周后发布的另一个更新,其中包含更多内容!随着大型模板/全套访问版本的发布,我很高兴将重心从创建全新的产品转移到专注于使 Tailwind CSS 和 Headless UI 变得更好,并向 Tailwind UI 添加大量很棒的新东西。

直接在您的收件箱中获取我们的所有更新。
注册我们的新闻通讯。