爱意满满的作品展示区。
nexmoe

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

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