V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
nexmoe
V2EX  ›  分享创造

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

  •  
  •   nexmoe ·
    nexmoe · 135 天前 · 3644 次点击
    这是一个创建于 135 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    求个 star!

    实例

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

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