JavaScript
从零开始编写自己的JavaScript框架
不用羡慕那些写框架的人,看完本文你也会写!
谈谈编码风格与编码规范
我们日常说的编码规范,经常指的是 Style Guide,正确的翻译是编码风格。既然是风格,就没有对错。就如现实生活中,我们每个人都有自己的穿着打扮一样。可能有些人打扮土一点,但土就土,并不影响什么。
值得收藏的14款响应式前端开发框架
本文收集了14个响应式前端开发框架,可以帮助前端开发人员大大简化开发过程。针对每个框架,文中均指出了它所包含的UI组件及JavaScript插件。
ECharts: 一个基于Canvas的纯JavaScript图表库
提供直观,生动,可交互,可个性化定制的数据可视化图表。
CSS
BEM: 一种网页模块化开发的方法
编程方法论中一个最常见的例子就是面向对象编程(OOP)。这一编程范例出现在许多语言中。在某种程度上,BEM和OOP是相似的。它是一种用代码和一系列模式来描述现实情况的方法,它只考虑程序实体而无所谓使用什么编程语言。
创意非凡的列表添加、删除动画效果,CSS3实现!
当结果已然确定的时候,不妨看看过程的美好!
高性能 CSS3 动画
本文出自腾讯AlloyTeam的元彦,又是一篇干货~
CSS选择器的优化
通过优化CSS选择器,可以提高页面的渲染性能。
安全
「原创」一些安全相关的HTTP响应头
现代浏览器提供了一些安全相关的响应头,使用这些响应头一般只需要修改Web Server配置即可,不需要修改程序代码,成本很低。本文介绍了五种安全相关的响应头,最后还列出了一些国外大型网站如何使用这些响应头。
看我如何劫持用户的浏览器
一种可能的钓鱼攻击实现方式,大家注意防范。
性能
最新研究:手机上DATA URI比外链资源慢6倍!
为了提高页面加载速度,减少请求数量,将小图片base64编码后以DATA URI的方式引入页面很常见。但来自Mobify的研究表明,这种方式比使用外链要慢6倍,请谨慎使用。
使用渐进式JPEG来提升用户体验
JPEG文件有两种保存方式他们分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据,他们的扩展名也是相同的,唯一的区别是二者显示的方式不同。
其它
人人都能用的10条网站易用性技巧
简单、有效的易用性技巧。
提升你开发技能的 8 个提示
开发者要学会如何更好的营销自己。
6个替代Dreamweaver的编码工具
除了DW,其实还有很多很好的IDE让你开发起来更爽。
产品设计师必读
前端,一个神奇的职业,要懂产品,懂设计,懂开发,懂测试。