小白变怪兽

web 前端开发手把手教程,适合0基础的同学,卡片难度由上到下递增。 注意:这里是《小白变怪兽》第一版,第二版在 这里

安装 chrome 浏览器和简单网页开发

使用 css 来美化网页

块元素和行内元素的区别

理解“盒子模型”

class 和 id 分别怎么用

注册 github.com 账号,托管咱们的页面

如何让一个块元素水平居中

浮动和清除浮动

最最最重要的一个清浮动的方法 clearfix

Css 属性太多,如何学习

申请服务器

配置 nginx 服务器

绑定域名

读懂英文文档

4月16日聚会情况及谈心

任意摆放元素

使用 font-awesome “字体图标”

用用 github 客户端

博客页面排版

博客图片样式

固定位置的 header

添加首页的大背景图

Css 样式的优先级

添加水平导航栏

带图片的博客列表

添加让人舒适的过渡效果

重构代码,增加博客大图

去掉浏览器缩小后出现难看的白边

添加 footer

我对切图的看法

布局文件

改用 gitcafe.com 来托管页面

学会 Markdown

使用 Jekyll 框架来自动加载布局文件

添加 about 页面

响应式设计简介

制作 favicon 小图标

viewport 设置来取消手机的自动缩放

了解 media-query ,相应式设计的核心技巧

把首页变成 responsive 的

gitcafe 上托管网页的另一种形式

添加 ssh key 到 gitcafe.com