轩枫阁

前言

用久了Chrome，发现已经厌倦简洁的New Tab新标签页。而Chrome应用商店的主题又不是很符合自己的口味，不够个性化。我们的需求也很简单，能自定义张壁纸就好。就此研究了下，Chrome主题插件的制作方法。

编写插件

安装：http://xuanfengge.com/demo/201505/chrome-theme/xuanfeng-theme.crx

特点：主要对背景图、按钮颜色、标签栏颜色做优化 查看全文

前言

wordpress的文章中，经常会带有链接，包含站内链接和站外链接。如果是站内链接，一般是在新窗口中打开。而对于站外链接，需要注意加上rel=”nofollow”属性，告诉搜索引擎”不要追踪此网页上的链接或不要追踪此特定链接。这两点看似不重要，但是却是影响体验及SEO的重要点。

关于nofollow

nofollow是一个HTML标签的属性值。它的出现为网站管理员提供了一种方式，即告诉搜索引擎”不要追踪此网页上的链接”或”不要追踪此特定链接”。

nofollow标签是一个“反垃圾链接”的标签，告诉搜索引擎这个链接不是经过作者信任的，引用nofollow标签的目的是：用于指示搜索引擎不要追踪（即抓取）网页上的带有nofollow属性的任何出站链接，以减少垃圾链接的分散网站权重！

简单的说就是，如果A网页上有一个链接指向B网页，但A网页给这个链接加上了 rel=”nofollow” 标注，则搜索引擎不把A网页计算入B网页的反向链接。搜索引擎看到这个标签就可能减少或完全取消链接的投票权重。

解决方案

在functions.php的地步加上以上代码即可，非常重要的一步 查看全文

前言

不知从什么时候起，手机悄悄成为了我们日常生活的一部分！统计显示，智能手机用户平均每6分钟看一次手机，移动端已然是当前最热门的媒介。移动设备上，一些高BG\亮瞎眼的品牌营销运营也经常在我们的朋友圈、各种移动渠道刷过，留下深深或浅浅或没有印象…

手机的屏幕小，决定了人们更容易聚焦查看，可达到与用户近距离一对一交流沟通的效果，如何在移动端做品牌宣传总结了3个要点：快 简 准。

一、快

1、加载要快

部分用户能容忍的响应时间为5秒,64%的智能手机用户希望网站可以在4秒内加载完毕。网页可用性与页面速度——决定成败的基本因素。移动用户比PC用户更加没有耐心，因为用户受到网络连接的限制。

a、尽量使用矢量图形，减少图片加载量

图片下载在下载包中占居榜首，作为视觉设计师要了解的一些减少图片加载量的技巧尽量使用矢量图形，减少使用渐变和真实图片素材，矢量图形色彩渐变少，可复制颜色面积大，所以矢量图片会远比实物图形加载量小。 查看全文

前言

本文将解释，何为贝塞尔曲线，及其如何运用在动画中。

工具及应用

这里给出两个在线动画调试工具。

cubic-bezier还是比较少用到，PC端中，有浏览器不兼容。但是手机端中，可以使用并带来炫酷的动画及体验。

• 缓动函数速查表： http://www.xuanfengge.com/easeing/easeing/
• Ceaser： http://xuanfengge.com/easeing/ceaser/
• cubic-bezier：http://cubic-bezier.com/

贝塞尔曲线

贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋。

cubic-bezier即为贝塞尔曲线中的绘制方法。图上有四点，P0-3，其中P0、P3是默认的点，对应了[0,0], [1,1]。而剩下的P1、P2两点则是我们通过cubic-bezier()自定义的。cubic-bezier(x1, y1, x2, y2) 为自定义，x1,x2,y1,y2的值范围在[0, 1]。

而在CSS3中，常用的几个动画效果，用cubic-bezier表示分别为：

贝塞尔曲线进阶

查看全文

前言

总结下手机界面改版要考虑的布局，主要的分为以下2大类

主导航

1. 列表式
2. 陈列馆式
3. 九宫馆式
4. 选项卡式
5. 旋转木马
6. 行为扩展式
7. 多面板
8. 图表式

次导航

1. 抽屉式
2. 超级菜单式
3. 弹出式
4. 图片轮盘式

其中，所有的主要导航都可以做为次级导航，但次级导航不太适合用作主要导航 。为什么？因为次导航是隐藏起来，隐而不见、只有触发时才显示。

查看全文