2013年五月GBin1月刊

叁歲伎倆 2022-02-02 08:55 306阅读 0赞

2013年五月GBin1月刊

![title.jpg][]

Internet Archive：10PB的数据看起来像什么？

![title.jpg 1][]

[Internet Archive][Internet_Archive]（互联网档案），也称作“网站时光倒流机”Wayback Machine，定期收录并永久保存全球网站上可以抓取的信息。对网站不同时期的历史资料进行研究，是互联网档案最大的价值。 [阅读更多][Link 1]

超棒的CSS3动画页面过渡效果

![title.jpg 2][]

如果你想了解如何构建CSS3的页面动态过渡效果的话，这套CSS3 keyframe的过渡效果演示，肯定能够帮你忙。

[阅读更多][Link 2]

固定背景实现的背景滚动特效

![title.jpg 3][]

分享一个来自corpse的固定背景滚动特效，使用background-attachment: fixed和导航菜单，页面会非常平滑的滚动。

[阅读更多][Link 3]

推荐10款来自极客标签的超棒前端特效\[第五期\]

[![5.jpg][]][5.jpg 1]

本周推荐的10款来自 [极客社区][Link 4]的前端特效！希望大家会喜欢！

[阅读更多][Link 5]

最流行的JavaScript库，jQuery不再支持IE旧版本

![title.jpg 4][]

直到JQuery2.0的发布，流行的jQuery JavaScript库到了一个重要里程碑。2.0版本比前任版本在大小上缩减了12%，但是更大的新闻是，jQuery 2.0不在对IE6，7，8三个版本进行支持。

[阅读更多][Link 6]

来自极客标签10款最新设计素材-系列六

[![1.jpg][]][1.jpg 1]

本周我们推荐来自 [极客标签社区][Link 4]带来的10款免费设计素材，大家可以在这里免费下载你需要的内容。如果你也有更好的作品，欢迎分享到社区中来，在得到帮助的同时，也能与更多人分享来自你的作品。

[阅读更多][Link 7]

支持触摸设备的响应式HTML5音频播放器 - AudioPlayer.js

![title.jpg 5][]

如果你希望开发一款支持响应式的HTML5播放器的话， **[AudioPlayer.js][]**是一个不错的选择。它使用HTML5的audio标签帮助你生成一个支持响应式的音频播放器，不使用任何embed代码，图片或者flash，完全使用CSS定义界面。压缩后的大小只有4KB。

[阅读更多][Link 8]

使用HTML5的Canvas画布来剪裁用户头像

![title.jpg 6][]

本文来自极客标签社区用户 [webgeek][]的一个在线HTML5web开发小技巧，帮助你使用html5的画布功能来切割用户上传的大头照。

[阅读更多][Link 9]

CSS渲染器：将Photoshop Filters效果带入网络

![title.jpg 7][]

Chrome的Canary频道和Sarafi的WebKit nightly build，这两者现在都已经支持CSS渲染器的Photoshop风格混合模式，Adobe将Photoshop样式的过滤工具带入了网络。

[阅读更多][Link 10]

推荐一套幽默的创意设计

![1.jpg 2][]

好的创意加上幽默的设计总能带给人们轻松一笑。在当前快节奏的生活中，我们非常需要这样的内容来缓解我们一天中的疲惫，幽默的插图不需要你动任何的脑筋既可以看出它的幽默所在，这难道不是一种有趣的体验吗？

[阅读更多][Link 11]

CSS伪类的动画和过渡效果应用

![title.jpg 8][]

今天我们分享来自知名前端设计博客tympanus的另外一个实验性质的前端展示，这些在线演示很好的展示了CSS伪类来处理动画和过渡效果的独特之处，相信感兴趣的朋友肯定会觉得非常有兴趣的。

[阅读更多][Link 12]

来自极客标签10款最新设计素材-系列七

[![1.jpg 3][]][1.jpg 3 1]

[阅读更多][Link 13]

响应式的无限滚动全屏dribbble作品集布局展示效果

![title.jpg 9][]

今天分享一个使用jQuery sly插件构建的全屏响应式布局布局效果，支持无限滚动。

[阅读更多][Link 14]

Firefox OS系统开发者手机抢购一空

![title.jpg 10][]

首款Firefox OS系统的移动设备，由西班牙公司 [Geeksphone][]研制，于4月23日正式面世。不幸的是，任何人想要获得为Firefox OS设计的硬件，这款手机已经被 [抢购一空][Link 15]了。

[阅读更多][Link 16]

Chrome扩展：让你使用浏览器打开Office文件

![title.jpg 11][]

Google Chrome OS（Chrome操作系统）的用户长久以来，一直非常享受可以在浏览器中打开微软Office文档。现在，Google对Office的支持不仅是在Chrome操作系统上，同时也在Windows和Mac操作系统上实现了。

[阅读更多][Link 17]

帮助你分析上传图片并且生成颜色搭配方案的在线工具 - pictaculous

![title.jpg 12][]

如果你是前端开发人员或者是设计人员的话，肯定对于颜色搭配不陌生，在这篇文章中我们将介绍一个超棒的在线工具，可以帮助分析上传的图片颜色，并且针对性的生成一系列的搭配方案。

[阅读更多][Link 18]

极客技术专题【004期】：Web开发人员的必备工具 - Emmet (Zen Coding)基本使用......

[阅读更多 ][Link 19]

[title.jpg]: http://www.gbin1.com/tutorials/gbcollection/2013may/title.jpg
[title.jpg 1]: http://www.gbin1.com/internet/news/20130531-internet-archive/title.jpg
[Internet_Archive]: http://archive.org/index.php
[Link 1]: http://www.gbin1.com/internet/news/20130531-internet-archive/
[title.jpg 2]: http://www.gbin1.com/technology/css/20130518-css3-transitions/title.jpg
[Link 2]: http://www.gbin1.com/technology/css/20130518-css3-transitions/
[title.jpg 3]: http://www.gbin1.com/technology/css/20130519-background-scroll/title.jpg
[Link 3]: http://www.gbin1.com/technology/css/20130519-background-scroll/
[5.jpg]: http://www.gbin1.com/technology/javascript/20130520-gbtags-front-end-demo/5.jpg
[5.jpg 1]: http://www.gbtags.com/gb/share/939.htm
[Link 4]: http://www.gbtags.com
[Link 5]: http://www.gbin1.com/technology/javascript/20130520-gbtags-front-end-demo/
[title.jpg 4]: http://www.gbin1.com/internet/news/20130521-jquery-not-support-old-ie/title.jpg
[Link 6]: http://www.gbin1.com/internet/news/20130521-jquery-not-support-old-ie/
[1.jpg]: http://www.gbin1.com/tools/design/20130521-design-freebie/1.jpg
[1.jpg 1]: http://www.gbtags.com/gb/share/587.htm
[Link 7]: http://www.gbin1.com/tools/design/20130521-design-freebie/
[title.jpg 5]: http://www.gbin1.com/technology/html/20130522-responsive-audio-player/title.jpg
[AudioPlayer.js]: http://osvaldas.info/audio-player-responsive-and-touch-friendly
[Link 8]: http://www.gbin1.com/technology/html/20130522-responsive-audio-player/
[title.jpg 6]: http://www.gbin1.com/technology/html/20130523-html5-canvas-crop-avatar/title.jpg
[webgeek]: http://www.gbtags.com/gb/site/webgeek.htm
[Link 9]: http://www.gbin1.com/technology/html/20130523-html5-canvas-crop-avatar/
[title.jpg 7]: http://www.gbin1.com/internet/news/20130524-css-filter-effect/title.jpg
[Link 10]: http://www.gbin1.com/internet/news/20130524-css-filter-effect/
[1.jpg 2]: http://www.gbin1.com/tools/design/20130525-creative-illustrations/1.jpg
[Link 11]: http://www.gbin1.com/tools/design/20130525-creative-illustrations/
[title.jpg 8]: http://www.gbin1.com/technology/css/20130526-css-pesudo-class-animation/title.jpg
[Link 12]: http://www.gbin1.com/technology/css/20130526-css-pesudo-class-animation/
[1.jpg 3]: http://www.gbin1.com/tools/design/20130527-design-freebie/1.jpg
[1.jpg 3 1]: http://www.gbtags.com/gb/share/532.htm
[Link 13]: http://www.gbin1.com/tools/design/20130527-design-freebie/
[title.jpg 9]: http://www.gbin1.com/technology/jquery/20130528-dribbble-responsive-design/title.jpg
[Link 14]: http://www.gbin1.com/technology/jquery/20130528-dribbble-responsive-design/
[title.jpg 10]: http://www.gbin1.com/internet/mobile/20130529-firefox-os-phones-sell-out/title.jpg
[Geeksphone]: http://www.geeksphone.com/
[Link 15]: http://shop.geeksphone.com/en/#buy-it
[Link 16]: http://www.gbin1.com/internet/mobile/20130529-firefox-os-phones-sell-out/
[title.jpg 11]: http://www.gbin1.com/internet/news/20130530chrome-extension-opens-ms-office/title.jpg
[Link 17]: http://www.gbin1.com/internet/news/20130530chrome-extension-opens-ms-office/
[title.jpg 12]: http://www.gbin1.com/tools/design/20130508-color-tool-pictaculous/title.jpg
[Link 18]: http://www.gbin1.com/tools/design/20130508-color-tool-pictaculous/
[Link 19]: http://www.gbin1.com/technology/html/20130505-html5-frameworks-iio-engine/