V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xcatliu
V2EX  ›  程序员

Mobi.css v1.0.0-alpha.1 发布了,邀请大家试用

  •  
  •   xcatliu ·
    xcatliu · 2016-09-03 17:03:54 +08:00 · 4546 次点击
    这是一个创建于 3004 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Mobi.css v1.0.0-alpha.1 发布啦,感谢大家的支持!按惯例先上链接:

    简单介绍

    Mobi.css 是一个轻量、灵活的移动端 CSS 框架。

    • 只有 3.6kb after gzip ,比 Skeleton, Pure.css, Bootstrap v4 等所有 css 库都小
    • 大量使用 Flexbox ,非常灵活, Homepage 基本上没有写额外的 css ,只有不到 10 行的 inline-style
    • Focus on mobile ,在 desktop 端相当于展示的还是 mobile 的页面,不过可以在左侧或右侧加上侧边栏

    Mobi.css Logo

    更新日志

    和当初的 v0.1.0 版本相比有一些改动,这里只列出一些重要的更新,详细的日志请看 Releases

    • #2: Change col-half, col-third, col-quarter to col-1-2, col-1-3, col-1-4
    • #11: Remove col-custom
    • #3: Change section, paragraph, clear-margin-top to mt-30, mt-15, mt-0
    • #9: Remove alerts
    • #10: Change top to flex-top, the same with middle, bottom, left, center, right
    • Change scrollable to scroll-view
    • #14: Add form and table

    发布了 v1.0.0-alpha.1 之后, API 应该就不会有大量的 breaking change 了。

    后面我打算先做一个 hexo 主题,做的过程中正好可以自己先试用一下 Mobi.css。

    也欢迎大家先试用 Mobi.css ,给我提一些意见~


    另外不知道是不是发帖姿势不对, Hacker News 上永远都只有我一个 upvote ,可以的话帮我顶一下,多谢大家了!

    https://news.ycombinator.com/item?id=12418403

    第 1 条附言  ·  2016-09-04 09:58:35 +08:00
    终于找到真确的姿势了,原来要在前面加上 Shows HN ,我又重新发了一个
    现在终于有人顶了,感谢大家的支持
    https://news.ycombinator.com/item?id=12421804
    12 条回复    2023-05-21 23:20:04 +08:00
    scys
        1
    scys  
       2016-09-03 18:15:23 +08:00   ❤️ 1
    不错呀: D 回头给 blog 做 UI 的时候用上去试试
    maomaomao001
        2
    maomaomao001  
       2016-09-03 20:17:10 +08:00 via Android
    太快了吧?
    maomaomao001
        3
    maomaomao001  
       2016-09-03 20:20:24 +08:00 via Android   ❤️ 1
    不过, checkbox . radio button , option select 等 form 元素的表现还是不一致,
    手机上
    uc 浏览器上 select 爆了(变两行了)
    自带浏览器, form 元素几乎没有样式
    Flyingfishzhang
        4
    Flyingfishzhang  
       2016-09-03 20:57:40 +08:00
    用不来 出个教程
    xcatliu
        5
    xcatliu  
    OP
       2016-09-03 22:02:06 +08:00 via iPhone
    @Flyingfishzhang 直接用 dist 里面的代码就行
    xcatliu
        6
    xcatliu  
    OP
       2016-09-04 07:39:36 +08:00
    @scys 感谢支持
    xcatliu
        7
    xcatliu  
    OP
       2016-09-04 07:41:13 +08:00
    @maomaomao001 因为感觉 API 可以基本稳定了。后面就是修复 bug 了
    xcatliu
        8
    xcatliu  
    OP
       2016-09-04 07:45:23 +08:00
    @maomaomao001 感谢测试。我手头只有个三星的安卓。。。请问你是什么机型?
    zangbob
        9
    zangbob  
       2016-09-04 10:40:11 +08:00
    感谢楼主作品,正在把玩学习
    faywong8888
        10
    faywong8888  
       2016-09-05 08:10:22 +08:00 via Android
    感谢楼主作品!
    horizon
        11
    horizon  
       2016-09-13 18:46:14 +08:00
    学习了
    Flyingfishzhang
        12
    Flyingfishzhang  
       2023-05-21 23:20:04 +08:00 via iPhone
    @xcatliu 没有试过
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2942 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 14:19 · PVG 22:19 · LAX 06:19 · JFK 09:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.