Web前端 - 轩枫阁 – 前端开发

Express安装后出现command not found问题

express不能运行

安装Node.js的web框架Express：npm install -g express，键入命令：express –help，出现提示：sh: express: command not found。明明安装了express，但却告知不能命令运行express。如图

解决方案

在安装express时增加generator参数：

npm install -g express-generator 查看全文

2014/07 02 周三

元素视差方向移动jQuery插件-类似github 404页面效果

前言

视差滚动，大家也许并不陌生。但是对于视差方向移动，你是否有见过效果呢？看官请进来瞧瞧~

demo

轩枫阁404页面：http://xuanfengge.com/demo/201406/404/

github 404页面：https://github.com/404

说明：轩枫阁的404页面灵感来自于Github 404页面效果，并增强了交互。同时轩枫阁的第一个404页面效果是腾讯公益404寻找孩子页面，现在的版本是二次改版，增强了交互，即进入404页面后，需要在当前页面中充当福尔摩斯角色，通过线索寻找到返回首页的入口。

视差滚动

简介：视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。

示例（最后一个专题）：http://www.xuanfengge.com/funny/

视差方向移动

简介：这个名称是博主自己起的→_→。即多个元素跟随鼠标移动方向，以不同的速度和距离，在同一个方向上进行移动的交互。

插件：使用的是shake.js这个jQuery插件。首先要先加载jQuery才会生效。

下载：shake.js 查看全文

2014/06 30 周一

CSS3实现晃动的引导箭头-百度新首页

前言

最近百度再次升级新首页，UI大赞，连新首页的介绍页也显得高大上，使用单页滑动OnePage效果。如果你使用账号登陆百度首页，会陆续收到升级的通知。然后在引导页，发现了一个用户体验上的创意，就是结合CSS3实现晃动的引导箭头。

Demo

预览：http://xuanfengge.com/demo/201406/guide/

效果图：

查看全文

2014/06 07 周六

关闭WordPress自动加载的Open Sans字体-WP访问过慢原因

序言

wordpress大概从wp-3.8开始会自动加载Open Sans字体，并引用Google上面的CSS样式。而最近谷歌经常打不开，导致网站访问速度过慢，严重的会拖慢几十秒。Open Sans字体主要用于WP站点管理员登陆后顶部功能条的字体样式，而对于国内用户来说，Google会出现经常打不开或者访问速度过慢的情况，所以会拖延站点的打开速度。当然，如果没有登录后台直接访问站点，不会出现加载字体的问题。通过观察代码可以看到，WP是这样加载字体的，在script-loader.php（wordpress3.9版本，wp-includes目录下）的580行代码进行加载。

family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&

subset=latin%2Clatin-ext&ver=3.9.1" type="text/css" media="all">

那该怎么去掉呢？方法主要有4个：插件过滤、functions.php过滤、一键替换程序代码、GoAgent翻墙

一、插件过滤

简介

为此有专门的插件来去除字体加载。此方法在前台和后台均有效。

1. 插件一

名称：Remove Open Sans font Link from WP core

地址：http://wordpress.org/plugins/remove-open-sans-font-from-wp-core/

简介：移除WP核心的谷歌字体链接.。 Installs ‘Remove Open Sans font Link from WP core’ plugin on your wordpress blog, so it will doesn’t load Open Sans font from Google fonts.