使用Continuous painting mode来分析页面的绘制状态
查看页面的渲染时间我们采用Things We Left On The Moon by Dan Cederholm的页面来作为我们的例子页面。打开Chrome的Web Inspector（即按F12），选择Timeline页卡，并且上下滚动页面（页面滚动，浏览器发生重绘）。你会看到一堆垂直 [Read More…]
完美排版的10个基本功
1、多花些时间挑选合适的字体需要花费大量时间。但是不要一遍又一遍地让自己陷入对同一类型的字体挑选中。因为人们往往习惯于从自己熟悉的字体或者偏爱的字体开始。多花些时间去发现探索新的类型，这样你才能慢慢地发现自己对一种字体的细微差别的敏锐度，…
响应式的dribbble作品集瀑布流魔术布局展示效果
相信做设计的朋友肯定都知道dribbble.com，它是一个非常棒的设计师分享作品的网站，全世界数以万计的设计高手和行家都在这个网站上分享自己的作品，当然，如果你常在上面闲逛的话，经常得到一些免费的好东西。在今天的这篇jQuery教程中，我们将使用j…
渐进式jpeg(progressive jpeg)图片及其相关知识
一、基本JPEG(baseline jpeg)和渐进JPEG网络上那些色色的照片都是.jpg格式的（“色色”指的是色彩斑斓的意思）。不知诸位有没有注意到，这些jpg格式的图片在呈现的时候，有两种方式，一种是自上而下扫描式的，还有一种就是先是全部的模糊图片，然后逐…
HTML5实现的超炫效果
HTML5可不是什么虚幻的概念，与其高谈阔论的讨论HTML5未来的趋势和价值，不如一起研究一下现在的HTML5可以做出哪些成果，可以让我们做出出色的产品。Form Follows Function就是一個展示HTML5实现的网站，目前网站展示了14个作品，其中包括了交互操作…
[Css3教程]-CSS3 RGBA颜色
![[Css3教程]-CSS3 RGBA颜色](https://csswang.com/files/wp-content/uploads/ta-thumbnails-cache/210x140-c/2013/2/3773-1.png)
今天我们一起来探讨一下CSS3中的RGBA。RGB对于大家来说一点不陌生，他就是红色R+绿色G+蓝色B，那现在我们所说的RGBA又是什么呢？说得简单一点就是在RGB的基础上加进了一个通道Alpha。从而形成了我们今天需要讨论的RGBA。如果需要更详细的解说，大家…
[Css3教程]-CSS3圆角-border-radius
![[Css3教程]-CSS3圆角-border-radius](https://csswang.com/files/wp-content/uploads/ta-thumbnails-cache/210x140-c/2013/2/3728-1.png)
今天我们在一起来说说用CSS3的border-radius:属性来制作圆角的具体用法。在CSS2中，大家都碰到过圆角的制作。当时，对于圆角的制作，我们都需要使用多张圆角图片做为背景，分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四个空标签…
CSS z-index 属性的使用方法和层级树的概念
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些…
2013年最值得关注的web设计发展趋势
在过去的几年里，我们看到建设网站的方式发生了巨大的变化。随着浏览器对 HTML5/CSS3 Web 标准的支持的不断增强，越来越多的用户已经转移到移动平台。在设计界，有很多独特的想法，每隔一段时间就发生变化！在这篇文章中，我想介绍一些我们已经看到…
不懂JavaScript能混web前端开发么？能拿到高薪么？
最近不少同学都问我这么个问题，不懂JavaScript能混web前端开发么？能拿到高薪么？答案是:很难！为什么这么说呢，理由很简单1）有很多企业不注重前端开发，当然也就不会给你高薪了，这样的企业以小企业居多。他们一般对前端开发的认识很片面，认为前…
你在用哪款浏览器？
你用的是哪款浏览器？浏览器产品无疑是这个互联网时代最重要的桌面软件(没有之一)。大多数网民们，打开电脑后的习惯操作都是开启某款聊天工具，MSN、QQ、旺旺… … 随之就会默默的打开自己的浏览器，刷微博、人人、逛淘宝、搜百度… …常用浏览器选择因…
[Css3教程]-CSS3文字阴影—text-shadow
![[Css3教程]-CSS3文字阴影—text-shadow](https://csswang.com/files/wp-content/uploads/ta-thumbnails-cache/210x140-c/2013/2/3712-1.png)
今天这篇文章我们在一起来看看CSS3中实现圆角效果 text-shadow 属性的具体用法。在以前，阴影效果一般都是做成图片，现在有了 CSS3 可以直接使用 text-shadow 属性来实现阴影。这个属性可以有两个作用，产生阴影和模糊主体。这样在不需要图片的情况…
CSS3实战让我们尽情的使用圆角吧
如果说，WAP2.0网页的机型、浏览器适配给我们无线制作经理造成了巨大的心理阴影，那么从iPhone、Android这些高端手机应用起，我们终于可以庆幸比其他同行提前迎来了一个新时代，这两种高端手机上的Safari Mobile和Google Android浏览器近乎完美的渲…
2013年HTML5跟随移动互联网大举入侵
当《金融时报》率先推出HTML5版，成为世界知名企业首个吃螃蟹者，这个全新的网页技术愈加受到重视，随着W3C宣布HTML5正式定稿，2013年将全面引爆全面，QQ、淘宝、迅雷等国内互联网大鳄纷纷加入， 360更是率先在国内推出HTML5实验室，使之一时间成为I…
如何构建你第一个Javascript 框架
对JQuery的技巧感到好奇？想知道Dojo是如何实现的？觉得Mootools不可思议？在这篇教程里，我们将探寻框架背后的秘密，然后试着自己动手建立一个你所喜爱的框架的简易版本。我们几乎每天都在使用各种各样的JavaScript框架。当你刚入门的时候，方便的D…
