解决了我个人的一个痛点：Github 原生对 stars 和 gists 无法分组和打标签，这样让我每次在查一些不常用库的时候，总是会花很长时间查找。

一直以来，我使用 reeder3 + Inoreader 订阅了很多博客，但是4月的时候发现不能再添加新的订阅了，它收费了。想到每天早上再也不能一来就看新闻，就很烦，于是开始研究替代方案。现在我使用的是 Tiny Tiny RSS + fever + reeder3 的方案，到现在也没发现什么问题，就记录一下，分享出来。

作者: 一波不是一波转载请注明出处并保留原文链接（ [链接] ）和作者信息。 这篇文章教你怎么用 gitbook + travis 在 github pages 上优雅地发布书籍。 模板: [链接]效果: [链接] 项目结构 {代码...} 修改模板: .travis.yml: recipients: 修改成你的邮件 REF: 修改你项目的 github 地址 book.json: 修改 gitbook 相应配...

git reset 是恢复到某次 commit 记录的命令，有三种常用模式： mixed(默认模式)，get reset <commit-id> soft get reset --soft <commit-id> hard get reset --hard <commit-id> 现在假设我们有 foo.txt 文件，里面只有一个字符 1 ，已经把他放进版本库中: 然后修改 foo.txt ，在里面添加一个字符 2 ...

但是，近来工作中拿到别人拿给我看到的H5案例，很酷很炫的那种，一看源码，全是egret之类的游戏引擎来做的。其实不难理解，这类引擎都是通过canvas绘制界面，性能必然比DOM要好。试想一下这样的页面如果用DOM来做，恐怕做完之后也是卡顿的不要不要的：

比如，我在手机助手中，调试一个安装APP的页面，这个过程中就要反复下载应用安装，然后退出页面卸载，很麻烦，使用adb就只要一条命令就可以卸载应用了。再比如，APP中一般会缓存数据，这样给我们调试也带来很多麻烦，如果不使用adb清除缓存的话，就必须去设置里清除，太麻烦了。

推荐一篇文章：MobileWeb适配总结，里面说到的三种布局方法已经说的很详细，还分别做了demo，我就不做了，这里说说三种方案的原理以及我使用中的感受，希望各为互补，大家理解是最重要的。

要搞懂移动端的适配问题，就要先搞明白像素和视口。 像素 在移动端给一个元素设置 width:200px 时发生了什么？这里的px到底是多长呢？像素是网页布局的基础，但是我们一直在用直觉使用它。 其实存在两种像素： 1. 设备像素 屏幕的物理像素，任何设备屏幕的物理像素的数量都是固定不变的。 2. CSS像素 在CSS、JS中使用的...

我们在做移动端开发的时候经常遇到这样的需求：界面背景要刚刚好在整个屏幕中，不能超出屏幕，而且肯定还有一些元素要固定在界面中某个位置。 比如这样的设计图（720 x 1280 的尺寸），我们不仅仅要这个背景不超出屏幕，而且城堡里的图标要不偏不倚地在城堡中的那个位置。 这样分析一下我们就知道了我们要解决的问题： ...

今天同事(妹子)遇到一个 Zepto 的事件委托的问题来问我，我当时也懵了，后来解决了。问题还是比较坑的，拿出来分享一下。先看看是什么问题：

你在做移动web开发的时候是不是只是在Chrome下开启移动模式，然后就啪啪啪闷头敲代码了？如果你平时只是做做宣传页，Chrome的移动模式可能就能满足你。但是现在越来越多的应用采用Hybrid的开发方式，这样的话就可能在web页面上调用webview注入的函数，那么，这个页面在Chrome上只会报错，因为我们不在webview里，根本没...

background-size的contain和cover是怎么用的，大家应该都明白。但是里面也有一些有趣的数学关系。 基本概念 上面就是我们对于 rimage (图片宽高比)、rviewport (容器宽高比) 的定义。 将图片放进容器 三种方法 stretch : 把图片的宽高强行设置为容器的宽高 {代码...} 那么保持怎样的数学关系才能保证图片放进容器之后不...

译文地址 通过这篇文章能够深刻理解 background-position 的百分比 因为segmentfault好像markdown解析有问题，请看原文吧 原文地址 欢迎订阅我的博客

animation默认以ease方式过渡，会以在每个关键帧之间插入补间动画，所以动画效果是连贯性的。ease，linear等之类的过渡函数都会为其插入补间。但有些效果不需要补间，只需要关键帧之间的跳跃，这时应该使用steps过渡方式。本文后面有案例。

这篇文章是从原博客转载过来的，是2013年写的，有些不对的地方请指出。 原文地址 博客地址 , 欢迎订阅 这是一篇我自己关于负margin的理解，今天因为做项目用到了负margin，几经找资料，终于搞懂了，就赶紧记下来，免得忘记了！ margin为正时，top、left属性是以content上（左）或垂直上方相连元素margin的下（右）边为参...

提到JSONP，我当时在网上找了无数帖子也没有看懂它。那些文章大同小异，都是讲到JSONP原理以后就戛然而止，把我们这些初学者搞得云里雾里。所以，写下这篇文章，希望对大家有帮助！

之所以会翻译这篇文章是因为我昨天看到@勾三股四的这篇微博，里面推荐的文章就是下面我要翻译的。因为自己一直对响应式图片这个技术很关注，但是一直没有一个很好的总结机会，今天趁着翻译这篇文章总结了，这是本人翻译的第一篇文章，有错误的地方请指出。 博客地址 欢迎关注 原文地址