移动前端 | MobileUI莫贝网

iPhone X 适配手Q H5页面通用解决方案

2017-11-14 | 前端技巧, 移动前端

腾讯ISUX ：目前的 H5 页面可以分为通栏页面和非通栏页面两种，每种页面都可能有底部操作栏，具体如下：一. 通栏页面顶部通栏某些业务的一级页面多数使用了顶部通栏 banner 的效果，由于 iPhone X 在状态栏增加了24px的高度，对于现在通栏 banner 规范的内容区域会有遮挡情况。

微信小程序官方设计规范（附PSD+Sketch源文件）

2017-09-28 | 小程序, 移动前端

UI妹儿（ID:UIfaner）：上周，U妹刚完成了一个微信小程序项目设计，这是U妹做过的第3个小程序，早在去年小程序还未开放时，就设计了第1个小程序，在小程序正式开放后，设计了第2个，在U妹做第3个的时候，突然发现小程序的设计规范有了新变化，所以U妹觉得很有必要把最新版的微信小程序设计规范分享给下伙伴们。

响应式图片解决方案

2017-03-25 | 前端技巧

如今开发一个网站不是响应式都不好意思拿出来，那么作为响应式中的重要一环「响应式图片」你又是如何解决的呢？网站的平均加载已经到了近 2MB 并在不断地增加中，其中图片占据了绝大多数流量(63%)。可以肯定的是网页已经有了严重的大小问题，而图片就是罪魁祸首。

CSS | 实现下划线的N个姿势

2016-12-15 | CSS, 移动前端

下划线一般在文档中常被用作增强注意，在过去打字机时代，下划线成为了唯一的一种文字强调方式，具体的操作方法是在已经打出来的文字上面退格，再在同样的地方打出下划线。

提高设计还原度！写给设计师的iOS前端教程（一）

2016-09-02 | 移动前端

@小乖乖老爸：你是不是有这样的经历？自己觉得还不错的设计，等工程师做出来，放在手机上一看，怎么看都不对劲。当你有这种疑惑的时候，就是设计还原度的问题了。想提高设计还原度，尽可能缩小设计稿与完成品之间的差距吗？这篇文章就是为了这个目的而存在的。

响应式Web设计 – 布局

2016-07-23 | 移动前端

写在前面去年上半年，我开始着手推动项目中响应式设计的落地。以官网优化需求为契机，主动去做了响应式的页面设计，也说服了产品、设计和开发的相关同事一起把它上线落实，但不幸的是，由于各种方面的原因

谷歌字体安装指南，并在网页上使用 Google Web font

2016-05-01 | 移动前端

现时有很多网站流行使用网页字体，这些字体大部分来自 Google Font 提供的700+免费字体，对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端人员可以直接调用 Web Font 样式，极其方便。这篇文章教你怎么用！

超赞的响应式图像解决方案

2016-03-23 | 移动前端

自从2010年Ethan Marcotte开始讨论响应式网页设计，开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题，因为我们对同一个网站在众多设备宽度下，使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像？你愿意在你的手机上加载一个巨大的（虽然更漂亮的）图像？这个问题令人左右为难。