::枫影居::windyshade.com

转眼已经一年过去了，去年在webrebuild年会学到不少东西啊，不过去年我是在广州网易大厦参加的，今年就可以在深圳站参加喽～！

各位童鞋如果对于前端有兴趣的话可以点击下面的链接报名哦，活动现场有牛人作演讲，而且还有得抽奖哦，我去年就抽中了QQ年费会员哈^_^

最近稍微玩了一下CSS几个有用的新特性，

.box:hover{
/* 这里的all是指适用在所有效果，如果想只适用width或者height，直接替换即可，多个效果用“,”隔开 */
    -moz-transition: all 800ms;
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    -ms-transition: all 800ms;
}

.example:hover .translate{
/*这里示例的是2D的translate，参数为x,y，如果用3D则translate3d(x,y,z)，但目前只有webkit支持3D*/
-moz-transform: translate(500px,0);
-webkit-transform: translate(500px,0);
-o-transform: translate(500px,0);
-ms-transform: translate(500px,0);
}

.rotate:hover{
-moz-transform: rotate(720deg);
-webkit-transform: rotate(720deg);
-o-transform: rotate(720deg);
-ms-transform: rotate(720deg);
}


今天折腾了好久这玩意儿，本地测试失败但是服务器端可以运行=_= 记下来权当备份吧。
一、配置服务器
首先，在apache里面的conf目录下找到httpd.conf文件，把
LoadModule rewrite_module modules/mod_rewrite.so
一行前面的#号去掉，打开rewrite_module模块。
然后，确认

<Directory “E:/xampp/htdocs”>
AllowOverride All
Order allow,deny
Allow from all
</Directory>

二、准备.htaccess文件
在你的站点目录下，找到或者新建一个.htaccess文件，在win下命名会有点麻烦，自个儿慢慢折腾呗，用命令行进行重命名会比较简单。
然后在这个.htaccess文件里面，我们开始写入URL重命名规则。
比方说我们有

http://localhost/old.php?val=88

这样的URL,要改成

http://localshot/test/88

这样类型的URL，那么就这么写：

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^test/([0-9]+)$ old.php?val=$1 [L]
</IfModule>

其中，
RewriteRule ^test/([0-9]+)$ old.php?val=$1 [L]
一句，“old.php?val=$1”是原来的URL，“^test/([0-9]+)$”是你想要改成的URL的正则表达式。
想要更深入研究rewrite模块，可以参考这个网址：初级URL重写指南 http://lamp.linux.gov.cn/Apache/ApacheMenu/rewrite/rewrite_guide.html

事实上HTML5已经火了挺长一段时间了，惭愧得很，一直没怎么去学因为自己写的page还木用到HTML5.

这本书是在神飞童鞋的博客看到的，这是原文地址： http://www.qianduan.net/html5-book-recommendations.html

昨晚看了一下这本并不算厚的书，越看越觉得惭愧，确实如书中所说“Web的任何东西只要深入了都是复杂的”，所以许多不把HTML当做计算机语言的要注意了，HTML5其实是简单并且复杂的语言。

其他的不多说了，我打算接着买神飞童鞋推荐的《HTML5高级程序设计》，卓越的目前没货，china-pub和当当有。

很长一段时间没怎么学新的东西，惭愧至极，惭愧至极，嗯，发完博文要好好学，*_*（星星眼

在firefox上已经习惯用vimperator了，到了chrome上没有觉着怪怪的。以前有一个叫vimlike的扩展，但是用起来很不爽，刚装了不到5分钟就删了，后来发现一个virome的很不错但是不能自定义快捷键也不爽，所以今天就火星了一把，把偶然发现的vimium装了一下并且改了一下快捷键，嘿，终于找回vimperator的感觉了～！不过毕竟不是真的vimperator，不能够用”:”直接输入指令，不过剩下的快捷键也足够用了。下面贴一下我改的代码：

map n previousTab

map m nextTab

map K scrollPageUp

map J scrollPageDown

其实vimium是我在搜索vimperator配置文件位置的 时候偶然在这里看到的。

所以要感谢一下 @houqp 童鞋～

不过他的修改代码可能是旧版本的，新的版本已经不用<c-xxx>了，直接map就OK了，呃。。。毕竟不是vimperator啊

FF启动速度是出了名的慢，平时已经忍够了，今天忍无可忍，试了多种方法改进FF的启动速度。什么preloader啦tweak啦改参数什么的都试过了，效果都不明显，最后还是不得已把Add-ons都给精简掉了，只剩下几个实在精简不了的。这里就顺便推荐一下： Read more…

今天去了webrebuild的年会，讲的挺不错，收获颇丰。而且还斩获了一小礼品和一年QQ免费会员。不过杯具鸟，枫影本来就长年不上Q，给我也没啥用=.=

晒两张图，今天实在太累了，明天再写笔记之类的。我的twitter上有直播，@mapleshadow，或者直接#webrebuild，基本上对哦是我发的。本来就没啥人上推，而且现场又有网易微博直播，twitter上的#webrebuild基本全是我发的。杯具。

嘿嘿，今天收到webrebuild的邀请函喽，可以去听演讲喽，跟一个同学一起去，哈哈，希望能有所收获啊～

报名参加了webrebuild的第四届年会，不知道会不会收到邀请邮件呢，上帝保佑我吧，很想去看看啊～

今天在reader里看到google fonts服务启动的消息，枫影激动得内牛满面呀～！

于是晚上下课后回到宿舍，立马就去试了一下google fonts，感觉加载速度很快，而且如果在某些情况下连不到还可以使用自定义的备选字体，很不错～！目前google只提供18免费字体，以后会接着增加字体，都是免费的。希望google以后能多出点中文字体，无论如何，google的字体服务可真是全世界网页设计师的福音呀～！！

具体使用为：

1、在你的网页head里以link导入google font为css如：

<link href=’http://fonts.googleapis.com/css?family=Cantarell’ rel=’stylesheet’ type=’text/css’>

这里，family=Cantarell表示载入Cantarell字体。

然后，再在你的CSS文件里面写入：

{font-family: ‘Cantarell’, arial, serif; }

这样就行了。

下面是我写的一个DEMO，测试了google提供的3种英文字体。目前google没有提供中文字体，让我们好好期待吧，如果免费的文泉驿能上就好了。

废话不说，上链接：

http://www.windyshade.com/wp-content/wh-demos/google-fonts/demo.html

附源码下载：
猛击下载源码

更多内容请参看：http://code.google.com/apis/webfonts/