2013年03月_普通网友

原创 jQuery的插件开发的动态仪表板效果

日期：2013-3-23 来源：GBin1.com在线演示还记得我们使用HTML5实现的动态仪表盘吗？今天介绍一款来自Larentis Mattia设计的jQuery动态仪表盘设计，可以自由的设置参数。via 极客标签来源：jQuery的插件开发的动态仪表板效果

2013-03-26 13:58:54 1259

原创 HTML5/CSS3系列教程：使用SVG图片

日期：2013-3-25 来源：GBin1.com在我们开始使用SVG前，让我们先了解一下 SVG，并且解释一下为什么使用SVG。SVG全称是Scalable Vector Graphics，如果你使用过adobe Illustrator的话，相信你对这种适量格式的图片并不陌生！为什么使用SVG？文件非常小能够无损失的缩放尺寸在Retina显示屏上效果超棒能够控制图片样式

2013-03-26 13:30:23 1042

原创开发小技巧：超简单的“回到顶端”按钮实现

日期：2013-3-26 来源：GBin1.com在线演示之前的文章中我们曾发表过另外一个back to top的插件：jQuery Back to Top，喜欢的朋友可以点击来看。今天我们介绍的这篇web开发小技巧将使用jQuery实现一个超简单的滚动到页面顶端的功能，代码如下：$(document).ready(function() { // 滚动窗口来判

2013-03-26 13:13:21 836

原创 HTML5中的Article和Section元素

日期：2013-3-20 来源：GBin1.com和元素 ">和元素 " width="600">HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：和。最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？相关教程: GBin1专题之HTML5教程Section元素这是一个

2013-03-22 11:13:26 1221

原创超简洁的响应式幻灯 - unslider

日期：2013-3-22 来源：GBin1.com在线演示Unslider是一款超迷你的响应式幻灯，如果你需要找到一款纯粹的幻灯插件的话。unslider就是你的不错选择，支持响应式，并且支持触摸设备。没有多余的功能，纯粹的幻灯实现。主要特性：支持不同浏览器支持键盘导航支持自动修改图片高度支持响应式如果需要支持触摸设备的话，可以使用jQuery.event.swipe

2013-03-22 11:05:52 1390

原创广告拦截应用将从Google应用商城中移除

日期：2013-3-21 来源：GBin1.comGoogle在Google应用商城上移除了受大众欢迎的Adblock Plus和其他广告拦截应用。很明显的，这将意味着Adblock Plus和它的同类应用将不再提供给安卓用户。至今为止Chrome Web Store仍为Google的浏览器提供大量的广告拦截插件。移除App的举动，并不需要惊讶，因为广告拦截触碰了谷歌的底线，虽然

2013-03-22 10:58:36 837

原创 Wordpress主题和网站设计开发手册和资源

日期：2013-3-19 来源：GBin1.com如果你希望开始运营和发布自己的第一个网站的话，找到一个合适的CMS或者免费平台的话，绝对是关键的一步，通常大家可能都会选择wordpress，因为它是最流行的搭建网站的框架和产品，看看这张信息图你就明白了。在今天这篇文章中，我们将介绍wordpress的相关设计开发资源和手册，希望对于大家快速的开发和搭建自己的网站有帮助！word

2013-03-22 10:49:22 1464 1

原创将CSS CLIP属性应用在：扩展覆盖效果

日期：2013-3-18 来源：GBin1.com 在线演示我们想要展示如何利用CSS3 clip属性制作一种简单而整洁的扩展效果，当点击一个box元素时实现平稳过渡。这个想法是为了实现某种叠加效果，好像它实际上在各个元素的下面。点击其中一个元素将创建一个切断图片的效果，展示将被宽展开的另一层。更多相关前端技术内容，请关注极客标签怎样做？首先，我们要创建一个

2013-03-19 13:58:09 743

原创帮助你生成组织结构图的jQuery插件 - jOrgChart

日期：2013-3-17 来源：GBin1.com在线演示大家可能看到过使用javascript类库JavaScript InfoVis Toolkit实现的特效组织结构图，这里我们使用jQuery插件-jOrgchart也同样可以实现一个组织结构图。主要特性：支持拖拽修改子节点支持节点缩放展示方便的修改CSS定义样式超轻量级兼容性好，基本支持所有浏览器来源：

2013-03-19 13:27:06 1547

原创使用Google WebP图片格式帮助控制网站页面大小

日期：2013-3-16 来源：GBin1.com不管你相信或者不相信，随着互联网的快速发展网页也在持续不断的变大。使网页迅速膨胀的罪魁祸首不是大量使用的JavaScript库，CSS和无尽的共享按钮，而是精美的图片。根据HTTPArchive的研究，图片大约占据了页面内容的60%。这意味着，大部分网站可以通过压缩图片来减小页面本身大小。如果大家有兴趣了解HTTPArch

2013-03-19 13:23:44 846

原创绝对不可错过的超实用HTML5代码片段

日期：2013-3-15 来源：GBin1.comHTML5绝对是一个流行元素，受到如此多的公司组织的追捧，作为极客来说，岂能错过呢？在今天这篇文章中，我们将分享一些超实用的HTML5的代码片段，相信大家一定会喜欢！HTML5视频和fallback实用HTML5的一个好处就是简化了视频和音频的嵌入代码量，不过呢，如何兼容老版本的浏览器绝对是一个令人头疼的问题，特别是在天朝

2013-03-19 12:56:50 1132

原创帮助你实现移动设备上的拖拽刷新功能的javascript类库 - hook.js

日期：2013-3-15 来源：GBin1.comhook.js是一个帮助你实现类似移动设备上拖拽刷新页面功能的javascript类库。使用非常简单，代码如下：将如下代码放入body标签： Reloading...via 极客标签来源：帮助你实现移动设备上的拖拽刷新功能的javascript类库 - hook.js

2013-03-19 10:25:03 822

原创使用前端框架Foundation 4来帮助简化响应式设计开发

日期：2013-3-12 来源：GBin1.comFoundation是一套使用广泛的前端开发套件，可以帮助你快速的网站。最近ZURB发布了一个新版本的Foundation 4前端框架，能够有效的帮助你快速的开发响应式的网站。和另外一个套知名的前端框架BootStrap类似，Foundation同样也提供了一套HTML/CSS的模板，可以帮助你快速的搭建网站基础，包括：布局，组件

2013-03-14 13:10:57 956

原创推荐5款精心挑选的导航菜单

日期：2013-3-13 来源：GBin1.com在今天的文章中，我们从中挑选了5款非常受欢迎的导航风格的主题内容。如果你也喜欢，请留言给我们。相关阅读: 分享5个超酷flash样式的jQuery导航和菜单33个设计精良的免费导航菜单PSD分享50个有趣的导航菜单设计CSS3实现的特效菜单使用CSS3实现的一个hover特效菜单纯CSS实现的Laval

2013-03-14 12:26:29 829

原创来自Twitter的自动文字补齐jQuery插件 - Typeahead.js

日期：2013-3-10 来源：GBin1.com在线演示如果大家使用过jQuery UI的话，都知道autocomplete小组件，可以帮助你有效的提示输入内容，辅助用户填入内容，如果你不了解jQuery UI的autocomplete的话，推荐阅读此教程：jQueryUI实战之Autocomplete组件的JSONP使用。在今天这篇文章中，我们将介绍另外一款来自Twi

2013-03-11 17:23:35 1621

原创超棒的输入特效 - Fancy Input

日期：2013-3-9 来源：GBin1.com在线演示今天推荐一个超棒的CSS3的输入特效 - fancy input，支持两种不同的输入元素：inputtextarea拥有5种不同的输入特效，相信如果你需要炫酷的输入特效的话，这个插件肯定是一个不错的选择！via gbtags来源：超棒的输入特效 - Fancy Input

2013-03-11 17:20:55 916

原创跳跃的圆形幻灯片

日期：2013-3-8 来源：GBin1.com在线演示今天我想要与你分享一个即简单又有趣的圆形幻灯片。这是一个实验性的概念，此想法是在一个特定的角度点击圆形图片，就会翻转到另一个圆形图片。分为三种不同的可能性：顶部、中部、底部。例如，当单击右上部分的图像时，将在相关角度翻转，使它看起来好像我们压到的那部分翻了过去，显示出它背面的图像。结构：

2013-03-11 17:17:29 812

原创推荐2013年最新的10款jquery插件

日期：2013-3-7 来源：GBin1.com我们精心挑选的10款2013年最新的jQuery插件，希望大家喜欢！相关阅读：6款不容错过的超棒倒计时jQuery插件jQRangeSider: 一个jQuery插件帮助你生成区域选择控件一个帮助你生成iOS应用目录风格的jQuery插件：App-Folders使用这个插件可能帮助你创建iOS风格的目录展示和隐藏效

2013-03-07 14:05:52 890

原创关于z-index的那些事儿

日期：2013-3-6 来源：GBin1.com关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。不相信我吗？好吧，看看你能否解决下面这个问题：问题：在接下来的HTML里有三个元素，并且每个里包含一个元素。每个被分别给定一个背景颜色：红、绿、蓝。每个

2013-03-07 14:00:55 1256

原创 2013年二月GBin1月刊

2013年二月GBin1月刊推荐10款最新的免费设计素材阅读更多超棒的圆形风格卡通和漫画超级英雄设计这是一套来自图形设计师Edzel Rubite的一套圆形卡通漫画超级英雄的设计，虽然使用了圆形的设计，但是相信大家还是很容易就认出是谁吧！阅读更多响应式的前端框架 - Groundwork前面我们介绍过了很多响应式的前端框架，例如，Resp

2013-03-05 12:34:51 626

原创 12款免费素材图标系列三

日期：2013-3-4 来源：GBin1.com45个 iOS Tab Bar icon一套45个为retina显示器设计的tab bar图标，支持iphone5，ipod和ipad设备。拥有两种不同的尺寸：60x60和30x30,，两个颜色系列：黑色和灰色，可以用来制作工具条。格式包含：PNG，PSD（包含层信息），你可以方便的修改！免费图标：Simple icon

2013-03-05 12:25:03 1478

原创免费的响应式Bootstrap模板 - Codester

日期：2013-3-3 来源：GBin1.com在线演示/下载Codester是一个基本的个人作品集Bootstrap模板，帮助设计师，摄影师，图形艺术工作者搭建高度可定制的网站。拥有自定义包和相关的javascript，css和组件，相信大家肯定喜欢！主要特性响应式设计和所有主流的浏览器兼容兼容各种移动和触摸设备屏幕尺寸完整的联系人表单包含搜索功能拥有漂亮的图片画廊包含

2013-03-05 12:21:15 1366

原创 12款免费素材图标系列二

日期：2013-3-2 来源：GBin1.com超棒的免费PSD/PNG图标素材网站(600+图标资源） - GemiconGemicon是由turois开发的一个超棒的手绘图标集网站，提供了3种不同的尺寸的免费图标（16x16，32x32，64x64）。拥有带有层信息的PSD格式文件，所以你可以方便的修改尺寸和大小。支持两种格式PSD和PNG。免费并且可以个人或者商业使用！超棒

2013-03-05 12:15:50 1521

原创 Geek必备神器 - Google眼镜（Google glass）的十大特色

日期：2013-3-1 来源：GBin1.com虽然目前Google眼镜还处于开发状态，但是相信各位Geek对于这个跨时代的产品肯定是十分有兴趣，小编这里手机了10个Google眼镜的特性，希望能够帮助大家"望梅止渴"。特性一：小而强大的设备Google眼镜包含了很多高科技，包括蓝牙，Wi-Fi，扬声器，照相机，麦克风，触摸盘和帮助你探测倾斜度的陀螺仪。还有最重要的和你手指大

2013-03-01 14:55:12 784

原创 12款免费素材图标系列一

日期：2013-3-1 来源：GBin1.com分享一套迷你OS图标这是一套超酷的微型OS图标，在这套图标中包含了4种mini操作系统图标(专用于PNG格式和向量格式SV、PDF)，你可以使用它们在一些我们常用的网站设计上，比如电子商务网站、管理面板、统计类型网站和CMC应用程序等。一套免费Metro图标下载来自设计师Kawsar Ali的一套免费Metro图标下载，包含

2013-03-01 14:52:20 1100

原创推荐10款最新的免费设计素材

日期：2013-2-28 来源：GBin1.com免费资源：web元素设计套件一套包含psd格式的免费web元素设计套件，免费使用，包含了导航，按钮，控制元素等等，相信你会喜欢！免费资源：超实用的iPad PSD (黑色系和白色系)一套免费的黑色双色系的ipad PSD格式文件，你可以在你的设计中免费使用。免费资源：超酷宣传册模板一套

2013-03-01 14:49:28 731

转载超棒的圆形风格卡通和漫画超级英雄设计

日期：2013-2-27 来源：GBin1.com这是一套来自图形设计师Edzel Rubite的一套圆形卡通漫画超级英雄的设计，虽然使用了圆形的设计，但是相信大家还是很容易就认出是谁吧！如果你想找一套漂亮而有个性的图片来做个人头像的话，这套绝对不错！希望大家喜欢！美国队长钢铁侠雷神鹰眼.......via gbtags 来源：超棒的圆形风

2013-03-01 14:46:45 986

GBin1.com