替换Google字体库为WordPress后台加速

WordPress后台字体默认是调用 fonts.googleapis.com 的,在国内访问通常会很慢,甚至有时候打不开页面。最简单的方案,就是替换在线字库地址。“360前端公共库”提供了 Google 字体的镜像和CDN服务,把地址换掉就行了(堪称360做的最良心的事)。

操作步骤

1. 编辑“wp-includes/script-loader.php”,搜索“fonts.googleapis.com”找到以下代码,把“fonts.googleapis.com”替换成“fonts.useso.com”即可,后台加速就搞定了。

$open_sans_font_url = "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

2. 如果用了官方主题,或是主题里引用了 Google 字体,同理替换即可:编辑“wp-content\themes\你的主题\functions.php”,把“fonts.googleapis.com”替换成“fonts.useso.com”。当然,这个是可以通过安装插件解决的,插件名“Replace Google Fonts”。

更多资源

新增赞功能

给每篇文章增加了“赞”的功能。个人blog评论越来越没人说话了,当你看完文章后,随手点个“赞”,也算是对作者的一点鼓励,让我坚持写下去。

免费高清大图资源

整理一些高逼格的图片资源,公共和商业通途都可以免费使用。比如用在:大背景网站、Sketch 3 素材、Keynote / PPT 插图等。

New Old Stock

NewOldStock

老照片,超有feel,这些图片都是时间的记忆。用作背景图,简直酷爆了。

推荐指数:★★★★★
图片质量:★★★★☆
总体数量:★★★☆☆


Unsplash

Unsplash

更新频率10天10张图,可以搜索,可以邮件订阅,也可以贡献自己的图片。适合做头图、插图、背景图。

推荐指数:★★★★☆
图片质量:★★★☆☆
总体数量:★★★★☆


SuperFamous

SuperFamous

6×6方图,很多航拍、岩石和木头纹理特写。

推荐指数:★★★☆☆
图片质量:★★★★☆
总体数量:★★★☆☆

更多

Quartz Composer快速上手指南

去年给Team做了一次名为《Animation Prototyping – 让设计动起来》的分享,讲解如何快速上手 QC 的方法,结果一周内就有同学可以做出成品了。以下是讲稿的核心部分,捞出来串讲一下:

基础工具:Quartz Composer + Origami

1. 先熟悉下QC工作区的面板。如下图摆放,方便操作。

Animation-Prototyping-1

2. QC基本工作原理。摸清它的逻辑,之后就好办了。(这是用 Keynote 画的模型示意图,用来表示部件之间的关系。)在“Parent panel”里建这三个部件,构建基础手机模型。

Animation-Prototyping-2

3. 所有动画,都在“Render in image”中完成。双击它,进入下一层编辑界面。首先创建“Clear”部件,非常重要,它的作用是清除缓存,避免显示出错。接下来动画部件的摆放,如图示即可,遵循这个逻辑构建交互动画。

Animation-Prototyping-3

好了,其余就看你具体要做什么交互,Origami 会帮助你,它提供了很多现成的部件。用实际的例子来演示一下上面这个公式:

Animation-Prototyping-6

Animation-Prototyping-7

多多练习,体会一下,很快就能掌握 QC 组织和“编程”的诀窍,开始实战。


另外,在寻找动态表现原型方法时,顺路还研究了一下 Framer.js,最后觉得还是 QC 更容易上手,适合设计师使用。针对 QC 和 Framer.js 我做了一个简单对比:

Animation-Prototyping-4

Animation-Prototyping-5

如果想了解 QC 是什么和前期准备工作,可以参看我上一篇介绍:Quartz Composer入门