终于一天清闲，把之前做的一个CSS3时钟教程以插件的形式做成了wordpress的小工具，安装方法和插件一样

将压缩包中的文件传入wp-content/plugins中

启用插件后进入小工具，看见“我的时钟”，将其拖至侧栏

SimpleHome由GreenCatch升级而来，布局还是和从前一样，是一款三栏响应式扁平化风格的主题，并且较之前的基础上做了大量的改动，提升了主题修改的灵活性。

更新说明：

1. 部分界面样式改动
2. 支持后台设置QQ号，微信号，主人姓名，微博秀地址
3. 支持后台选择风格颜色（内置三种配色方案）
4. 将热门标签及最新评论加入小工具，方便顺序调整及显示数量的设置
5. 右侧分类目录增加自定义Font-awesome小图标
6. 增加日志类型的文章，支持天气的选择
7. 增加音频类型的文章
8. 增加Ajax评论
9. 手机下访问增加分类导航选择
10. 调整主题代码结构，增强代码可读性
11. 修正右侧小工具栏样式
12. 新增了一个短码[button],用来定义一个带有链接的按钮，具体示例如[

闲下来的时候就爱捣鼓些小玩意，顺便来一首经典的老歌，随意感受一下^_^，回归正题，今天给大家带来的是一款由CSS3实现的实时时钟（DEMO的链接在文本的末尾），主要的思路是利用css3的transform和animation来实现一个会走的钟摆，那么，为什么会利用到PHP呢？因为要通过animation制作一个指针转动的动画，但是在animation动画中，指针的起始点要根据实际的时间来控制，我们就需要PHP的帮助，通过下面的代码计算出时针，分针，秒针的初始位置:

date_default_timezone_set('Asia/Shanghai');
$sec = date('s');
$min = date('i')+$sec/60;
$hour = date('H')+$min/60;
$hour_deg = floor($hour/12*360);
$min_deg = floor($min/60*360);
$sec_deg = floor($sec/60*360);

很多时候我们会发现Wordpress自带的小工具不能完全的满足我们的需求。这个时候我们就需要动手去制作一个小工具，今天先从最简单的一个小工具——热门标签说起

那么制作小工具，我们需要借住Wordpress的挂件接口，首先，我们要创建一个类

class hotTag extends WP_Widget {...}

这个类是继承自WP_Widget这个类，类名为hotTag（热门标签）

当然光光是这样妥妥的不行，类中分别需要包含如下几个方法

• __construct:构造函数，定义小工具的名称，描述等等
• widget($args, $instance):小工具的输出内容
• update($new_instance, $old_instance):更新小工具的选项操作
• form($instance):小工具的选项处理

接下来我们来看下完整的代码

<?php
 /**
 *
 * 

用了这么久的Photoshop，还是没办法完全掌握PS的快捷键。在优设(uisdc.com)上看到这篇文章，归类的很清楚，和大家分享一下。

PS常用快捷键大全！！！设计师入门级新手大礼包！！还在冒着得鼠标手的危险玩ps鼠标流吗？！还在透过比啤酒瓶底还厚的镜片找工具按钮吗？！何苦为难自己呢，赶紧把这套常用快捷键大全收集起来吧！绝对耍PS的时候，键盘敲得杠杠滴~！

制图作者：@你丫才美工

原文地址：http://www.uisdc.com/photoshop-shortcuts…