奇奇怪怪网站记录
奇奇怪怪网站记录
kif开发工具:
前端开发:
smooth shadow
Grabient
CSS 在线渐变色搭配网址,你可以更改自己喜欢的渐变色或者使用提供的渐变色案例,只需单击【COPY CSS】复制 CSS 渐变色代码,马上用到你的网站设计里面。
Colorffy
Colorffy 设计师必备配色神器,能够快速生成渐变、调色板和配色方案的色彩搭配工具箱,包含网格渐变、CSS 渐变、调色板、文本渐变、配色方案、图像调色板、颜色对比、随机颜色等等在线生成器,能够最直观的看到配色效果的工具箱,加入了很多渐变色探索的功能,能够让你更加微妙的对渐变色进行深度探索,无论是前端设计、还是 UI 设计师都不容错过,可以说是设计师最迷你的配色神器。
Heroicons
Heroicons 一个漂亮时尚且纯手工创作的 SVG 图标库,由 Tailwind CSS 制造商创作。目前图标库的版本有 1.0.6 和最新的 2.0.0 版本,你完全可以通过 Figma 获取源文件,重新二次美化。Heroicons 分成了三大图标类型,分别是 Outline 线框图标、Solid 固体图标、以及 Mini 迷你图标,每一种类型的图标应用的场景有所不同,可以用于网站导航、应用程序、按钮等等,你可以直接复制 SVG 或者 JSX 代码,用于 UI 设计开发,有需要的前端设计师可不要错过的图标资源哦。
Recoded
Recoded 为程序开发人员的模型生成器,能够将您的代码变成精美的图像和视频,提供了五种模型风格,支持市面上所有主流的开发语言,比如 C++、Java、C#、C 语言、Python、HTML、CSS、JSON、PHP 等等,只需要复制你的代码到界面窗口,然后选择好开发语言、模型风格、以及背景样式,就可以看到漂亮的代码样机模型,你可以分享到朋友圈、微博等等社交媒体,除了生成 PNG 图片,还可以生成运行视频,只需要调整帧的持续时间,太酷了,废话不多说,一起来尝试下吧。
CSS Layout
CSS Layout 一个国外现代 CSS 布局项目,涵盖了现代互联网最流行的 UI 模式,全部的 CSS 布局案例都是纯 CSS 代码编写,不依赖任何外部库和 JS 脚本,通过最精简的 CSS 代码实现最好效果的 Web 页面,只需要单击任意一个 CSS 布局案例,就可以获取到 CSS 代码片段,完全可以复制粘贴到你的网页设计项目,多练习多熟记,让 CSS 学习变得轻而易举~