---

HTML5

• HTML5 的 templete标签

HTML5的模板元素简介。

• 最新HTML5.1规范元素表

Javascript

• Javascript的反射机制与继承的概念

结合javascript的语言特性，从原理上讲解如何实现反射和继承。

• jQ的DOM事件机制: 原生event的封装

逐行解析jQ中DOM的事件封装。

CSS

• CSS词汇表

有语法有列表，理解CSS中术语/词汇的好帮手。

• 实战CSS的混合模式

通过CSS的混合模式，可以创造出你意想不到的展现效果。

• 通过CSS操作滚动条的文章
  • Creating custom scrollbars with CSS; How CSS isn’t great for every task
  • Custom scrollbars for IE, Chrome and Firefox using CSS
  • Hiding Vertical Scrollbars with Pure CSS in Chrome, IE (6+), Firefox, Opera, and Safari

响应式设计

• 网页宽度自适应大小

关于不同终端的展示问题可以通过响应式布局来实现，而不需要响应式布局时我们需要“自适应”方法来避免上述问题。

性能优化

• 为什么每个前端开发者都要理解浏览器的渲染

这里讲解了了解浏览器渲染原理的重要性，要想开发高性能的网站，这个有必要知道！

前端动态

• W3C发布HTML5的标准草案最终征求意见稿

2014年6月17日，W3C的HTML工作组发布了HTML5的标准草案最终征求意见稿（Last Call Working Draft），这是2013年8月、2014年4月W3C发布HTML 5.0的候选推荐标准更新后，针对近期业界及技术社区的反馈及标准测试情况做出的决定，将HTML 5.0的规范状态从候选推荐标准（Candidate Recommendation）回溯到标准草案最终征求意见稿.

• WebRTChat

极被看好的webrtc网络实时通信技术，无需安装新的软件，只用浏览器就可以在多台计算机之间快速建立音视频连接。Firefox浏览器和谷歌Chrome浏览器的新版本已支持，微软IE浏览器和苹果Safari浏览器却无此打算，有人认为是与Skype和FaceTime的利益冲突。

• Mozilla已在Nightly版Firefox浏览器中引入WebIDE开发环境

尽管浏览器早已包含了可以帮助调试和编写Web内容，并提供诊断的功能，但是Mozilla正在将之提升到一个新的水平。在Firefox浏览器的“每夜构建版”(Nightly builds)中，已经包含了一个开发环境(WebIDE)，可用于创建、测试和部署Firefox OS apps。

移动跨平台开发

• 优化你的 AngularJS Web App

sofish在“杭JS”大会上的分享slide。

Flex

前端工具及技巧

• Web 开发者的8款最佳的跨平台编辑器 大多为开源编辑器，每个工具都有各自特点，可以对比了解一下。

• 非开源js如何防止源码泄露

随着互联网的发展，前端代码的保护也越来越被重视，这里通过讨论的方式提供几种防盗链的方法。

• Web Fundamentals

Google 官方出品的多设备 Web 开发资源集《Web Fundamentals》。

• Bootstrap编码规范

Bootstrap创始人Mark Otto发布了Bootstrap编码规范，针对HTMl、CSS编码都有详细的总结、指导，发布之后迅速收获了2.5k star。这是前端开发者不能不研读的规范！！！

优秀开源库

• Parallax.js

Parallax.js是一个使用方便的视差效果引擎，可以帮助你实现非常棒的视差效果，并且对移动设备的横竖屏可以自动适应。并且支持自定义的行为，包括使用data属性或者Javascript的API。

---