本期为大家带来了一系列新工具、库和资源,帮助您构建更好的网站和应用程序,提高设计师和开发人员的工作效率。从设计灵感到开发工具,我们应有尽有。
e18e
e18e 是一个社区驱动的倡议,致力于改善 JavaScript 生态系统。它旨在通过分享知识、贡献想法和开展合作,将对 JavaScript 充满热情的人们聚集在一起。
它主要关注三个方面:清理依赖关系树并使其现代化;加快核心软件包和框架的运行速度;为核心软件包提供更现代、更轻便的替代品。
FreeFaces Gallery
FreeFaces Gallery 是一个以各种免费许可证提供的字体的精选集。它提供了一系列字体,包括草书字体、显示字体、等宽字体、无衬线字体、衬线字体和粗衬线字体。
如果您正在搜索高质量的免费字体,它将是一个非常有价值的资源。
AppMotion Design
AppMotion 是一个移动动态设计图库,展示了精心挑选的最佳应用程序动态设计示例。通过该图库,您可以探索各种设计元素,如复选框、捏合、旋转、变形等。
如果您正在寻找移动应用动画的灵感,这是一个非常有用的资源。
LogoIpsum
LogoIpsum 是一款工具,它提供了一系列抽象、灵活的 SVG 徽标,有垂直、水平、小型和大型等多种组合形式。这些徽标适用于任何图形、用户界面或布局风格。
对于在最终设计准备就绪之前需要临时占位徽标的设计师来说,这是一个完美的资源。
ShaderGradient
ShaderGradient 是一款用于创建动态移动渐变的工具,可为各种设计进行定制。它是一个 React 组件,可用于 Figma 和 Framer 等设计工具。
这是一款方便的工具,可通过生动的渐变效果让您的设计栩栩如生。
Shots
Shots.so 是一款免费在线工具,可帮助你快速创建精美的模型。只需上传截图,从最新 Apple 设备的场景中进行选择,然后自定义细节即可。
它还提供浏览器、笔记本电脑和手机场景,以突出您的作品。
SneakPeekit
SneakPeekit 提供可打印的线框模板,供设计师在纸上勾勒创意和捕捉灵感。它为桌面和移动设备提供各种尺寸。
如果你喜欢用纸笔来规划应用程序或网站,这些模板有助于加快创意过程。
SVGMagic
SVGMagic 是用于 Next.js 项目的开源软件包,可简化 SVG 的使用。它支持 SVG 代码和 .svg
文件,并与 TypeScript 和 MDX 无缝集成。
它能让您轻松地以 SVG 表达您的创意,同时改善您的开发工作流程。
Giscus
Giscus 是一个开源的网站评论系统,使用 GitHub Discussions 来存储评论和反应。它提供无跟踪、无广告的隐私保护,并且永远免费。
它还支持自定义主题、多语言和来自 GitHub 的自动更新。如果你想在网站上添加评论系统,它是一个灵活而安全的选择。
Orbit
Orbit 是专为 Laravel 开发环境设计的 GitHub Action,可实现简单安全的零停机部署。它通过一个特殊文件 Orbit.toml
提供了一种配置部署流程的简便方法。
这样,你就能将 Laravel 网站快速部署到服务器上,同时确保网站在整个过程中保持正常运行。
Glaze
Glaze 是一个基于 GSAP 的实用网络动画库。它提供了一种功能强大的方法,使用类似 TailwindCSS 的实用工具优先方法,以最少的代码创建复杂的动画。
它支持响应式设计,允许你轻松定义不同屏幕尺寸的动画。它是为你的网页项目添加动态动画的便捷工具。
Motion Number
MotionNumber 是一个基于 Framer Motion 的 React.js 组件,旨在平滑过渡、格式化和本地化数字。
它是一个方便的库,可在您的项目中创建动态的、具有视觉吸引力的数字动画。
Zen Browser
Zen 是一款基于 Firefox 引擎开发的新浏览器。它旨在提供快速、安全、注重隐私的网页浏览体验。
该浏览器旨在确保您的数据保持私密和安全。如果你正在寻找一款尊重个人隐私的替代浏览器,那么它将是一个不错的选择。
Ky
Ky 是一个适用于现代环境的轻量级库。它旨在通过更简单的界面、方法快捷方式、错误处理、重试和 JSON 支持来改进本地获取
API。
它还通过实例和钩子提供自定义功能,并包含 TypeScript 支持以提高类型安全性。它是在项目中处理 HTTP 请求的最佳选择。
TailwindCSS 课程
这个由 Chris Sev 制作的免费 TailwindCSS 课程将帮助你学习 TailwindCSS。在学习 Tailwind 的同时,它还涵盖了 CSS 的基本概念。
如果你既想掌握 TailwindCSS,又想了解 CSS 设计的基本原理,那么本课程就是一个全面的指南。
Pines
Pines 是专为 Alpine 和 Tailwind 项目设计的用户界面库。它提供了一系列即用型动画以及滑块、工具提示、手风琴、模态等组件。
您还可以轻松地将这些元素复制并粘贴到您的项目中。如果您想在网站中快速添加交互式元素,这将是一个非常方便的资源。
PHP CSS Parser
PHP-CSS-Parser 是一个解析 CSS 文件的 PHP 库,可将 CSS 文件提取到数据结构中。它允许你处理 CSS,然后将其输出为优化的 CSS。
如果你需要在 PHP 应用程序中以编程方式处理和修改 CSS,这是一个非常有用的库。
Noodle
Noodle 是一款开源应用程序,旨在帮助学生有条不紊地学习。它旨在提供一个满足学生所有需求的单一平台,就像 GitHub 为开发人员提供的平台一样。
在撰写本文时,Noodle 仍处于开发阶段,但您可以在 GitHub 上关注该项目,随时了解其最新进展。
Omi
Omi 是一个网络组件框架。它提供了 100 多种模板、表单组件和图标集,支持面向对象和面向数据的编程。
它采用 JSX 编写,可与 TailwindCSS 等现代工具无缝集成,并提供构建网络应用程序所需的一切功能,包括通过可构造样式表进行路由和样式设计。
评论留言