css.gg - 一套漂亮的纯 CSS 实现的免费开源图标库

嘿伙计,我最近在做一个前端项目,发现了一个很棒的图标库 - css.gg。
这个图书馆真方便。
它有超过 7 00 个图标,全部用 CSS 实现,非常时尚。
特别适合我们这样的UI设计师和前端开发人员。

记得有一次,为了找到一个图标,我在网上翻遍了很多不同的网站,花了很长时间才找到一个几乎无法使用的图标。
当时我就想,如果有一个图标库能一次性解决我所有的需求就好了。
结果就是 css.gg,它有超过 7 00 个不同风格的图标,它简直就是救星!
最让我惊讶的是,这些图标都是纯CSS实现的,设计感十足,兼容性也很好。
我在之前的项目中遇到过兼容性问题,但是 css.gg 在这个问题上做得很好。
我测试了它,所有主流浏览器都很好地支持它。

使用起来也非常方便。
图标均为svg格式,可以直接导入figma供设计师直接使用。
对于前端开发人员来说也很方便。
他们可以直接复制符号代码并在项目中使用,省去了很多麻烦。
此外,还可以通过CSS调整图标的颜色,甚至可以实现局部变色,使图标更加鲜艳。

但是请注意,由于css.gg使用了一些CSS3 渲染技术,所以要特别注意兼容性。
如果它不在移动设备或现代浏览器上运行,这可能会出现问题。
不过,如果你先检查评估一下,那就没什么大不了的。

最让我放心的是,这个图标库是免费开源的,在MIT许可下,所以不用担心版权问题。
官方网站是https://css.gg/。
如果您有兴趣,可以查看一下。
它肯定会节省你很多时间。

weapp-tailwindcss - 在开发小程序中使用 tailwindcss 的最佳方式,免费开源,支持国内各家主流小程序平台

weapp-tailwindcss 是在小程序开发中使用 tailwindcss 的最佳免费开源解决方案。
2 02 3 年上线,支持微信、支付宝、百度等平台。
转义技术将 w-full 转换为 applet 等效样式。
配置uni-app+HBuilderX环境需要5 分钟。
缓存机制可以提高3 0%的速度。

直接使用 npm install weapp-tailwindcss 来初始化项目。

免费在线颜色生成器!UI设计师必备!

哎呀,说到TailwindCSS在线颜色生成器,说实话,我在过去1 0年里一直在Q&A论坛上,真的不得不给这个东西点赞。
它是 UI 设计师的神器。

当时,刚开始设计UI时,配色是一件很头疼的事情。
我记得当时2 01 9 年,为了匹配网页的背景颜色,我不得不花几个小时翻阅不同的调色板。
当时我不明白为什么这么难。

然后,在 2 02 0 年,我找到了在线颜色生成器 TailwindCSS。
这个东西操作起来非常简单。
我输入十六进制代码或者调整HSL值,颜色就出来了,可以实时看到效果。
当时我想,如果我早点发现这一点,我会省去多少麻烦。

说到基本功能,输入和修改颜色,这个功能不得不提。
当时我用它生成了无数种颜色,从深灰色到亮蓝色,应有尽有。
而且,这个工具还可以实时预览。
我可以调整背景颜色并直接看到效果。
我再也不用担心颜色搭配错误了。

说到应用示例,这个东西也很容易使用。
有时我直接使用生成的颜色来创建背景、文本颜色或按钮颜色,以免考虑其他解决方案。

还有一个 Figma 插件,我得试试。
当时我用这个插件直接在Figma中创建颜色,很流畅,效率立马提高了。

但是,说实话,这个工具并不完美。
对于一些复杂的配色方案设计,可能需要其他工具。
还有一些高级功能我不得不承认我当时并没有完全理解。

总的来说,TailwindCSS在线颜色生成器是一个非常好的工具。
使用后,我的配色问题少了,工作效率也提高了。
如果你是一名设计师或者从事UI设计领域的工作,我强烈建议你尝试一下这个工具。
也许会给你带来惊喜。

官方网站的链接在这里为您提供,https://uicolors.app/create,Figma插件也为您提供,https://www.figma.com/community/plugin/1 2 4 2 5 4 8 1 5 2 6 8 9 4 3 06 1 0/tailwind-css-color-generator。
希望对你有帮助,再见~