2013年六月GBin1月刊

2013年六月GBin1月刊

超酷的图片标题悬浮特效

在这一套前端特效欣赏中，我们介绍来自tympanus的一套超酷的图片标题悬浮特效，你可以使用这种方式更加有效的介绍或者说明图片的相关内容和信息。 阅读更多

在线帮助你修改图片背景的工具 - Clipping Magic

如果你是美工或者前台设计师的话，肯定需要常常处理透明背景图片的问题。今天这里我们介绍的这款web在线工具 -  Clipping Magic，可以帮助快速的去除指定图片的背景，相信如果你不想自己使用PS处理的话，肯定会喜欢使用这款懒人工具！ 

阅读更多

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

本周，我们带来了 极客社区推荐的10款前端特效，非常有趣的小游戏和页面生成。希望可以带给大家一些不同以往的更好的体验效果。

阅读更多

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

heliom是一个设计简单大方，并且线条清楚的网站设计，拥有非常棒的水平导航，并且支持动态的导航特效，内容非常直观和漂亮，相信大家也会喜欢！

阅读更多

前端性能优化：DocumentFragments或innerHTML取代复杂的元素注入

我 们的浏览器执行越来越多的特性，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。前端给力的地方是可以有  许多 种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你9种代码小技巧，只需要一分钟，就可以优化你现有的代码。

阅读更多

超棒的JS移动设备滑动内容幻灯实现 - Swiper

如果你需要一款帮助你实现手机或者移动设备上内容幻灯实现的JS类库的话 ，  Swiper是一个不错的选择，它不依赖于任何第三方的类库。因此体积非常小，适合运行在移动设备上。拥有非常完整的自定义选项，并且支持很多不同的幻灯展示，在线演示非常全！

阅读更多

面对不同类型老板，你该怎么办？

我发现大多时候，老板因为销售的营业额是公司的重中之重，所以他总是看上去与销售部门的同事的关系最好。但是一旦你触动了你老板的底线，没有按照他的意愿进行着，那么可能你已经处于一个危  险的时刻，爆发则随之而来。

阅读更多

浏览器开发调试工具的秘密 - Secrets of the Browser Developer Tools

如果你是一个前端开发人员的话，正确的了解和使用浏览器开发工具是一个必须的技能。

阅读更多

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

本周，我们带来了 极客社区推荐的10款前端特效，非常有趣的小游戏和页面生成。希望可以带给大家一些不同以往的更好的体验效果。

阅读更多

前端性能优化：高频执行事件/方法的防抖

 通常，开发人员会在有用户交互参与的地方添加事件，而往往这种事件会被频繁触发。想象一下窗口的resize事件或者是一个元素的onmouseover事件 - 他们触发时，执行的非常迅速，并且触发很多次。如果你的回调过重，你可能使浏览器死掉。 

阅读更多

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

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

阅读更多

7款拥有超酷设计灵感的动态网站设计

在设计领域，每年都有不同的设计趋势和潮流，比如近几年的 响应式设计，还有 扁平化设计，都无时无刻不冲击和影响着我们设计的角度和方向。在今天这篇文章中，我们精选了一些超棒的 创意网站设计，希望大家能够喜欢！ 

阅读更多

前端性能优化：网络存储的静态缓存和非必要内容优化

Web Storage 的API曾经是Cookie   API一个显著的进步，并且为开发者使用了很多年了。这个API是合理的，更大存储量的，而且是更为健全理智的。一种策 略是去使用Session存储来存  储非必要的，更为静态的内容，例如侧边栏的HTML内容，从Ajax加载进来的文章内容，或者一些其他的各种各样的 片断，是我们只想请求一次的。

阅读更多

JQuery插件：动态列和无间隙网格布局Mason.js

JavaScript提供很多强有力的方案，解决动态列的网格布局（例如：Pinterest）。这些方案很有效，但是，有时候，会造成网格的间隙或粗糙的边缘。 Mason.js是一个jQuery插件，巧妙地填充了这些间隙。

阅读更多

最原始网站回归网络

二十年前的今天，CERN发布声明，让世界万维网面向所有人。为了庆祝这历史性的一刻，CERN决定将最早出现的网站重新上线，并沿用其最初的URL。

阅读更多

WorldWideWeb浏览器

最 早的网络浏览器 - 浏览器编辑器 -   被叫做WorldWideWeb，即万维网。他是写于1990年，而他也是当时唯一的浏览网的途径。很久以 后，为了区分程序和抽象信息空间（现在的拼写改  为了World Wide Web，在三个单词间加了空格）的概念，它才被改名为Nexus。

阅读更多

支持Lazy loading的图片画廊jQuery插件 - Least.js

Least.js是一个jQuery开发的图片画廊，可以用来展示Pininterest风格的图片布局，它将无需的列表项目通过随机方式来加载。如果你点击任何图片的话，并不显示一个更大版本的图片，而是滑动其它的图片，在顶端生成更大的图片，类似Google图片搜索风格。

阅读更多

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

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

阅读更多

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

本周，我们带来了 极客社区推荐的10款前端特效，非常有趣的小游戏和页面生成。希望可以带给大家一些不同以往的更好的体验效果。

阅读更多

帮助你生成超酷计时器和时钟效果的jQuery插件 - FlipClock.js

FlipClock.js 是一款功能强大并且支持自定义的时钟和计时器的jQuery插件，和其它的jQuery时钟插件不同，它拥有更强大API帮助你生成自定义的效果。

阅读更多

可视化查看浏览器特性支持的网站应用 - btoe.ws

btoe.ws是一个可以帮助你更加直观的查看不同浏览器特性兼容性的网站应用，你可以很直观的通过选择浏览器支持特性来查看不同浏览器针对特定特性的支持情况，绿色代表支持，红色代表不支持。生成的图形将会非常详细的列出不同浏览器不同版本的支持情况！

阅读更多

帮助自动生成页面任何元素的Label的CSS类库 - Label.css

如果你需要针对页面任何元素生成说明性文字的话，Label.css是个不错的选择，它是用纯CSS的代码帮助你添加页面元素的说明性文字或者打一个标识。

阅读更多

拥有超过1200个PNG格式图标的免费图标集 - Cosmo Mini

Cosmo Mini 是一套包含有1262枚扁平设计风格的图标集，包含了不同的类型（设备，文件类型，行为，徽章，食品等等），格式为PNG（40x40)。

阅读更多

实现单页面导航效果的jQuery插件 - SMINT

实现单页面导航效果的插件很多，今天这里我们介绍一款比较酷的jQuery插件，可以快速的帮助你实现滚动效果的导航，而且UI设计比较漂亮，适合需要快速实现页面导航的朋友。

阅读更多 

纯CSS的响应式图标字体 - Cikonss

使用图标字体的最大好处就是，不用再使用图标了。在今天这篇文章中，我们介绍一个更酷的图标字体  Cikonss，和一般的图标字体不一样的地方在于，它使用CSS来创建图标项目，而不是字体。包含了40多个不同的图标类型，并且支持响应式的布局，并且兼容浏览器，因为不使用CSS3。

阅读更多