温馨提示：本文的一些资源可能会因为gfw的原因无法正常安装，建议挂上科学上网工具进行部署。再windows下有WAMP等安装包搭建本地环境，但是mac下只有MAMP PRO和XAMPP这两个安装包，前者还是付费的，这两个玩意有共同的缺点就是给你的app目录加上无用的文件夹和管理面板。。作为一个强迫症完全无法忍受，所以直接在服务器上远程调试了。昨天mufeng给我推荐了一篇文章，但是按照教程搭建却失败了，打算折腾一下，确实失败了。但是排查了一下成功了。现在完美运行，而且还是支持SSL，开心。首先要安装Xpre，可以直接在app store下载安装。BrewBrew 是 Mac- 阅读剩余部分 -

我们知道CSS 是不能直接定义radio 标签和checkbox 标签的样式，但是默认的实在是太丑了，总要想办法来美化美化这货的。强大的CSS选择器可以帮助我们来实现美化。首先我们看我们美化过的radio-beautuful再回顾下默认样式radio-ugly可以亲自点一下！.demo-label{margin:20px 20px 0 0;display:inline-block}.demo-radio{display:none}.demo-radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);- 阅读剩余部分 -

实现原理由于我们可以在后台使用wp query来输出文章列表，所以我们并不需要文章分页的入口，砍掉了分页入口也避免了搜索引擎抓取这些页面。我们只需要在AJAX 执行的过程中向后台传递一个分页参数，就可以返回这个分页上的文章列表。再返回文章列表的时候，我们还需要返回下一分页的页码，当然如果不是最后一页的话。鉴于wp query有着丰富的参数，我们可以通过转递指定的参数来控制文章列表的输出，使之可以在分类、标签等归档正常使用。实现方法你需要修改的地方一共有2处，一处是包裹你文章列表的容器，一处是根据的文章列表的样式跳转输出结构。文章结构输出函数，这个要根据你自己的主题进行修改，- 阅读剩余部分 -

你也许已经在 Youtube 上看过了那道红色激光脉冲，它会在你切换页面时出现。其实许多移动浏览器的进度条都是这个样式，但是在网页上实现可不多见。不过，有了 NProgress 这个 jQuery 插件，你也可以轻松实现！安装依赖于 jQuery (1.8版本及以上)，添加 nprogress.js 和 nprogress.css 到你的项目中。使用方法<button onclick="NProgress.start()">NProgress.start()</button> — 显示进度条 <button onclick- 阅读剩余部分 -

消费者越来越依赖于移动网络，这使得一个高效的移动网站比以往任何时候都更加重要。但是如何打造一个优秀的移动网站？为了回答这个问题，Google 与 AnswerLab 合作研究用户群体如何与不同的移动网站互动。通过这个研究，Google 确立了 25 个移动网站设计原则来预约用户和推动转化率。