摘要：
2018更新 iphone X 的设计内容 我保证你一分钟就能看完这篇文章! 真的.. 角色解释： 需求方：有钱大爷 设计人员：美工殿下 前端工程师：前端文艺青年 一个HTML5页面从提出到完成上线的流程： 1、需求方、设计人员、H5实现人员三方共同讨论实现方案 2、设计人员出设计图 3、H5人员按 阅读全文
摘要：
更新时间（2022-11-7） 经常忘掉服务端示例的下载地址，这里注释一下 https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Access_Overview.html 下载 更新时间（2020-10-29） 先上测试 阅读全文
摘要：
学问最近“上层建筑”在兴起国学热，所以公司几个月前决定开发一款名叫“学问”的有关于国学的app。APP的详情页面还是由web来显现具体内容，有些类似于新闻页，图文混排什么的web是最适合干这个的了，所以团队决定用WEB来实现详情页。团队对WEB页的要求是：页面在访问后离线依然可以查看。首屏展现速度要... 阅读全文
摘要：
榕树下网站本身的技术人员并不多，所以app开发的任务就到了母公司盛大文学这边。盛大文学无线业务中心负责这次具体开发任务。一如既往的，开发的情况是：时间紧，任务重，人手少技术选型为了同时上线Android和IOS平台，所以选择了hybrid这种Native与HTML5混合的方式。Native的优点是效... 阅读全文
摘要：
How to use icon fonts in your mobile apps在任何APP设计中实现可图形的矢量缩放最完美的方式是使用字体图标.移动端的设计变的越来越复杂。原因在于多样的屏幕尺寸与不同的分辨率。 Native版APP几乎无法提供像素级别完美的视觉体验。当我们设计APP界面中各种图... 阅读全文
摘要：
先简单介绍两款常用但需要一定条件或限制的工具1、如果你能FQchrome在32版本后就自带了移动端调度工具，可以在Android直接联调，但唯一遗憾的是，在我大天朝要FQ后才能行的通，我自己试了后公司好几个机器联不上…2、如果你有苹果电脑和iphone苹果电脑上的safari 6.0版本后就可以直接... 阅读全文
摘要：
一开始以hybrid形式做了一个android的小说阅读客户端，叫4G阅读。而后由于业务需求，要迅速实现纯手机html5 版的，所以就直接在原先客户端内内嵌的网页进行改版，快速实现以后在优化的过程中发现越改越多越改越多…注意此web应用只支持android及iphone内的浏览器，及PC或mac上的... 阅读全文
摘要：
本文翻译自html5rock上的文章，文章英文原版地址在最后给出。文中的Paints我翻译成渲染绘制，我自己是这么理解。开始绘制(渲染)一个网站或者一个应用的元素对浏览器来说开销是很大的，它会对运行时的效率产生负面影响，在这篇文章中我们将快速的过一遍，哪些情况会导致导致绘制事件在浏览器中产生，以及如... 阅读全文
摘要：
对于html5移动端网页编写CSS网上有很多介绍的文章，但在实际使用过程中还是会纠结.网上的资料太多，且大多都是技术介绍型，特别是针对android上，网上写的各种麻烦，各种复杂，各种不接地气儿...我在做移动端网页时，总是和美工设计的页面有出入，主要还是由于双方对移动端HTML5实现页面还了解还不够。今天就研究一下各大互联网公司对于移动端页面的处理方式。主要研究对象：BAT(度娘，阿狸，企鹅)这几家的移动端网站或webapp主要研究点：viewport的设置，字体的设置，图片原始宽高设置汝甚吊，令尊知否？咦？target-densitydpi呢？网上有老复杂的计算，针对不同的屏幕分辨率，通过 阅读全文
摘要：
这个标题取的有点奇怪，怪我翻译的有问题吧。英文学平有限，有道词典和google翻译齐上阵是必须的。还好翻译的不是小说，对于技术文章，还是能勉强翻过来的。本文主要讲解了Bootstrap3.0的栅格布局系统实现原理，以及使用过程中应该注意的问题。开始...翻译..像CSS栅格系统原理这类东西本应该藏在帘子后面，你直接用就可以了，没必要去了解其背后的工作原理，除非你有了比较烂的设计或者一些比较复杂的东西，当你无法找出spacing,margin,padding等这些补白全都乱的原因，那就真的很苦逼了，尤其是在某些动态改变和变化的UI上。在关于bootstrap的栅格系统工作原理上我见过很多人都对它 阅读全文