
官网: https://aquacss.netlify.com/
当今,大部分前端都过度注重于 JS 框架的学习,而忽略了原生的 HTML 和 CSS 。写的组件大部分都是过度封装,维护起来非常吃力,并且可扩展性也差。但是,倘若学好了 HTML 和 CSS,很多组件也就可以摆脱 JS,从而让 UI 能充分地表现自己,而不是在一坨翔山上艰难地爬行。
aqua.css 是笔者开发的一个轻量级的纯 CSS 框架。她有 3 大特征:易用、易定制、有趣。
诸如 React 、Vue 之类框架一概不需掌握,参照组件 demo 复制粘贴就能跑出效果来。
阅读本项目源码你会发现许多 CSS 变量,它们往往决定了组件的色彩,如果你想“换肤”,只需用不同的颜色变量覆盖即可
本项目用到了很多有趣且实用的 CSS 技巧,非常适合学习
1 xiaoz Mar 27, 2020 已收藏,支持开源。 |
2 iwuzhuo Mar 27, 2020 支持。 建议:希望能做到和 bootstrap 之类的框架兼容,这类 css 框架非常是用来弥补 bootstrap 框架的不足 |
3 guolaopi Mar 27, 2020 已收藏 + star,谢谢分享 |
4 guolaopi Mar 27, 2020 另外,官网显示的 Gauge 仪表盘组件在 FireFox 显示不正常,FireFox 版本 74.0 |
5 B1ankCat Mar 27, 2020 我和设计师差了一双能识别出颜色的眼睛 |
7 hzlzh PRO 看起来很不错啊。 Loading 加载 的 dom 有些多,是否可以尝试一下用伪元素来精简呢? |
8 YunYouJun Mar 27, 2020 兹辞,素晴爱了。 |
9 guolaopi Mar 27, 2020 dialog 在 FireFox 也不正常,报错了:TypeError: document.querySelector(...).showModal is not a function |
10 suruis Mar 27, 2020 已收藏,学习学习。 |
11 Justin13 Mar 27, 2020 via Android 支持,特别佩服精通 CSS 的大神,我愿称之为“绝活” |
12 aydd2004 Mar 27, 2020 via iPhone 已收藏 周末用一下看看 |
13 seekfire Mar 27, 2020 不错,支持一下 |
14 dyxang Mar 28, 2020 via Android 喔,不正经 css ( bushi ),请问那个阿库娅的图哪来的? |
15 tyrik Mar 28, 2020 via iPhone 厄里斯的胸部是垫出来的! |
nbsp; 16 alphardex OP |
17 Austin2035 Mar 28, 2020 厉害,大佬厉害。 |
18 greatghoul Mar 28, 2020 为美好的世界献上祝福! |
19 40EaE5uJO3Xt1VVa Mar 28, 2020 大佬大佬爱了爱了,就等这种。期待更多样式 |
20 haozi3156666 Mar 28, 2020 优秀啊 |
21 senher Mar 30, 2020 很实用,赞 |
22 component Mar 31, 2020 收藏学习一下 |
23 commoccoom May 12, 2020 codepen.io 已拒绝连接,是我本地网络的问题吗? |
24 alphardex OP @commoccoom codepen 在国内访问速度偏慢,如果要看 demo 的话可以直接 clone 本项目,里面有个 demo 文件夹 |
25 commoccoom May 12, 2020 @alphardex 好的,谢谢! |