开源软件已经存在数十年了同时自从它存在就改变了网络。但是在2012年里我注意到有更多的关于开源软件涉及到网页组件、布局、动态效果。典型的是我们可以谈论免费网站模板，布局或者像WordPress的CMS软件。

　　像Github这样开放的编程接口和资源不仅允许设计者进行原型布局，还可以在页面上制作动画和效果。在网络上jQuery事实上有无数的插件供免费下载使用。

　　说真的我不希望开源项目在任何时期发展缓慢，现在就是该开始并且促进在创建网站领域知识的时候。

　　16.深度盒子阴影

　　我在2012年的文章中已经讨论过CSS3的盒子阴影，这种趋势已被证明是非常准确的。事实上，我经常希望看到在现代网页设计中加入盒子阴影效果。这种效果看上去很神奇，它们从来不会偏离美学除非过度使用。

　　我相信在前些年设计师遇到的问题源于盒子阴影太难而不容易实现。往前推几年，这种效果需要Javascript或者在photoshop中制作阴影背景，而现在阴影盒子可以在CSS中使用几行代码来生成。

　　我将会在整个2013年留意盒子阴影效果。我想此效果已经在设计社区根深蒂固，现在更该关注的是谁最有创造力的实现盒子阴影效果。

　　17.CSS3动画

　　CSS3 带有相关浏览器前缀的transition属性允许CSS实现像Javascript一样的动画效果。设计师现在能以不同的CSS属性实现动画效果。我有许多恰当使用过渡效果的hover effects and form input fields例子。

　　另外一个优秀且激动人心的例子来自CSS alerts tutorial on Codrops。提示你如何为各种不同的动画设置时间。

　　我对新的设计师推动不通过脚本来实现的动画充满信心。

　　18.垂直导航

　　当我第一次注意到不同的网站使用此趋势的时候，并不是很感兴趣。可是在过去的一年里，我看到越来越多的设计师创造了完美的垂直解决方案。当此布局被正确的完成，垂直网站布局可以容纳充足的内容同时具有好的设计体验。

　　Riot Industries的组合对于新设计师是个很好的例子。查看一下导航链接是如何工作的，在移动上去是整个组合动的效果是如何实现的。边框纹理确实展现了一个左右两列分开的线。

　　纹理效果同样在另一个垂直布局上出现，例如CSS画廊Design Bombs.

　　19.单页面网页设计

　　单页面设计是一个很大的话题，覆盖了许多不同网站分类。显而易见自从万维网创建单页面网站就出现了。但是最近几年这种趋势变成了一种更加自然的用户体验。

　　我想为Cage App设计的网站或许是这篇文章中列出的例子中最棒的一个。他们利用单页布局通过水平布局鲜明的展现出内容。但是你还会注意到页面的顶端有一个模糊的背景图片效果。

　　随着你往下滚动页面，导航条一直固定在你的浏览器顶部。合并其他的网页设计趋势到单页面布局里面是吸引用户注意力和创建一个迷人的网站的解决方法。

　　20.圆圈元素设计

　　这一圆圈设计趋势在网站布局是比较新的且已经被赋予了很多的关注。设计师喜欢圆圈设计，因为它们干净、整洁,一般适合任何块状布局。你可以构建你的原形或者把你的页面元素更改为圆形设计(例如用户头像、分享按钮、发表日期等等)。