摘要：
浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深 阅读全文
摘要：
在开发阿里数据iOS版客户端的时候，由于项目进度很紧，项目里的所有图标都是用最平常的背景图片方案来实现。而为了要兼容普通屏与Retina屏的设备，苹果要求每个背景图都要以两种尺寸存(a.png和a@2x.png)，这让设计师们增加了成本，因为他们每次都得出两份背景图标。 现在在web开发上，icon 阅读全文
摘要：
最近被很多小伙伴们问起，饭盒君有没有办法能让iOS的设计稿直接给安卓用？能不能只做一稿设计稿同时适配iOS和安卓两个端？下面饭盒君把自己的一些经验总结出来，供大家参考一下。 原文作者：LuckyFan 原文地址：站酷 转载请注明：学ui网 » 盒饭君带你一稿设计适配双端 阅读全文
摘要：
在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下： 这个 css3 的效果怎么实现呢？ html 设计成这样： <p class="overimg"> <a><img src="ht 阅读全文
摘要：
一、N多的唠哩唠叨 CSS3中一些新的单位早在去年春暖花开的时候就介绍了，参见：CSS长度值及时间、频率、角度单位。显然，其中就提到了本文要感叹的单位vw, vh，见下图： 不过“我看见你”和“我触碰你”是不一样的。正好，机缘巧合，最近又与这两个单位想见。大致琢磨了下，貌似vh这个单位可以实现我以前 阅读全文
摘要：
众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。 这就意味着有那么些个特别的 阅读全文
摘要：
我认为当flexbox支持所有的浏览器时，由于它比浮动布局更加的简单和强大性，它将彻底的改变我们的CSS布局方式。例如我们可以很容易的写出一个元素在未知比例下的居中对齐布局。当然css3新增的其它属性，例如grid也可以给前端开发带来更多的布局方式。 下面给出一些例子来证明为什么web开发者应该使用 阅读全文
摘要：
阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。 实现方法： 通过JS来调整html的字体大小，而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下： ;(function(win, lib) { var doc = wi 阅读全文
摘要：
标题起得有点大(๑´ㅂ`๑)，今天来谈谈H5移动页面的开发心得（技巧）。 一般情况下，拿到设计稿你有两种选择：//条件表达式产物＝设计稿处理？静态输出：让页面动起来； 作为一个有志向的前端，当然不会让页面生硬地静态展示啦(๑´ㅁ`)！可是需求时间又很短很短，怎么办呢？所以下面的一些小技巧，至少能在你 阅读全文
摘要：
转自酷赛瑞尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的... 阅读全文