在过去的几年中，Web开发者被迫接受了几大变化：HTML5的兴趣，预处理器的出现和JavaScript框架，结合一个庞统的一系列技术的变革，推动了整个设计的趋势。在很短的时间内，移动和响应式设计，扁平化(Flat Design)用户界面和深层次的交互页面成为标准做法。那么在2014年Web前端又将会发生什么？如果您对这个话题感兴趣的话，欢迎进入一起讨论与分享。

网格系统对于Web前端人员来说不是一个陌生的话题了，在w3cplus上介绍网格系统的教程并不少，不过这些网格系统都有其类似之处。在HTML中为了能应用好网格，都需要添加一些类名，而在样式中，不管你用了几列网格，都有一大串的样式代码。这让一个有代码洁癖的人员来说，总觉得不爽。幸好，CSS预处理器的出现，如Sass。可以让你的代码变得更简单一些，但和以前的网格也极其类似。有时试想，有没有更好的呢？今天看到Sebastian Ekström的Create a CSS grid using calc()觉得很有意思，通过calc()和Sass的结合，生成需要的网格。希望此篇文章对大家有所启发。

玩过响应式设计的同学或多或少都会在一些媒体上纠结，比如说图片，视频等自适应问题。而且有关于这方面的解决方案各有各的说法，似乎是没有一种方案是绝佳的，这样一来让人倍感头痛。这或许就是前端的烦恼吧。我也一样，虽然整响应式设计蛮久的了，但对于图片方面的自适应处理还真没有找到一个好的方案，这回痛下决心，仔细找了一些相关教程阅读了一回。那么今天将整理一下，网络上有关于图片自适应（此处我称之为弹性图片）解决方案，希望这篇文章能帮助大家解决图片在响应式设计中给大家带来的烦恼。

上海携程向业内诚招JS高级软件工程师、Web前端JavaScript工程师，如果您感兴趣欢迎将您的简历发至whliao@ctrip.com。我们会在第一时间与您取得联系。详细职位信息猛击下图

我爱正则表达式。我发现几乎没有一天我不在使用它们解决一些问题。虽然我爱他们，但是，在使用中一直感觉到有点吃力。我认为这只是因为我没有对它有一个全面的深入了解。因此，我想我会花几分钟给自己（和有兴趣的其他人）一个简短的介绍。

Hugo Giraudel在《Looking Into the Future of Sass》(译文Sass新特性)一文中向大家介绍了Sass的十大新特性。这些特性都将让你的工作变得更简单与方便。那么今天我主要想向大家介绍我自己对Sass3.3中几个新特性的理解与使用心得，希望对大家的学习有所帮助。

在CSS中，要想给一个元素赋予一定的样式，我们必须得先取到这个元素。那么就得需要选择器，通过选择器来选择指定元素，然后赋予所需的样式。而CSS选择器有很多种，比如层次选择器中的后代选择器、兄弟选择器、通用兄弟选择器等。而这些选择器都通过元素与元素之间的关系来确定的，当然在CSS中仅仅不只这几种选择器方式，还有其他优秀的选择器帮助你做更多的事情。而在这篇文章中我们主要探讨的是连体符&在Sass中，是如何让你的选择器变得更加的灵活，更加的简单。

在新年将至的当中，大家都在思考，都在回味，都在总结，都在向往。我也同样不能脱俗，一直都在思考，为2013一年，为自己走过的这一年，为w3cplus这一年做一个总结，但一直不知道如何执笔开始。思来想去，有了下面的一些记录，只想让这些记录告诉我，2013看走过的一切，同时让我更好的迎接2014年，迎接新的一年，迎接新的人生。

自从有了W3cplus之后，我热衷于前端技术，喜欢前端的活动，更爱上了前端的技术分享。在2013年当中，在众多朋友一起努力之下，总共发表博文279篇，其中技术博文216篇，CSS3教程61篇，CSS3案例25篇，收集前端各类在线工具近100个，整理jQuery插件近300个。还有前端较为新的技术，包括Sass教程47篇，Grunt教程近10篇，响应式设计近27篇。而且在今年在众多同学的帮助之下，组织翻译外国博文近115篇。看到这些数字，也让自己感觉到在2013年当中没有白混，让我自己更好的准备迎接2014年。