Nexmoe.css - 只用 HTML 就能写出具有流畅动画和漂亮界面的现代网站。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
nexmoe
V2EX    分享创造

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

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

我觉得其实大部分场景根本用不到 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     Solana     2571 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 27ms UTC 12:06 PVG 20:06 LAX 05:06 JFK 08:06
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