业余时间开发了 aqua.css一个轻量级纯 CSS 框架 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
alphardex
V2EX    分享创造

业余时间开发了 aqua.css一个轻量级纯 CSS 框架

  •  3
     
  •   alphardex
    alphardex 2020-03-27 14:52:19 +08:00 5549 次点击
    这是一个创建于 2098 天前的主题,其中的信息可能已经有所发展或是发生改变。

    官网: https://aquacss.netlify.com/

    前言

    当今,大部分前端都过度注重于 JS 框架的学习,而忽略了原生的 HTML 和 CSS 。写的组件大部分都是过度封装,维护起来非常吃力,并且可扩展性也差。但是,倘若学好了 HTML 和 CSS,很多组件也就可以摆脱 JS,从而让 UI 能充分地表现自己,而不是在一坨翔山上艰难地爬行。

    aqua.css

    aqua.css 是笔者开发的一个轻量级的纯 CSS 框架。她有 3 大特征:易用、易定制、有趣。

    易用

    诸如 React 、Vue 之类框架一概不需掌握,参照组件 demo 复制粘贴就能跑出效果来。

    易定制

    阅读本项目源码你会发现许多 CSS 变量,它们往往决定了组件的色彩,如果你想“换肤”,只需用不同的颜色变量覆盖即可

    有趣

    本项目用到了很多有趣且实用的 CSS 技巧,非常适合学习

    25 条回复    2020-05-12 22:04:24 +08:00
    xiaoz
        1
    xiaoz  
       2020-03-27 15:10:25 +08:00
    已收藏,支持开源。
    iwuzhuo
        2
    iwuzhuo  
       2020-03-27 15:23:27 +08:00
    支持。 建议:希望能做到和 bootstrap 之类的框架兼容,这类 css 框架非常是用来弥补 bootstrap 框架的不足
    guolaopi
        3
    guolaopi  
       2020-03-27 15:55:27 +08:00
    已收藏 + star,谢谢分享
    guolaopi
        4
    guolaopi  
       2020-03-27 15:58:12 +08:00
    另外,官网显示的 Gauge 仪表盘组件在 FireFox 显示不正常,FireFox 版本 74.0
    B1ankCat
        5
    B1ankCat  
       2020-03-27 16:47:51 +08:00
    我和设计师差了一双能识别出颜色的眼睛
    B1ankCat
        6
    B1ankCat  
       2020-03-27 16:48:33 +08:00
    @B1ankCat 嗯,还有能画出圆的手
    hzlzh
        7
    hzlzh  
    PRO
       2020-03-27 16:51:38 +08:00
    看起来很不错啊。
    Loading 加载 的 dom 有些多,是否可以尝试一下用伪元素来精简呢?
    YunYouJun
        8
    YunYouJun  
       2020-03-27 17:19:59 +08:00
    兹辞,素晴爱了。
    guolaopi
        9
    guolaopi  
       2020-03-27 17:22:27 +08:00
    dialog 在 FireFox 也不正常,报错了:TypeError: document.querySelector(...).showModal is not a function
    suruis
        10
    suruis  
       2020-03-27 18:39:50 +08:00
    已收藏,学习学习。
    Justin13
        11
    Justin13  
       2020-03-27 18:58:28 +08:00 via Android
    支持,特别佩服精通 CSS 的大神,我愿称之为“绝活”
    aydd2004
        12
    aydd2004  
       2020-03-27 19:15:02 +08:00 via iPhone
    已收藏 周末用一下看看
    seekfire
        13
    seekfire  
       2020-03-27 21:48:52 +08:00
    不错,支持一下
    dyxang
        14
    dyxang  
       2020-03-28 08:29:17 +08:00 via Android
    喔,不正经 css ( bushi ),请问那个阿库娅的图哪来的?
    tyrik
        15
    tyrik  
       2020-03-28 08:50:07 +08:00 via iPhone
    厄里斯的胸部是垫出来的!
    alphardex
        16
    alphardex  
    OP
       2020-03-28 09:19:26 +08:00
    Austin2035
        17
    Austin2035  
       2020-03-28 09:57:16 +08:00
    厉害,大佬厉害。
    greatghoul
        18
    greatghoul  
       2020-03-28 12:53:47 +08:00
    为美好的世界献上祝福!
    40EaE5uJO3Xt1VVa
        19
    40EaE5uJO3Xt1VVa  
       2020-03-28 14:17:06 +08:00
    大佬大佬爱了爱了,就等这种。期待更多样式
    haozi3156666
        20
    haozi3156666  
       2020-03-28 16:05:59 +08:00
    优秀啊
    senher
        21
    senher  
       2020-03-30 10:22:16 +08:00
    很实用,赞
    component
        22
    component  
       2020-03-31 17:45:30 +08:00
    收藏学习一下
    commoccoom
        23
    commoccoom  
       2020-05-12 15:53:38 +08:00
    codepen.io 已拒绝连接,是我本地网络的问题吗?
    alphardex
        24
    alphardex  
    OP
       2020-05-12 18:19:57 +08:00 via iPhone
    @commoccoom codepen 在国内访问速度偏慢,如果要看 demo 的话可以直接 clone 本项目,里面有个 demo 文件夹
    commoccoom
        25
    commoccoom  
       2020-05-12 22:04:24 +08:00
    @alphardex 好的,谢谢!
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5606 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 03:09 PVG 11:09 LAX 19:09 JFK 22:09
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86