CSS Auto Reload:解放F5 键,自动刷新浏览器的前端利器(Chrome 扩展)
在进行前端开发的时候(本文具体而言是编辑CSS 文件时候),常常要做的是刷新浏览器查看修改后的样式。那么最常用到的就是F5 键了,以前在开发WordPress 主题的时候Jeff 都是傻傻按F5 刷新,一次开发下来F5 键的位置常常是油腻腻的,还担心坏了。不过,有了这个chrome扩展,一切都成为过去式;唉,相见恨晚啊~
在进行前端开发的时候(本文具体而言是编辑CSS 文件时候),常常要做的是刷新浏览器查看修改后的样式。那么最常用到的就是F5 键了,以前在开发WordPress 主题的时候Jeff 都是傻傻按F5 刷新,一次开发下来F5 键的位置常常是油腻腻的,还担心坏了。不过,有了这个chrome扩展,一切都成为过去式;唉,相见恨晚啊~
相信你在一些网站上看过类似的东东,就是在一个可点击外链左侧,会有一个目标链接网站的favicon 图标。这一个小小的设置可能对提升用户体验有不少帮助,一些WordPress 站点也利用这个来做“友情链接”页面。
现在如果你是第一次访问Jeff的阳台的首页,你会发现会出现如下图的一个“导游”界面。这个就是使用Intro.js 这个javascript 插件制作的。在当初接触的时候,我发现网络上根本没有个中文使用教程,还是一点点啃下readme 文件才知道怎么用,接下来我将为各位介绍一下这个插件的使用方法——中文独家使用教程。
rainyday.js 是一个模拟雨滴落在玻璃上的JavaScript 库,基于HTML5 的canvas 。rainyday.js 做出来的雨滴效果非常逼真,在模糊背景的下的雨滴一点点爬满“玻璃”,配合着的背景音乐令人浮想联翩~~好了,有兴趣的往下看。
默认的话,WordPress 链接到文章“作者”的别名(slug name)是如 devework.com/author/name 那样的,通过下面的代码,可以修改为devework.com /profile/name 。这种情况适合开发非博客用途的站点,比如说商品展示网站,具体自行发散使用~
本文是《让WordPress 在RSS 中Feed 输出支持“More”标签》的姊妹篇,相信你也知道,WordPress摘要输出文章是惨不忍睹的,但是全文输出又不和博主的意愿。我们可以截断部分文字输出,配合加上版权信息,完美解决!
趁着国庆假,今天解决了 Jeff的阳台 的Geekwork主题的几个bug。其中一个是打开feed页面(即http://www.jianhui.org/feed)会显示“This page contains the following errors:error on line 2 at column 6: XML declaration allowed only at the start of the document Below is a rendering of the page up to the first error.”的错误。
想必你在许多WordPress 主题上看到不少这样的情况:当下拉浏览器右侧滚动条的时候,某些小工具会一直保持在你的当前视角,相当于钉住在当前某个位置。熟悉前端的肯定知道我在说什么——相当于position:fixed
的情况。