摘要：
网站性能优化（WPO）已经成为一个非常重要的话题了，越来越多的互联网公司开始有WPO的职位，而相关技能也是对前端开发工程师的重要技术要求之一。国外大牛Steve Souders在参加WebPerfDays London期间，收集了大量常用的网站性能优化工具，这里和大家分享下。常用的网站性能优化工具：WebPagetestCuzillionChrome Dev ToolsSpeed TracerPerformance Analyzer (收费)SPOF-O-Matic, 3PO for YSlowWiresharkPageSpeed, YSlowdynaTrace Ajax Edition 和 阅读全文
摘要：
在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢？今天就让我们来了解一下几个比较有用的工具。Dust-Me selectorsDust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。支持本地和远程样式文件，包括使用<link>标签、<?xml-stylesheet?>处理指令、@impo 阅读全文
摘要：
这段时间，一直在做印像派的商品设计，如照片书、台历之类。从网页产品设计转行过来的我，时常在想，平面设计和网页都是设计，但区别又是那么大，那不就与大自然中的猫和老虎一样嘛，它们都属于猫科动物，但又不是同一种生物，有着很大的差别。现在就让我们来分析一下同样作为视觉传达设计，她们之间的差异性。1.视觉元素在色彩方面平面设计与网页设计使用的色彩模式完全不同，平面设计因为后期的实现依赖于印刷，所以采用CMYK的色彩模式，而网页根据其显像方式使用RGB的色彩模式。平面设计时的色彩运用注重视觉的冲击力及视觉流的引导(在这点上与网页设计中的BANNER设计相类似)，而网页设计(产品类)更注重的是信息结构关系的 阅读全文
摘要：
发现很多网站有一个“侧栏跟随滚动”的功能，会在滑动条到一定位置的时候，出现并且虽滚动条滚动，当滚动条回到一定位置的时候，这个“侧栏跟随”的功能就会隐藏。在网上查找了好久才找到的代码，今天在博客里面先记录下来：代码如下：CSS部分：/*侧栏跟随*/#float { }#J_tqqWidget { position:relative; }#J_tqqWidget .div1 {}#J_tqqWidget .div2 { position:fixed; _position:absolute; top:5px; z-index:250; }注：每个网站的侧栏宽度不同，可根据你网页的宽度调整div1的宽 阅读全文