60 个优秀 Web 布局设计教程

Web 布局设计是一项充满挑战的工作，不仅涉及到行业，潮流与对时尚的把握，还涉及到风格与技术，本文精选了60例优秀的 Web 布局设计，每例设计都有详细的教程，而这些设计本身具有非常好的启迪作用，可以激发设计师的创作灵感，它们体现了当今海外 Web 设计最清新的风格。

使用整洁的HTML标记构建页面

网页设计能正常显示不就够了吗？答案是否定的，如果你是一个严谨的网页设计者，你也许对这篇文章有兴趣：使用整洁的HTML标记构建页面。

大背景网页设计

在国外很多博客都采用了大型图案做背景，这样可以产生比较强的视觉冲击，你可以在这里学到如何用css实现大背景网页设计，光看技术文章当然是不够的，你可以在这里欣赏80个大背景网页设计。

解密CSS Sprites：技巧、工具和教程

CSS Sprites技术已经在网页开发中发展得较为成熟，它可以减轻服务器的负载，提高网页加载速度。这篇CSS Sprites教程 (中文翻译) 系统的介绍了CSS Sprites的概念、用途和用法，相信本文会解决你在使用CSS Sprites中遇到的大部分问题。这篇用CSS Sprites处理圆角的文章更为细致。

五个为你的设计添加光影效果的简单技巧

现实生活中无时无处不存在着光照和阴影，光影帮助我们辨别事物，认知他们的材质、尺度和透视。如果要让我们的网页设计更加自然、有动感且真实直观，正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧 (中文译文)，好好运用它们，能让你的设计更加精致，从众多的页面中脱颖而出。

使用css transformations 创建三维立方体

css真的很强大，不使用JavaScript, imagery,canvas或SVG，使用css transformations也能创建三维立方体，在不过目前只支持基于WebKit和Gecko的浏览器：Firefox 3.5+ -moz-transform (documentation)和 Safari 3.2+ -webkit-transform (documentation)。