社区移动端皮肤分离

本贴最后更新于 3266 天前,其中的信息可能已经时移世易

以前是通过响应式设计来适配移动端,也就是说,PC 端和移动端使用的是同一套皮肤模版代码。

@Vanessa 和我一直在优化用户体验。至今,我们决定移动端和 PC 端皮肤分离,主要原因:

  • 移动端不应该出现太过于干扰阅读的元素,比如帖子热度红点移动
  • 移动端不应该存在随机文章、最新标签等,并且分页大小应该降低,避免过量的滚屏
  • 移动端静态资源尽量减少,降低流量使用

社区正在朝用户体验至上的方向前进,谢谢大家的支持和鼓励 🍇


PS 如果遇到 500 错误的朋友,你换个浏览器,然后找到此贴并留言.... 唉,算了,这个反馈机制逻辑上不成立....

  • 系统公告

    B3log 社区相关的重要公告,比如新特性上线,运营策略调整等。

    39 引用 • 3587 回帖 • 682 关注
  • 设计
    117 引用 • 797 回帖 • 1 关注
  • 用户体验
    6 引用 • 50 回帖
  • 性能
    63 引用 • 180 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • zempty 1

    你感谢我,我也感谢你。可好?👄

  • zonghua

    用 nginx 去分发移动的样式吗

  • zonghua

    还是 Java 代码里面写

  • 88250 1

    @zonghua Java 里面通过 UA 识别,然后切皮肤

  • zonghua

    1460780925920

    Solo Finding 皮肤

  • 88250

    @zonghua 360 CDN 抽风了,下个版本改进一下

  • loggerhead 2

    @88250 提个几个反馈或建议:

    1. 移动端的「最近回复 XXX」可以去掉。一般除了自己发的帖子,不会关注一个帖子最后回复的是谁吧?
    2. 回复数放在右上角,和头像位于同一水平线,可能更有美感?
    3. 去掉移动端「回到顶部」那个按钮,手机自带有这个功能
    4. 移动端帖子之间间距太大了,想办法弄小一点?
    5. 「领域」和 title 之间加点什么做区分(比如:1px 的 border),可能看起来会更好
  • loggerhead 1

    @88250 我说的「移动端」只指「iPhone 5S」😊

  • loggerhead 2

    @88250 一直隐隐觉得有点不协调,刚刚终于发现了,wrapper 没有边框,但是其他的元素都有,所以总觉得很别扭。

    PS:黑客派功能和 UI 都做得挺好的,加油~

  • R 2

    UC 上打不开,500,在微信里打开了,回复键盘删除键无效。。。

  • crick77

    spring mobile 加上 user-agent 抽离一个访问设备判断 比响应式要好 移动端的业务可能和 web 不一样

  • xcatliu 1

    移动端皮肤分离有相关的进展吗?

    我提供一个思路(一直想做但是还没做的事情):

    • 前后端分离,后端只负责提供标准化的 http 服务
    • 前端(包括 Node)负责渲染

    优势:

    • 后端标准的服务可以开放成 api,供第三方调用
    • 后端标准的服务将来可以接入到 iOS App & Android App,不用重复开发了
    • 前端(包括 Node)可以作为独立项目,任何符合标准的接口(比如其他社区)都可以很方便的生成自己的应用

    劣势:

    • 开发成本变高
    • 维护成本变高,需要维护 Node
  • 88250

    @xcatliu 现在已经根据 UA 进行了模版分离。

    你建议的方案还是很赞的,只是稍微复杂一点点,现在开发跟不上....

请输入回帖内容 ...

推荐标签 标签

  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 610 关注
  • 996
    13 引用 • 200 回帖 • 2 关注
  • OneNote
    1 引用 • 3 回帖
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 459 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 1 关注
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 592 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    729 引用 • 1278 回帖
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    76 引用 • 389 回帖
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 254 关注
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    12 引用 • 5 回帖 • 636 关注
  • Visio
    1 引用 • 2 回帖 • 1 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖 • 1 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 442 关注
  • 分享

    有什么新发现就分享给大家吧!

    247 引用 • 1794 回帖
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    172 引用 • 516 回帖
  • abitmean

    有点意思就行了

    30 关注
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    12 引用 • 54 回帖 • 166 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    36 引用 • 155 回帖 • 1 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    167 引用 • 595 回帖 • 1 关注
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    29 引用 • 66 回帖
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    586 引用 • 3538 回帖
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 546 关注
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 156 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    199 引用 • 541 回帖 • 1 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 214 关注
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖