# 大染志
Go, JavaScript, Ruby on Rails, Java,Docker, CI, CD, Photography

0%

## 算是声明吧

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

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

Posted on 2011-04-12 Edited on 2014-07-22 In 编程之美

> 更新：已经加入了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下载

Posted on 2011-04-12 Edited on 2014-07-22 In 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脚本编程技术

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

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

> 下载地址：网盘下载

> >

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

Posted on 2011-04-04 Edited on 2014-07-22 In 视频/音乐分享

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

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

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

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

Posted on 2011-03-27 Edited on 2014-07-22 In 视频/音乐分享

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

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

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

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

> - 这个纪录片是外国人拍的，一个世界上的大国英国，我个人觉得这个纪录片最终拍出来还是不是很客观的说明一些东西。
> - 这个纪录片反映了中国的强大，和中国的商品和商人正遍布非洲和南美洲这些新兴市场。
> - 里面讲的有一个观点就是，中国的商品正以廉价占领市场和对当地的商品造成打击。

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

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

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

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

Posted on 2011-03-26 Edited on 2014-07-22 In 我们爱分享

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

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

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

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

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

> ## 点击进入：omegle

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

Posted on 2011-03-21 Edited on 2014-07-22 In 酷玩软件
博客还是要继续的，只是鄙人有点懒惰，还有点懈怠，而且有时候也是真的不晓得该写些什么好。今天还是分享好东西，google chrome 浏览器的app应用，不过这次是针对web 开发人员或者相关童鞋的，很不错的哦！
Read more »

## CSS3 for web designers [PDF]下载

Posted on 2011-03-15 Edited on 2014-07-22 In IT书籍
最近在看css和javascript方面的书籍，不过最新的CSS3几乎找不到什么参考书，只能在网上找到零星的资料。中文资料就更是少了，笔者最近在网上找到一本比较好的CSS书籍——CSS3 for web designers（不过是英文版本的，希望各位将就看吧！）
Read more »

## chrome 阅读文章app——ireader:给你更好的阅读体验

Posted on 2011-03-13 Edited on 2014-07-22 In 酷玩软件
又有几天笔者没有认真更新博客了，自己有些事需要处理吧，老实说看着自己博客的这个样子有时候性质很高，但是有时候又感觉没有动力。不过我还是会继续更新的。今天给大家分享的还是关于google chrome浏览器的东西，一款阅读app ——ireader.
Read more »

## 不好意思！博客被黑了，内容丢失了。

Posted on 2011-03-13 Edited on 2014-07-22 In 我说

RT，也许今天下午太黑暗了，我的博客被黑了，而且数据全被删了，虽然我还原了单身3月一号以后的文章的图片还是丢失了，我现在也不想在我的电脑上去找。

下午踢足球脚光荣负伤了，很痛，今天晚上特别痛。不知道今天晚上会不会因为这个而失眠。

如果明天早上还是很痛，就只有不去上课了，

可是还要想一个很重要的东西，或者说要做出一个原型！

大家也多注意点安全，

这几天都知道地球活动有点剧烈。

希望各位同学都平平安安的，春天来了，一定要多去耍耍！