工作原因，最近一年断断续续写了一点前端代码，收集整理了一些资料，和大家共享。 Github版本：Front-End Resource Collection 前端相关资源汇总 学习指导 精华文章 Web前端的路该怎么走？：文章超长，但是干货超级多，值得反复精读！ 听说2017你想写前端？：适合于已经度过了小白阶段，达到初级水平的前端开发者。留言...

春节闲来无事，看看自己在SegmentFault上写的文章，想不到已经20篇了，各方面的都有，那就分类整理一下吧，也方便自己和别人查看。 CSS CSS Background-Size 属性小记 [译]关于垂直居中 Vertical Align 的探讨 [译]CSS 居中（Center）方法大合集 折叠多级菜单的实现方法 IE8 CSS 样式兼容性清单 SASS 学习笔记 JS bigSli...

最近两周写了几个页面，虽然看起来很简单，但是也考虑到了IE8的兼容性、不同屏幕尺寸的适配性以及其它的一些方面，所以也算是小有收获。下面就把写代码过程中遇到的各种问题和解决方案记录下来。

浏览器版本 StatCounter国内电脑端浏览器版本统计（15年8月~16年8月）； 屏幕分辨率 W3Schools上的分辨率统计； 网页设计中常见的宽高比； 常见显示设备的媒体查询标准； 百度统计的中国网民分辨率使用情况； IE兼容性 设置仅用于IE的样式； 设置IE渲染模式； 设置IE及Chrome渲染模式； IE8 CSS 样式兼容性清单； IE8开...

最近部门业务网站需要考虑IE8的兼容性，刚好查到MSDN上有IE系列浏览器对CSS兼容性的完整清单，把其中IE8部分的内容翻译了出来，作为备忘。

预处理功能，就是将 SASS/SCSS 格式的文件输出为 CSS 文件，可以对单个文件进行预处理，也可以对指定目录进行预处理，还可以对指定目录进行实时监控，基本语法如下：

接下来说一说这种页面布局的实现思路，因为自己是从零开始的，所以着实花了好几天功夫才实现了这么一个看起来很简单的布局，所有东西都要自己一点点摸索，不过这种经历对于自己的成长也是很有帮助的。好了，下面进入正题。

本文只给出了不同条件下的实现方式，未对原理做探讨。PS：原来要显示 jsfiddle 和 CodePen 之类网站的代码预览，只需将其以 Markdown 语法来插入链接即可。

“如何垂直居中某个元素”，以及“vertical-align: middle; 为什么不起作用”，是两个很常见的问题，究其原因，要分为下面三点来讲述：

今天在研究用 CSS 实现背景图片铺满浏览器窗口的方法，先是在 StackOverflow 上找到一个方法 show full height background image 来实现背景图填满浏览器高度的需求，但是效果并不好，窗口底部会有一块空白区域，并且右侧有滚动条，在前端群里讨论了一番之后，发现用 background-size: cover; 语句即可解决该问题。在 W3...

用一个 <a> 标签来控制侧边栏的开关。#menu 用来指向 id 为 menu 的侧边栏，menu-link 为这个 <a> 标签的类名。