分享6个非常酷的图片特效(HTML5和jQuery)

在网页世界里,图片毋庸置疑扮演着非常重要的角色。然而我们平时看到的一些图片都只是静态的,或者是一些gif动画图片,今天我向大家分享6个超级震撼的网页图片特效,其中有基于jQuery的,也有基于HTML5的,效果非常的棒。

1、CSS3人物行走动画

这是一个完全用CSS3配合图片实现的人物行走动画,没有用一行JS代码,一起来看看吧,这个行走动画是不是很犀利呢?注意:请用版本比较高的Firefox和Chrome浏览器观看此动画。

2、CSS3机器猫

这是一个用纯CSS3画出来的机器猫,没有加一张图片。值得大家注意的是,这只CSS3机器猫的眼睛还是会动的哦。

3、jQuery乌鸦飞行动画

这是一个完全由jQuery控制的乌鸦飞行动画,通过对飞行参数的控制,乌鸦以不同的方式展翅飞翔,非常有爱。

4、HTML5像素图片动画特效

这是一个基于HTML5技术的图片动画特效,该动画将一张100*100像素的gif图片切合成一个个像素然后随着鼠标的点击,这一个个像素便会分散和聚合,很让人震撼。

5、HTML5绘制人脸特效

这是利用HTML5实现的人脸绘制程序,该人脸绘制程序使用方向键选择人脸的具体信息(上下键选择面部位置,左右键切换某个面部),由于是在Canvas画布上绘制,效果令人十分惊讶。

6、jQuery结合CSS实现的右上角翻页效果

曾经在QQ空间看到过一种广告的展现形式,那就是在页面右上角悬浮一个页角,等你鼠标移上去就像翻书一样把页面展开来,达到显示广告的目的,这种方式对用户来说比较友好,不用强制性去看广告。那么,这种翻页效果是如何实现的呢?今天我就要给大家分享如何实现这种翻页效果。

以上这些图片特效希望大家能喜欢。

内容丰富,亮点在最后—— Google I/O 2012 小结

在 今天凌晨结束的 Google I/O 2012 首日的 Keynote 上,Google 为我们带来了内容丰富的一次主题演讲,包括之前流言盛传的新版本 Android OS 和 Google 自家的 Nexus Tablet,除此之外还发布了 Google+ 的更新以及一款新硬件,而本次发布会最大的亮点在于结尾环节谢尔盖·布林亲自展示的 Google 眼镜(Project Glass)。下面就让我们来细细回味一下这次大会的精彩内容:

新操作系统:Android 4.1 Jelly Bean

相比上一代系统 Ice Cream Sandwich,Jelly Bean 在性能方面大大改善,提供了更流畅的操作体验、更高效的节能以及更高的帧数。

改善并新增的功能如下:

  • 联想输入:Google 改进了 Android 内置的词典,并可以在输入英文时实现联想输入。
  • 离线语音输入:与 iOS 中语音输入需要联网所不同的是, Jelly Bean 支持离线语音输入,这意味着哪怕你的 Android 手机在飞行模式中,同样可以进行语音输入。目前 Android 的语音输入只支持英语,未来将支持更多语言。
  • 新语言支持:添加了 18 种新的输入语言,并改善了阿拉伯语和希伯来语的输入。
  • 照相机:ICS 系统使得 Android 手机照相变得非常快,而 Jelly Bean 系统中用户能够非常快速地浏览照片,并推出了全新的浏览模式——胶卷模式。用户可以通过手指缩放来改变照片在浏览时尺寸的大小。
  • Android Beam:去年随着 ICS 系统一同出现的 Android Beam ,在内置 NFC 芯片的设备上均可使用,用户只需轻轻地碰撞两部均拥有NFC芯片的手机便可轻松传输照片、视频或者进行蓝牙配对。
  • 通 知中心:通知中心是 Android 的标志性功能,Google 自然会不遗余力的开发。Jelly Bean 系统让通知中心更加强大,用户可以直接在通知中心展开短信息、快速回复、设置日历闹钟甚至查看 Google+ 的大图。不仅如此,新的通知中心几乎可以显示任何 app 内的信息。Android 在通知中心上做的确实比苹果要出色的多,这次的升级,又挖掘出了通知中心的很多潜力。
  • 搜索:从 Android 的第一个版本开始,搜索便是核心功能,在 Jelly Bean 上也是如此。如今搜索整合了知识图谱用以展示搜索结果,新的搜索界面非常的简洁,语音输入反应也更加迅速。语音搜索同苹果公司的Siri类似,可以回答用 户提出的问题,例如“机器人是什么意思,太空塔有多高”等。而比 Siri 要更加强大的功能是可以完成语音搜索图片。
  • Google Now:Google Now 是谷歌利用用户的搜索历史、日历等来判断用户接下来要做什么。Google Now 会自动学习用户的时间安排和生活方式,它会在用户离开家要上班时自动显示交通状况,而在用户需要赴约时,它会告诉你如何准时到达目的地。如果你搜索了某个 航班,Google Now 会持续更新这个航班的状态。在体育运动和旅行方面,Google Now 也会根据用户的需要更新信息。

Jelly Bean 的 SDK 今天提供开发者下载,而在 7 月会向 Galaxy Nexus 、Nexus S 和 Xoom 平板提供 OTA 更新。

Google Play 升级

除 了 Android OS 的更新,Google Play 也进行了升级。首先是程序加密功能,Jelly Bean 以后的系统环境下的付费程序都会和设备匹配的密钥,只有下载的那台设备可以安装程序。其次是智能升级功能,应用升级不再需要重新下载完整的新程序,而是只 更新有变动的部分,这将使得安装程序的大小只有原有的 1/3。更可喜的是,这项功能并不是 Jelly Bean 独有,Android 2.3 Gingerbread 之后的系统均支持 App 智能升级。

Google Play 商店如今内容非常丰富,除了应用、游戏,还包括电影、音乐和电子图书。在今天的发布会上 Google 宣布与众多知名娱乐公司进行合作,从今天起在 Google Play 中提供更丰富的电影、电视剧以及电子杂志。著名的杂志将提供 14 天免费的订阅。

两款硬件产品,情理之中与意料之外——Nexus 7与Nexus Q

如同之前的传言一样,今天谷歌发布了由华硕(ASUS)代工的自家平板电脑 Nexus 7 ,旨在让用户充分体验Google Play上的内容。这款盛传已久的硬件产品的参数与此前流传的消息基本一致:1280×800分辨率

  • Tegra 3 四核处理器
  • 12 核GPU
  • 前置摄像头
  • 内置三轴陀螺仪、加速计
  • 支持 Wi-Fi、蓝牙和 NFC
  • 电池可支持 9 个小时视频播放、300 小时待机
  • 重量仅为 340 克
  • 售价为 199 美金

根 据现场的演示,在Nexus 7上阅读Google Play提供的杂志非常舒适,显示效果非常细腻。同样也非常适合观看电影和电视剧,可以从Google Play上下载下来离线观看。Nexus 7 的默认浏览器为 Chrome,此外还有重新设计的 YouTube、最新版本的地图、Currents 以及效果出众的游戏Horn 和 Dead Trigger。

Nexus Q 被 Google 称为是第一款“社交流媒体播放器”(the first ever social streaming media device),它被连接到云端,通过 Android 手机或者平板控制,它可以将云端的电影或歌曲通过电视播放出来,也可以在 Android 设备上观看,同时 Nexus Q 也支持独立的音乐播放。Nexus Q 售价 299 美元,将于今年 7 月份上市。

一周年庆生——Google+ 登陆平板电脑

在 Google+ 推出一年后(今天是 Google+ 一周岁生日),用户数量达到了 2.5 亿,月活跃账户达 1.5 亿,50% 的用户每天都会登陆并且使用超过 60 分钟。

在推出了桌面版和手机版的 Google+ 客户端之后,今天 Google 又推出了平板电脑版本的 Google+ ,并称之为最棒的 Google+ 版本。从今天起Android 的平板电脑便能体验该版本的 Google+ ,很快 iPad 也将获得支持。

平板电脑版本的 Google+ 拥有更漂亮的信息流呈现方式、视频群聊功能、更清爽的文字、更完整的图片以及更加便捷的操作。
所有这些特点不仅支持平板电脑版的 Google+,也从今日起被添加到手机版本中。

为 了更好地让用户记录下与朋友们的派对时光,Google 推出了 Google+ Events 。在派对开始前,可以发送如同电影画面般精致的邀请给朋友,并与 Google 日历结合起来,通过 Google+ 你就能完成派对的邀请。在派对进行中,Google+ Events 的 Party Mode 可以提供一个页面来浏览所有人在派对中拍摄的照片,而不会再让首先拍照的人的照片落到页面的底部去。派对结束后,Google+ Events 会向来宾索取照片或视频,并以时间顺序排列出来。

万众瞩目的未来设备—— Google 眼镜(Project Glass)

在 Keynote 的最后环节,Google 联合创始人谢尔盖•布林戴着 Google 眼镜(Project Glass)登台亮相,在正式场合向公众介绍了此前流传了各种信息的 Project Glass 。为了展示这款前所未有的颇具未来感的设备,Google 的工程师也是戴上了 Project Glass 从大会现场所在的建筑物上空跳伞而下,在降落在建筑物顶部后,骑着自行车进入会场,而整个过程都由 Project Glass 进行了“现场直播”。

Project Glass 项目从两年半以前开始进行,为了使任何人在大多数情况下能够使用这款眼镜,它的设计采用了非对称的设计。
布林在谈到为什么要将这款秘密研发的设备公开时提出了三点原因:

  • 一是它足够吸引人;
  • 二是因为他们不知道如何形容,且开发者们无法体验;
  • 三是因为 Google 团队人数有限,他们能够尝试的功能很有限。

Google 眼镜内置了 CPU 和其他的传感器,同时还加入摄像头、麦克风来拍摄照片和视频。这些元件都被置于在右边的镜架上,Google 表示即便是加入这些元件,Google 眼睛仍然能保持轻质,甚至比一些太阳眼镜要轻。从发布会现场来看,谷歌眼镜将会有多种配色,以方便人们搭配不同的服装。

这可能是本次发布会最大的惊喜,Google 宣布面向美国的到会 I/O 的参与者推出了 Google Glass Explorer Edition 的预订,预订价格为 1500 美金,将于明年早些时候出货。

今 天的发布会可谓是内容丰富、亮点不断的一场盛会,从视频直播中看到现场的参与者热情很高,并不断地对现场的产品展示抱以掌声。有较大改进的 Jelly Bean 操作系统,新硬件 Nexus 7 和 Nexus Q,升级的 Google Play Store 和 Google+,以及最引人遐想的 Google 眼镜。

相信很多人都会对 Google 眼镜不公开发售感到非常遗憾,但是没有关系,以 Google 的研发能力和对产品进行迭代更新的速度,相信不久的将来,我们就可以使用更先进、用户体验更好的智能手机操作系统,同时也能戴上富有科技感的 Google 眼镜来记录我们的生活。

中国大陆开源镜像站汇总

1.企业贡献:

搜狐开源镜像站:http://mirrors.sohu.com/

网易开源镜像站:http://mirrors.163.com/

2.大学教学:

北京理工大学:
http://mirror.bit.edu.cn (IPv4 only)

http://mirror.bit6.edu.cn (IPv6 only)

北京交通大学:
http://mirror.bjtu.edu.cn (IPv4 only)
http://mirror6.bjtu.edu.cn (IPv6 only)
http://debian.bjtu.edu.cn (IPv4+IPv6)

兰州大学:http://mirror.lzu.edu.cn/

厦门大学:http://mirrors.xmu.edu.cn/

上海交通大学:
http://ftp.sjtu.edu.cn/ (IPv4 only)
http://ftp6.sjtu.edu.cn (IPv6 only)

清华大学:

http://mirrors.tuna.tsinghua.edu.cn/ (IPv4+IPv6)
http://mirrors.6.tuna.tsinghua.edu.cn/ (IPv6 only)
http://mirrors.4.tuna.tsinghua.edu.cn/ (IPv4 only)

天津大学:http://mirror.tju.edu.cn/

中国科学技术大学:
http://mirrors.ustc.edu.cn/ (IPv4+IPv6)
http://mirrors4.ustc.edu.cn/
http://mirrors6.ustc.edu.cn/

西南大学:http://linux.swu.edu.cn/swudownload/Distributions/

东北大学:
http://mirror.neu.edu.cn/ (IPv4 only)
http://mirror.neu6.edu.cn/ (IPv6 only)

电子科技大学:http://ubuntu.uestc.edu.cn/

青岛大学:http://mirror.qdu.edu.cn/

百度发布网页搜索反作弊公告 “转载门”将远去?

百度针对6.22和6.28事件又出措施,今天(7月2日)百度发布网页搜索反作弊公告 。公告称,百度鼓励各站长原创优质内容,对于作弊/低质量内容将严肃处理。公告原文如下:

亲爱的站长们:

大家好。

最近网上在沸沸扬扬的讨论6.22和6.28事件,我们觉得有必要在此说明一下发生了什么事情。

为了提升百度用户的搜索体验,让互联网生态圈健康发展,我们在近期更新了部分反作弊策略和特征,这些策略在6月21日晚逐渐生效。本次更新针对低质量站点在搜索结果中展现较多的情况进行了控制;低质量站点是指:无原创,或者伪原创(很少原创内容,大量采集的内容或机器生成/修改的内容);这部分站点并非为最终用户所设计,而只是为了从搜索引擎获取流量。

由于众所周知的原因, 我们无法提供这次更新的策略细节。

在我们的评估中,本次升级将会影响5%的搜索流量。对普通用户来说:搜索体验将得到提升,相比之前,受影响的Query将会呈现出更高质量,更权威的结果;对提供优质、原创资源的站长来说,因为我们降低甚至清除了低质量站点的排名,你们将从百度得到更多的流量。

虽然我们的策略已经达到了非常高的准确率,但仍然难免有误伤的情况出现, 如果您确信你的站点被错误的处理, 请通过http://tousu.baidu.com/webmaster/suggest渠道进行反馈。虽然我们无法对反馈一一进行回复,但对于每一个线上反馈,都会认真仔细的分析,并将分析结果体现到下一次升级中。

在此,重申百度的立场:为网民提供高质量结果;确保互联网生态圈健康发展;因此我们鼓励原创优质内容(意味着更多的流量回报),对于作弊/低质量内容绝不姑息。我们会不停的更新整个排序系统,确保它立场正确。

本次更新是一系列项目的开始,以后百度反作弊策略和数据的重大更新,都会通过站长平台通报;不久之后再见。

百度网页搜索反作弊团队

为程序员准备的7个国外社交网站

Forrst
Forrest是为开发人员和设计师提供的一个新兴的地方,在这里可以分享代码和截图以及链接,启发你的灵感。如果你曾想为你的一块代码获得一些专业实诚 的建议;如果你在几个logo中没法做出决定的时候,Forrst正好适合你。此社区正处扩张期,仍然以邀请的方式注册,但我还是强烈推荐给你,没有什么 比在这个全新的站点受欢迎更好的事了。

Twitter
如果你仍然认为Twitter只是一个提供给小女孩讨论关于贾斯汀比伯发烧友的推文的地方的话,或许你这么想也是对的,但除此之外,软件开发者在这里分享 他们一些有趣的产品和最新的趣闻。Twitter是我了解新闻的汇集地,如果有看到同样的故事被多个人推送,通常我会进一步研究,如果你关注对了人的话, 推文无疑是一种很重要的保持联系地方式。

Blog
现在估计你会说”疯了吧,我不想拥有博客,我不是那种喜欢分享一切甚至将来死了还希望能有一部电影是写关于自己的时髦人。虽然博客是有特定类型的人做白日 梦的地方,但它仍然允许你分享一些很酷的东西。这是记录你作为程序员生涯和人类生存的整个过程,甚至能够为你的未来开启一扇大门。

Github
你的代码保存在硬盘上不让任何人使用那将会发生什么事情呢?它永远也不会被运行或者用于其他用途,在我的思维中这是一种彻彻底底的失败,上Guthub,把你的代码免费公开出来,同时是一种学习新事物的好方法,现在就选择一门熟悉的语言开始阅读吧。

Stackoverflow
你是属于那种问一大堆问题然后期待答案的那类人吗?Stackoverflow这个最优秀的Q&A站点开始出现在网络上,它有各种姊妹站点,想知道更多关于食谱、编码、Ubuntu、或者即使是新事物。这里有海量的知识库,我推荐给任何想知道更多东西的开发者。

HackerNews
你有想过大批聪明的开发者愿意发送技术文章和趣事链接到新闻站点上吗?准备一天花费一小时轻松点击刷新,赶紧检查下吧。

Reddit
现在你可能认为Reddit主要是用于查找有关猫的一些趣图和利用人性弱点制造娱乐的地方,然而有大批的开发者开始在讨论各种搞破坏的开发,在subreddit还能找到更多的方法。

CoderWall
我知道我说了7种但是不能遗漏coderwall,我们喜欢竞争,记录一些成就,CoderWall为我们提供了这样的平台。他们最近发布一个新的描述页面,看起来很棒,试试吧。
 
原文:Mahdi Yusuf   编译:伯乐在线 –刘志军