开始使用 HEXO 时就发现默认主题 light 的 style.css 文件是没有经过压缩的，虽然文件本身不大，对博客加载速度不会有太大影响，但是作为喜欢折腾的程序猿，同时为了提升自身博客那么一点点的完美性，一直想去解决这个问题，由于工作比较忙，这个就一直压在心里，直到昨天写完博客，又开始折腾起来。下面记录了具体的修改方式，有需要的同学可以试试。
PS：本博的主题是基于默认主题稍作修改后的样式。
最开始想使用 Grunt 来压缩，但是这样只能在博客文件目录内引入 Grunt 插件。这就使得文件结构不那么清晰，作为比较追求完美的我，最后还是放弃了该方式。什么？你还不知道 Grunt，那么你 out 很久了，简单的说 Grunt
继续阅读 »
国内的互联网企业有许多开源项目，其中就包括前端的很多优秀框架，摘录如下：
网易
NEC
http://nec.netease.com/
网易员工开源的CSS框架，特别是整理出一套规范，很值得研究。
NEJ
http://nej.netease.com/
继续阅读 »
总结了几篇文章，先给外链
A Look at Length Units in CSS
CSS Font-Sizing: a Definitive Guide
从网易与淘宝的font-size思考前端设计稿与工作流
继续阅读 »
本文不对以上话题做具体的阐述，因为文章《多说自定义CSS动感头像和多说评论显示User Agent的那些小事》讲的够详细了，我就是按着上面的步骤逐步添加的，感谢博主的详细讲解。
more
下面我就自己在安装使用时遇到的一些问题和注意事项做一些阐述。
由于我的博客是基于Hexo，主题是Jacman,所以以下说明仅适于以上主题。
本地修改embed.js
注意修改e.user_id多说ID，可以自定义ssk前端显示昵称,即如下的ROOT你可以改成自己的。
以下是原文章的：
以下是我修改的：
修改多说调用地址
在\themes\jacman\layout_partial\after_footer.ejs中修改多说调用的地址
继续阅读 »
近日看了CSS2.1规范文档中对可视化格式模型（visual formatting model）的描述，弄懂了很多之前理解模糊的概念。顺手写写总结，理理思路，以便日后忘记了可以回头看看。
网页上看得到的所有元素都是一个个大小不同、或相互嵌套、或上下堆叠、或水平排列的盒子。
继续阅读 »
序
这是篇笔记性质的文章，没多少技术含量。
之前一直很少接触 CSS 动画，前段时间刚好做了个相关活动，实现了包含位移、渐现、一次性效果和循环效果的动画。
效果
可以在这里先看一下最终效果。
继续阅读 »
Stylus似乎并不是很有名，以至于很多人不知道它是做什么的，但提到SASS相信有不少人听说过甚至使用过很长时间。其实无论是LESS、SASS还是Stylus甚至是Absurd这些预处理工具，都是对CSS的一种延伸和强化。出现这些工具的原因很简单，CSS本身只是一种描述性质的东西，甚至它不能算是语言而是样式表，所以我们需要一个有条件语句和变量甚至是函数的东西去动态生成CSS代码来达到提高效率和增强可维护性的目的。
本文主要以Stylus语法本身和简单的使用为主要内容，它的目的是介绍和简单指南。将不会过多涉及Javascript的API调用等问题。
介绍
官方的介绍非常简短而精炼：
Expressive, dynamic, r
继续阅读 »
1. box-model
盒模型基本结构如图所示：
图片来源于http://www.w3.org/TR/2011/REC-CSS2-20110607/box.html
继续阅读 »
Jekyll 的语法高亮在 Jekyll 3.0 以上默认使用的是 Rouge,
如果使用的是 Jekyll 2, 需要在配置文件里面设置 highlighter 为 rouge,
并确保 rouge 被正确的安装了
[表示此方法我没成功]
另外, 就是使用 Pygments, 这个需要使用 Python 来安装
如果你不想麻烦, 可以直接使用我的这个 syntax.css,
这个就是最后使用 pygments 生成的默认的代码高亮 css 文件
把这个 syntax.css 放在 /assets/css/syntax.css
在 _include/head.html 或者你自己的通用头文件里面添加 link
htm
继续阅读 »
随便聊聊
最近三星在研究炸弹，不仅手机能爆炸，洗衣机也会爆炸，尼玛，产品设计师难不成是研究炸弹的；NBA开赛了，可惜湖人没了科比的身影，在我还没成为球迷之前他已经不在了，很湿伤心，还是听听音乐吧。说到听歌，给大家推荐一首神曲《我的滑板鞋》，看到这歌名，我想你们内心是崩溃的，听到原唱你们肯定骂了不止一百遍逗比碧池，心细的同学可能注意到我提到了原唱，没错原唱是不堪入耳，但是经过华晨宇的改编已经脱胎换骨了，“一步两步，一步两步”，steps, step-start, step-end。
示例
CSS:
```css
.cube {
height: 150px;
width: 200px;
}
继续阅读 »