摘要：
单个标签实现分隔线：点此查看实例展示.demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 200px solid #ddd; border-right: 200p... 阅读全文
摘要：
在我们前端设计里有两篇教程： CSS3 RGBA colors使用说明 css3中opacity属性学习与实践，他们公别介绍了RGBA,RGB,opacity的用法，这里我们把这三个属性放在一起来考虑：CSS3 RGBA等于RGB加上opacity吗?请别先回答，我们接下来分析分析。以前我们经常会碰... 阅读全文
摘要：
前端时间做项目发现一抖动按钮挺吸引眼球的，研究了下实现原理，在此和大家分享下：CSS Shake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）。这是一个很微小的动画，但使用得当也是挺不错的，比如用在广告、图像、按钮上，这样可以用来吸... 阅读全文
摘要：
现在，有越来越多所谓的“教程”来帮助我们提高网站的易用性。本文收集了一些在 Web 开发中容易出错和被忽略的小问题，并且提供了参考的解决方案，以便于帮助 Web 开发者更好的完善网站。通过避免下面这些小错误，可以使得我们的网站变得更为友好。错误1：表单的label标签跟表单字段没有关联利用“for”... 阅读全文
摘要：
曾经的媒体从业经历给了我两项终身受用的技能：社交和快速学习。前一项技能，我已经总结成文《“人脉投资”的10条建议》。后一项技能，今天这篇文章来总结一下。什么是学习？在我的范畴里，学习可被分为两类，一类是“学以致用”，一类是“君子不器”。至于中小学应试教育、托福、GRE这类学习，不在我们今天谈论的范畴... 阅读全文
摘要：
在看具体每个demo之前，我们一起来看下面一个截图：上图是一个典型的“Ribbons”各部位的示意图，但每一个“Ribbons”并不会都使用上图示意的各个部分，在下面的实例中大家可以明显的看 到或者说感受到。别的我就不多说了，我想上图能示意出“Ribbons”各个部位。那么每个部位我们可以使用一个“... 阅读全文
摘要：
在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性，让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。如何实现？你只需将“minimal-ui”加入 viewport meta 标签的属性中，比如：此时点击顶栏部分便能显示地址栏与导航栏，再点击页面部分又使之隐... 阅读全文
摘要：
本来打算写关于手机端的知识，想了想先从meta着手。接下来请大家看几个网站的例子。一、天猫(http://m.tmall.com)天猫触屏版 二、淘宝(http://m.taobao.com)淘宝网触屏版三、京东(http:/... 阅读全文
摘要：
1、隐藏地址栏很多文档介绍通过调用window.scrollTo(0, 1);就可以隐藏地址栏，但是通过实践发现隐藏地址栏还是真够坑爹的啊，只调用这一句话一般不会起作用，我们需要function hideBar() { setTimeout( function() { window.scrollTo... 阅读全文
摘要：
今天在做雅虎的时候，发现用第三方工具截取不到客户端与服务端的通讯，以前重来没碰到过这种情况，仔细看了看，它的url请求时基于https的，gg了下发现原来https协议和http有着很大的区别。总的来说，http效率更高，https安全性更高。首先谈谈什么是HTTPS：HTTPS(SecureHyp... 阅读全文