摘要：
日期：2013-3-18来源：GBin1.com在线演示我们想要展示如何利用CSS3 clip属性制作一种简单而整洁的扩展效果，当点击一个box元素时实现平稳过渡。这个想法是为了实现某种叠加效果，好像它实际上在各个元素的下面。点击其中一个元素将创建一个切断图片的效果，展示将被宽展开的另一层。更多相关前端技术内容，请关注极客标签怎样做？首先，我们要创建一个项目列表，它将看起来像是装满不同城市名称的盒子：每 一个箱子将包含一个元素（覆盖层），该元素的位置将被固定。实际上这个元素会铺满整个页面，但我们不会看到它，因为透明度opacity将被设置为0。当 我们点击一个盒子，我们将使用clip：rect 阅读全文
摘要：
日期：2013-3-17来源：GBin1.com在线演示大家可能看到过使用javascript类库JavaScript InfoVis Toolkit实现的特效组织结构图，这里我们使用jQuery插件-jOrgchart也同样可以实现一个组织结构图。主要特性：支持拖拽修改子节点支持节点缩放展示方便的修改CSS定义样式超轻量级兼容性好，基本支持所有浏览器来源：帮助你生成组织结构图的jQuery插件 - jOrgChart 阅读全文
摘要：
日期：2013-3-16来源：GBin1.com不管你相信或者不相信，随着互联网的快速发展网页也在持续不断的变大。使 网页迅速膨胀的罪魁祸首不是大量使用的JavaScript库，CSS和无尽的共享按钮，而是精美的图片。根据HTTPArchive的研究，图片大约占 据了页面内容的60%。这意味着，大部分网站可以通过压缩图片来减小页面本身大小。如果大家有兴趣了解HTTPArchive的研究及其如何优化网页加载 速度，推荐阅读gbin1过去发布的文章 -分享网页加载速度优化的一些技巧？其中一种有效的压缩图片的方法就是使用Google的WebP图片格式，这种格式比起常用的图片格式来说，能够缩减了25% 阅读全文
摘要：
日期：2013-3-15来源：GBin1.comHTML5绝对是一个流行元素，受到如此多的公司组织的追捧，作为极客来说，岂能错过呢？在今天这篇文章中，我们将分享一些超实用的HTML5的代码片段，相信大家一定会喜欢！HTML5视频和fallback实用HTML5的一个好处就是简化了视频和音频的嵌入代码量，不过呢，如何兼容老版本的浏览器绝对是一个令人头疼的问题，特别是在天朝，老版本的浏览器绝对处于优势地位，下面代码或者能够帮你忙： HTML5中新的Input类型及其验证在HTML5出现之前，我们一般使用input来处理email，url，或者其它输入，然后使用Java... 阅读全文
摘要：
日期：2013-3-15来源：GBin1.comhook.js是一个帮助你实现类似移动设备上拖拽刷新页面功能的javascript类库。使用非常简单，代码如下： 将如下代码放入body标签： Reloading...
via 极客标签来源：帮助你实现移动设备上的拖拽刷新功能的javascript类库 - hook.js 阅读全文