呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#设计资源 #字体 #前端
Github:https://github.com/jaywcjlove/free-font
网站:https://free-font.vercel.app/
Source by Twitter austinit
发现一个好项目,分享给大家。
Free Font 收录商用免费字体,已收录 861 个全部字体。
Github:https://github.com/jaywcjlove/free-font
网站:https://free-font.vercel.app/
Source by Twitter austinit
#优质博文 #前端 #资源推荐 #tailwind #设计资源
2024 前端图标趋势:在 TailwindCSS 中使用 SVG 图标
【可以,以后在自己项目里把 react-icons 换掉试试】
图标库网站:iconify.design / yesicon(支持中文搜索)
摘要: 这篇文章介绍了如何在 TailwindCSS 中使用 SVG 图标,特别强调了 SVG 图标的灵活性和易用性。首先,作者说明了集成 TailwindCSS 和安装 Iconify 图标库的步骤。接着,介绍了 Iconify 图标库的特点,它包含了超过 20 万个图标,并且支持按需引入。文章还提到了如何使用 TailwindCSS 插件引用图标,包括如何搜索图标、自定义图标的颜色和尺寸。此外,作者还讨论了与设计师的配合使用,以及如何自定义图标库。总结部分指出,Iconify 不仅是图标库,还提供了灵活的 SVG 图标使用方式,结合社区插件,能满足各种应用场景。最后,鼓励读者在新的一年中尝试在项目中集成 TailwindCSS 和 Iconify。
via 掘金 dongnaebi
2024 前端图标趋势:在 TailwindCSS 中使用 SVG 图标
【可以,以后在自己项目里把 react-icons 换掉试试】
图标库网站:iconify.design / yesicon(支持中文搜索)
摘要: 这篇文章介绍了如何在 TailwindCSS 中使用 SVG 图标,特别强调了 SVG 图标的灵活性和易用性。首先,作者说明了集成 TailwindCSS 和安装 Iconify 图标库的步骤。接着,介绍了 Iconify 图标库的特点,它包含了超过 20 万个图标,并且支持按需引入。文章还提到了如何使用 TailwindCSS 插件引用图标,包括如何搜索图标、自定义图标的颜色和尺寸。此外,作者还讨论了与设计师的配合使用,以及如何自定义图标库。总结部分指出,Iconify 不仅是图标库,还提供了灵活的 SVG 图标使用方式,结合社区插件,能满足各种应用场景。最后,鼓励读者在新的一年中尝试在项目中集成 TailwindCSS 和 Iconify。
via 掘金 dongnaebi