社区移动端皮肤分离

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

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

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

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

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


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

  • 系统公告

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

    39 引用 • 3587 回帖 • 682 关注
  • 设计
    120 引用 • 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 进行了模版分离。

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

请输入回帖内容 ...

推荐标签 标签

  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 80 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • Access
    1 引用 • 3 回帖 • 1 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    16 引用 • 236 回帖 • 268 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 563 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖 • 2 关注
  • abitmean

    有点意思就行了

    37 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖 • 1 关注
  • 自由行
    4 关注
  • danl
    165 关注
  • flomo

    flomo 是新一代 「卡片笔记」 ,专注在碎片化时代,促进你的记录,帮你积累更多知识资产。

    6 引用 • 141 回帖
  • Dubbo

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

    60 引用 • 82 回帖 • 614 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖 • 1 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    170 引用 • 1529 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    95 引用 • 901 回帖
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    54 引用 • 41 回帖
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    89 引用 • 146 回帖
  • Visio
    1 引用 • 2 回帖 • 4 关注
  • Sphinx

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

    1 引用 • 225 关注
  • Quicker

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

    37 引用 • 157 回帖 • 2 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 642 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    180 引用 • 408 回帖 • 489 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖 • 1 关注
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 165 关注
  • JavaScript

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

    730 引用 • 1280 回帖 • 4 关注
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 691 关注