Nexmoe.css - 只用 HTML 就能写出具有流畅动画和漂亮界面的现代网站。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
nexmoe

Nexmoe.css - 只用 HTML 就能写出具有流畅动画和漂亮界面的现代网站。

  •  1
     
  •   nexmoe
    nexmoe Apr 3, 2022 5775 views
    This topic created in 1492 days ago, the information mentioned may be changed or developed.

    我觉得其实大部分场景根本用不到 UI 框架去写一些页面

    所以我做了 Nexmoe.css ,纯 CSS 只用 HTML 就能写出具有流畅动画和漂亮界面的现代网站。

    Github: https://github.com/nexmoe/nexmoe.css 官网: https://nexmoe.github.io/nexmoe.css

    求个 star!

    实例

    现在我用 Nexmoe.css 做了一个我做的浏览器插件的设置页面

    Supplement 1    Apr 3, 2022
    只使用 HTML
    流畅的动画
    漂亮的界面
    响应式
    小尺寸 5kb
    无 Class
    33 replies    2022-04-12 15:59:04 +08:00
    SJ2050cn
        1
    SJ2050cn  
       Apr 3, 2022
    前端轮子也太多了吧,目前用 windicss 用的挺好的
    nexmoe
        2
    nexmoe  
    OP
       Apr 3, 2022
    @SJ2050cn #1 和 windicss 不是一个东西
    SJ2050cn
        3
    SJ2050cn  
       Apr 3, 2022
    @nexmoe #2 有啥不同吗,从官网上我就看到了字体大小,表单这些样式,windicss 里也都有啊
    nexmoe
        4
    nexmoe  
    OP
       Apr 3, 2022
    @SJ2050cn #3 Nexmoe.css 只需要 HTML 标签,没有 Class
    yoyoyoc
        5
    yoyoyoc  
       Apr 3, 2022
    不错。之前用 simple.css ,现在又有种风格可选。现在越来越喜欢这种 classless 的 css 框架了
    x500
        6
    x500  
       Apr 3, 2022
    star 了
    nexmoe
        7
    nexmoe  
    OP
       Apr 3, 2022
    @zx8812766 #5 估计有动画的只有我这一个
    MrBrother
        8
    MrBrother  
       Apr 3, 2022 via Android
    你的那个 Hexo 主题我朋友在用,蛮好看滴,不过我没注册 Disqus ,所以顺便在这里评论一下,就是 GitHub Desktop 那篇文章的单词“respiratory”好像用错了
    mlhadoop
        9
    mlhadoop  
       Apr 3, 2022
    赞,没有看到文档?
    nexmoe
        10
    nexmoe  
    OP
       Apr 3, 2022
    @mlhadoop #9 目前直接看 index.html 的源码就行了
    yrj
        11
    yrj  
       Apr 4, 2022
    挺好,写一些简单的小页面可以用用,不用考虑太多
    yrj
        12
    yrj  
       Apr 4, 2022
    就是 outline 你没处理一下? iPad 下手风琴模块略丑
    liaohongxing
        13
    liaohongxing  
       Apr 4, 2022
    firefox 下蓝色 outline 加黑边框略丑 ,checkbox 样式重写了吗 ,是原生样式吗
    madlifer
        14
    madlifer  
       Apr 4, 2022
    恭喜发布 是不是可以扩展一下做 PC 、移动端的自适应。这样通过引入这个 css 来创建的网页可以自适应,可能实用性会比较强,让人快速建立自适应网站。
    nexmoe
        15
    nexmoe  
    OP
       Apr 4, 2022 via Android
    @madlifer 在做移动端适配了
    nexmoe
        16
    nexmoe  
    OP
       Apr 4, 2022 via Android
    @liaohongxing checkbox 重写了
    Biwood
        17
    Biwood  
       Apr 4, 2022 via Android   1
    跟这个有点类似 https://github.com/picocss/pico
    nexmoe
        18
    nexmoe  
    OP
       Apr 4, 2022
    @Biwood #17 对,是同类
    Austin2035
        19
    Austin2035  
       Apr 5, 2022
    前端发明家
    SoulClinic
        20
    SoulClinic  
       Apr 5, 2022 via iPhone
    写成 web-component
    sevenQu
        21
    sevenQu  
       Apr 5, 2022
    确实是好东西,但感觉目标用户的定位很尴尬
    win11
        22
    win11  
       Apr 5, 2022 via Android
    看到你这个,突然想到 V 友的 github.com/itorr/e ,我有一个大胆的想法
    nexmoe
        23
    nexmoe  
    OP
       Apr 5, 2022
    @win11 #22 要敢想敢做啊
    junlong
        24
    junlong  
       Apr 6, 2022
    Made width by Nexmoe ->Made with by Nexmoe
    zyy4548
        25
    zyy4548  
       Apr 7, 2022
    不错, 要是有 带分页的表格跟弹出提示 就完美了
    nexmoe
        26
    nexmoe  
    OP
       Apr 7, 2022 via Android
    @zhanggaungqiang 现在还是 0.4.0 版本,离完工还有距离
    Peikon
        27
    Peikon  
       Apr 8, 2022
    ![]( https://s3.bmp.ovh/imgs/2022/04/08/be43ed0eb99e6415.png)
    下拉框的收起动画会导致奇怪的界面
    Peikon
        28
    Peikon  
       Apr 8, 2022
    [img]https://s3.bmp.ovh/imgs/2022/04/08/35f13541f31fe330.png[/img]
    navbar 下拉框的位置也有点怪
    codehz
        29
    codehz  
       Apr 9, 2022
    你这个按钮 hover 时的 filter 很影响可读性啊,字体如果本来就是宽度 1px 的(你也没指定,谁知道用户在用啥),就直接消失不见了
    nexmoe
        30
    nexmoe  
    OP
       Apr 11, 2022
    @zhanggaungqiang #25 有分页了
    nexmoe
        31
    nexmoe  
    OP
       Apr 11, 2022
    @Peikon #27 修复了
    nexmoe
        32
    nexmoe  
    OP
       Apr 11, 2022
    @Peikon #28 优化了
    vertotem
        33
    vertotem  
       Apr 12, 2022
    用手机访问页面的话图片好像不会自适应,可以优化一下吗
    About     Help     Advertise     Blog     API     FAQ     Solana     2499 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 74ms UTC 01:40 PVG 09:40 LAX 18:40 JFK 21:40
    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