算是声明吧

发表于 2011-05-27 | 更新于: 2014-07-22 | 分类于我说

反反复复，总是觉得没有激情再把日志写下去了。但是想到自己付出快一年的心血又觉得不忍心啊！原本打算利用写博客指望赚到每一年域名和空间的费用，可是这一年下来我证明我错了，大多数人喜欢来了看一眼博客然后就走掉。

写博客这一年google adsense 大概也就赚到了5美元！

以前大多写的是分享的东西，没有多少真正属于自己的东西，但是我想从以后应该不一样了吧。我还是决定把博客走技术路线了。不在乎太多，而且现在现在这个博客和域名到底是买国外的，还是使用学校的我有的一个二级域名，我也没有想好！

毕竟使用学校的不需要钱，但是又要受到和。谐啊！

我想给大家看一个最近做的东西，基于地图的小小伪原创的东西：

希望大家支持吧：http://wxmedia.cdu.edu.cn

Html5+CSS 3实现Cover Flow 动画特效(支持chrome、safari浏览器)

发表于 2011-04-12 | 更新于: 2014-07-22 | 分类于编程之美

更新：已经加入了javascript，现支持图片之间进行动态切换，大家enjoy吧！

下面将要给大家演示的这个东西，算是这几天的一个小小的成果吧，不过目前仅仅是静态的实现，还没有对其加上javascript 等控制。但是这个动画相比传统动画有一个很大的优点就是，动画的内容组成是可以是DIV，因此里面包含的内容可以是canvas 或者图片，甚至可能视频，等等，目前我还没有测试。理论上可以放进DIV 的东西都可以放到动画里面去。

这个动画其实最关键的部分就是使用了一个最新的CSS 3 属性 animation，目前仅有webkit核心的浏览器支持这个特效。

而在本动画中涉及的有：（动画的声明）

-webkit-animation-name:junv; //动画名称

-webkit-animation-duration:4s; //动画循环时间，单位为秒

-webkit-animation-iteration-count:infinite; //动画播放次数，infinite 表示无线循环也可以饿确定的数字

注意：这里的” // ” 并不是CSS 的注释，这里这样写，只是为了方便。下面一样，不再重复说明。

@-webkit-keyframes’junv’{

from{

}

to{

}

}

上面的是动画的默认形式，

@-webkit-keyframes’junv’{

<div>
  from{           //设置动画起始状态的CSS
</div>

<div>
</div>

<div>
  top:15px;
</div>

<div>
  left:-160px;
</div>

<div>
  -webkit-transform:   rotate(7deg) scale(0.4,0.75) skew(12deg,8deg);
</div>

<div>
</div>

<div>
</div>

<div>
</div>

<div>
  }
</div>

<div>
  40%{
</div>

<div>
  //这是动画过程中 CSS ，  百分之多少，大家可以可以根据自己需要任意设置，数量也不限，设置得越多，对动画的人为控制也越多。
</div>

<div>
  top:62px;
</div>

<div>
  left:230px;
</div>

<div>
  -webkit-transform:  rotate(0deg) scale(1,1) skew(0deg,0deg);         //设置设置对象的形态， rotate 是旋转，跟的 单位度数，可为负数
</div>

<div>
  //scale 是放缩，分别对 x,y方向放缩倍数
</div>

<div>
  //skew 是旋转，即x轴方向旋转多少，y轴旋转多少 ，单位为度
</div>

<div>
  }
</div>

<div>
  70%{
</div>

<div>
  top:62px;
</div>

<div>
  left:230px;
</div>

<div>
  -webkit-transform:  rotate(0deg) scale(1,1) skew(0deg,0deg);
</div>

<div>
  }
</div>

<div>
  100%{
</div>

<div>
  top:12px;
</div>

<div>
  left:580px;
</div>

<div>
  -webkit-transform:  rotate(-7deg) scale(0.4,0.75) skew(-12deg,-8deg);
</div>

<div>
  }
</div>

<div>
  }
</div>

这是具体在这个页面里面的代码。

下面稍微解释一下，我之所以设置40%，和70%状态一样，为为了，让整个动画，可以在中间位置停留更长的时间。

其他的东西先不多说了，我要回寝室睡觉了，大家有什么不懂的，或者想讨论的留言吧。！

示例（demo）：点我进入

Javascript DOM编程艺术中文PDF下载

发表于 2011-04-12 | 更新于: 2014-07-22 | 分类于 IT书籍

由于115网盘关闭公开下载了，所以不能再提供网盘了。如果有需要的同学请留邮箱吧，我会把电子书发给你的。！

最近一直在学习CSS3和HTML5 做前台的东西，大概做了一个类似于动画的东西，我可能会稍后给大家分享一下吧。

还是稍微介绍一下这本书吧，这本书，好像是07年出版的，虽然年代已经有几年了，不过内容倒是挺经典的。这本书我个人认为更加适合没有javascript 惊出或者对javascript有一些，但是不太多认识的人。

全书一共分为12个章节：

第1章 JavaScript简史

第2章 JavaScript语法

第3章 DOM

第4章案例研究：JavaScript美术馆

第5章 JavaScript编程原则和良好习惯

第6章案例研究：JavaScript美术馆改进版

第7章动态创建HTML内容

第8章充实文档的内容

第9章 CSS-DOM

第10章用JavaScript实现动画效果

第11章学以致用：JavaScript网站设计实战

第12章展望DOM脚本编程技术

看完这本书，你就会觉得，作者真正做到了，使用最简单的语言来描述其他人可能会用很复杂的语言来描述的东西，我相信大家看了一定会喜欢这本书的。

注：如果你可以，请购买正版，附当当网购买链接：点我

下载地址：网盘下载

>
>

</del>

一个好的礼物——希望对你有所触动

发表于 2011-04-04 | 更新于: 2014-07-22 | 分类于视频/音乐分享

搞IT的同学，平时还是多多休息一下吧，其实身边还有很多东西值得我们去看，去学。

希望大家看后有所感触吧。不要等到我们不健康的那一天才去找回那些失去的美好。珍惜身边的一切。
这个视频来自TED

视频下载：点我下载（请使用电驴或者迅雷复制链接下载）

《BBC 中国人要来了》(BBC The Chinese Are Coming)

发表于 2011-03-27 | 更新于: 2014-07-22 | 分类于视频/音乐分享

很久没有分享关于电影或者影视之类的东西了，今天给大家分享一个纪录片，是英国BBC做的关于中国的。

这个纪录片是BBC做的主要内容是讲关于中国崛起和中国改变世界的格局，里面的记者穿越非洲，南美洲和北美洲通过一些例子去说明这个问题。

这个纪录片一共两集，每集约60分钟。

我个人看了这个纪录片有以下一些想法：

这个纪录片是外国人拍的，一个世界上的大国英国，我个人觉得这个纪录片最终拍出来还是不是很客观的说明一些东西。

这个纪录片反映了中国的强大，和中国的商品和商人正遍布非洲和南美洲这些新兴市场。

里面讲的有一个观点就是，中国的商品正以廉价占领市场和对当地的商品造成打击。

个人看了这个电影还是感触很多的，只是有一些想法不方便分享出来。有些愤青。大家自己看看吧。不管怎么样，还是挺不错的这个纪录片。

下载地址：打包下载（请使用迅雷，电驴复制链接）

下载资源来自：http://yyets.com/showresource-juji-798.html

Omegle——Talk to strangers！和全世界的陌生人聊天

发表于 2011-03-26 | 更新于: 2014-07-22 | 分类于我们爱分享

各位同学平时一般都是和QQ好友之类的聊天吧（就是需要首先添加为好友才可以聊天），大家也都是和中国人聊天吧？各位有没有想过和全世界的陌生人一起聊天，可以不用留下任何信息，如果你愿意你还可以喝外国朋友视频聊天。

和你上面看到的一样，今天给大家分享的就是这样一个网站——omegle，你可以直接进入网站和上面在线的外国朋友一起聊天，当然里面也可能碰到中国的朋友，因为和你聊天的人都是网站服务器随机匹配的。

当然为了更加国际化，那么大家几乎都是使用英语交流，至少在你们没有发现对方也是使用中文之前吧。
当然面对对方所问的问题，你都可以随意说，因为大家谁都不认识谁，而且你也没有留下任何可以找到你的信息，如果你愿意。
还可以在线使用视频和外国朋友聊天。
如果你不喜欢和你聊天的朋友，你可以直接将他PASS掉，给你主动权，当然别人也可以将你PASS掉。
最后你可以保存你们聊天的内容，遇到聊得来的朋友，可以留下自己的联系方式多为MSN，或者E-mail.

以下是笔者通过在这个网站和外国朋友聊天得到的一些感触吧：

很多人喜欢一来就问你ASL，A代表age年龄,S代表sex性别,L代表location代表所在地即国家城市。
如果遇到台。湾的朋友，不用过于纠结在政。治问题上，否则会很扫兴的，上面的台湾朋友不少，我就在上面认识了几个。
有些国家的人有些瞧不起中国人，如果听到你是中国人而且你还是个男生，可能会立刻PASS掉。
视频的话，可能会遇到露阴狂，我曾经遇到过，希望大家注意吧。

点击进入：omegle

web 开发者必备的几款google chrome app

发表于 2011-03-21 | 更新于: 2014-07-22 | 分类于酷玩软件

博客还是要继续的，只是鄙人有点懒惰，还有点懈怠，而且有时候也是真的不晓得该写些什么好。今天还是分享好东西，google chrome 浏览器的app应用，不过这次是针对web 开发人员或者相关童鞋的，很不错的哦！

Firebug Lite for Google Chrome

这个插件大家应该很熟悉吧，最初是在firefox上的，也是因为这个可能不少童鞋选择使用firefox吧，不过现在firebug 也出chrome版本的了，在浏览器里面调试网页和web应用的童鞋有福了，其实我个人倒也觉得google自己自带的开发者工具也已经很强大了。不过还是萝卜白菜各有所爱吧。起功能就不用我具体说明了吧！

Eye Dropper

这是一个很小巧的网页拾色工具，使用它你就可以获得任何网页任何图片任何区域的颜色，我个人觉得这个很方便吧。值得一用。

Web Developer

这样一个插件不知道各位哦有没有使用过啊，我还是稍微详细得说一下吧（天哪，这个功能太多太多了，我觉得比神马付费的开发工具都强太多了，功能都多到我都说不清了。）

可以控制和分析CSS,你可以选择编辑或者查看css,以及屏蔽掉所有的CSS 属性。

关于表单form详细的应用，你可以将表单的提交方法在GET和POST间切换，总之关于表单的还有很多功能，各位自己试用吧。

关于图像，太强大了，可以查到网页所有图片的路径（在网页不允许你下载图片的界面是不是很爽呢?哈哈），可以屏蔽背景图片，显示图片的属性，隐藏所有的图片等等。

信息功能，你可以查看网页的很多信息，比如所有链接去详情，以及各个元素所处的选择器内，查看网页所有的javascript

同样可以实现网页拾色功能，已经为图片或者某个页面曲面测量大小。

可以随意设置网页显示的大小，这个功能可以模拟某些固定的页面显示，以适应不同分辨率的显示器

还可以Validate html 、css、feed等等，功能

本同学现在越来越觉得它太强大了。强烈严重推荐各位同学去使用一下。