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

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

  •  1
     
  •   nexmoe ·
    nexmoe · 2022-04-03 17:24:42 +08:00 · 4905 次点击
    这是一个创建于 965 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    求个 star!

    实例

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

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