2012年07月_普通网友

原创分享一个老式卡带机风格的HTML5 Audio播放器实现

日期：2012-7-31 来源：GBin1.com在线演示本地下载如果你不知道什么是卡带机的话，恭喜你，你真的非常太年轻，作为八，九十年代播放音乐必备的设备，对于我们这些70，80后的朋友来说会感觉非常情切。那个年代拥有一个sony的随声听绝对是很拉风的一件事情。在今天我们这篇HTML5文章分享中，我们将要介绍来自tympanus的一个老式卡带机风格的HTML5音

2012-07-31 11:29:26 1400

原创分享一个CSS3的网格系统架构 - ResponsiveAeon

日期：2012-7-30 来源：GBin1.com在线演示本地下载曾经介绍过其它类型的CSS3网格系统，今天我们介绍一款能够帮助你快速创建基于HTML5/CSS3的响应式布局框架 -ResponsiveAeon。它拥有一个宽度为1104px并且基于12个列的网格框架系统，提供了一个非常方便的方式使用，只需要使用3个基础class来实现。整个框架使用#mediaq

2012-07-30 11:06:18 584

原创 Pinterest.com界面风格的社交展示web应用：Infinite-social-wall

日期：2012-7-30 来源：GBin1.com在线演示Infinite-Social-Wall是一个基于PHP和Mysql的开源应用，主要用来帮助你使用pinterest.com的界面风格来展示各类社交网站的事件信息。这个应用通过指定的RSS来抓取社交网站内容，并且拥有Twitter，Reddit，Instagram，Github等的内建样式和图表。使用免费的

2012-07-30 11:04:19 908

原创免费素材下载：淡蓝色的PSD格式UI套件

在今天的免费UI素材下载中，我们推荐来自Michael Donovan的一套淡蓝色的UI套件，提供了PSD格式下载，你可以自由的使用到自己的项目和网站中去。本地下载来源：免费素材下载：淡蓝色的PSD格式UI套件

2012-07-30 11:02:29 1157

原创使用jQuery开发iOS风格的页面导航菜单

日期：2012-7-28 来源：GBin1.com在线演示本地下载 iOS风格的操作系统和导航方式现在越来越流行，在今天的jQuery教程中，我们将介绍如何生成一个iphone风格的菜单导航。HTML代码我们使用镶嵌的来生成菜单内容，并且包含在标签中，如下：导航菜单专题教程

2012-07-30 10:59:34 731

原创如何使用纯CSS3来生成家谱（family tree）

日期：2012-7-28 来源：GBin1.com今天我们将要介绍的是如何在不使用Flash和JavaScript的情况下，用纯CSS来完成一个可组织数据或者家谱。这里使用一个非常简单的标签 - 嵌套列表li。其中伪元素用于绘制之间家庭成员关系，它还具有悬停的效果 - 用在显示整个家族图谱中。 [5月1日，2012年]注：此版本为当前最新版本，并支持IE浏览，如果家族中有更多的成员，也

2012-07-30 10:56:08 1971

原创 iOS版本的Google Earth发布了5个3D城市图形

日期：2012-7-27 来源：GBin1.comiOS版本的Google Earth已经更新了5个3D版本城市，包括洛杉矶，波士顿，生弗朗西斯科，日内瓦和罗马。这次的发布包含了一些新特性：例如，游客向导，能够有效地帮助你游览整个城市景区还有地标，非常方便。目前只有iPhone4S，ipad2和新ipad支持这些特性，可能由于图形处理的要求对于老的设备来说有点高。Goog

2012-07-27 15:21:04 867

原创最新收集的超棒Mobile/Web UI和用户体验设计

日期：2012-7-27 来源：GBin1.comUI设计和UX用户体验都是网站和移动应用中和用户交互最直接最感性的部分，一个非常棒的UI设计或者用户体验可以很大程度的吸引用户点击和探索，在今天的UI设计展示中，我们收集了一套来自网站和移动应用的UI设计和用户体验，希望大家能够找到灵感和借鉴的地方，谢谢！Media Player UIFpght Card3do

2012-07-27 15:18:34 2992

原创究竟什么是开发人员眼中最好的代码编辑器？

日期：2012-7-27 来源：GBin1.com如果我们把不同的程序开发人员比作三国演义中的各路诸侯大将的话，那么代码编辑器绝对可以称之我们手中的神兵利器，不同类型的开发人员使用的”兵器“也大有不同。好比兵器来说，没有绝对强的，也没有绝对好的，每一中兵器都有不同的优点和缺点，虽说俗话说的好，一寸长，一寸强，不过如果你没事去那都提着"关老爷“的“青龙偃月刀”得瑟，貌似也不是很方便。那

2012-07-27 15:16:36 590

原创一个轻量级的jQuery拖拽排序插件 - HTML5 Sortable

日期：2012-7-26 来源：GBin1.com在线演示本地下载如果大家提到拖放相关插件的话，肯定会想到jQuery UI，这个UI类库包含了你需要用到的几乎所有组件，但是如果你只想使用jQuery UI中的某一个组件，例如，拖放组件的话，调用如此大的一个类库会有有杀鸡用宰牛刀的感觉，今天这里我们将介绍一个轻量级的jQuery drag and drop插件 -

2012-07-26 10:35:33 1123

原创 PHP技巧分享：7个非常适合初学者使用的实用PHP方法

日期：2012-7-26 来源：GBin1.com你有没有查看过全部PHP的方法，我大概统计了一下，在PHP参考中一共有5025个。如果你初学这种web编程语言，那么我将介绍几个非常实用的PHP方法，希望能够对你有帮助！Function1：array_rand首先我们介绍这个简单的方法array_rand。是不是想从一个数组中随机取出一个来？你可以使用rand或者mt_r

2012-07-26 10:32:46 616

原创推荐5款免费高清柏油路纹理图案设计

日期：2012-7-26 来源：GBin1.com在我们之前的文章中提到过几款高清的壁纸，今天我们要介绍的是一款使用柏油路纹理设计的背景图案，因为它拥有一种独特粗糙质感的设计，所以你不仅可以将它用在你的背景桌面上，也可以将它用在其它工作中。我们接下来推荐的这5款免费超高分辨率的纹理图案，里面包括路面破裂和磨损等，希望这些图片可以更好的帮助你完成工作。如果你有更好的想法记得留言呀！

2012-07-26 10:30:51 1090

原创分享9个单页面网站开发必备jQuery插件

日期：2012-7-25 来源：GBin1.com单页面网站作为简单快捷，易于维护的页面设计方案，越来越受到工作室，作品集，或者个人博客类网站用户的青睐，我们可以使用不同的特效来使得页面更加的丰富和炫动，今天我们将介绍几款可以作为单页面开发的jQuery插件，帮助大家快速简便的实现一个单页面的网站设计，希望大家喜欢！jQuery one page nav 使用这个插件，可以帮助你快速

2012-07-25 12:26:39 1387 1

原创推荐5款免费的高清壁纸

日期：2012-7-25 来源：GBin1.com对于电脑桌面壁纸来说，我想每个人都有自己的风格。有些人可能喜欢用单色，也有些人喜欢用照片，但是大多数人还是会选择使用网上直接下载的高清壁纸。WallpaperFX是一个拥有高质量高清壁纸的网站，在这里每天都会增加1000多款不同素材的壁纸提供给大家，它们都是按照不同类型分类浏览的，并且全部免费！就我个人而言，我比较喜欢抽象的图片作为桌面，

2012-07-25 12:24:14 2538 1

原创兄弟割席：HTML5标准制定组织分裂

日期：2012-7-23 来源：GBin1.com原文来源：雷锋网最新消息：HTML5标准制定组织WHATWG与W3C因为理念上的差异分裂。这意味着以后将会有两个版本的 HTML5：即”标准版”和”living”版(活标准）。随着新技术的加入，WHATWG宣布为HTML制作新的“living”标准。WHATWG认为W3C做法过于缓慢，W3C的这种缓慢的制定方式将会耗费更多的时间

2012-07-24 10:58:45 1120

原创 30个绝对让你惊叹的幽默创意广告设计

日期：2012-7-24 来源：GBin1.com设计来源于创意，同时也来源于生活，广告设计在于最好的将产品特色体现在广告之中，如果有一点儿小幽默那就更完美了，记得原来我们推荐过的30个绝对让你赞叹的创意广告设计吧，今天我们带来了另外30个超搞笑的幽默创意广告设计，希望大家也能喜欢！Dog Spa CourseThe smaller the blocks, the

2012-07-24 10:56:58 1089

原创分享13个帮助你简化开发的jQuery插件

日期：2012-7-23 来源：GBin1.comjQuery的社区力量的重要体现就是jQuery插件，我们每隔一段时间就会在jQuery插件大全中给大家推荐最新最好用的jQuery插件，今天我们带来了12个帮助你有效简化开发的jQuery插件，希望大家喜欢！Vanity Toolsetvanity toolset是一套方便的UI工具集，可以帮助你快速的搭建幻灯，聚光灯，占位，收放相

2012-07-23 11:28:59 686

原创 30个绝对令你惊叹的墙壁涂鸦作品

日期：2012-7-22 来源：GBin1.com墙壁涂鸦历史很悠久，来自不同国家的艺术家门，使用墙壁来发挥自己的想象力和艺术天赋，从他们的作品中，绝对可以带给我们各种不可思议的设计灵感，在今天的设计分享中，我们将带给大家30个超棒的涂鸦艺术作品，希望大家喜欢！Flight Trough (Image credit: Robert Proch)Brrrrr… (Image c

2012-07-23 11:25:51 568

原创 40个创意十足的超酷世界地图设计

日期：2012-7-20 来源：GBin1.com世界地图对于我们来说可能在熟悉不过了，不过你有没有看到过一些创意十足的世界地图设计？在今天的设计分享文章中，我们将带来40个超有创意的世界地图设计，我相信大家一定会被设计者的创意惊叹的。希望大家喜欢！魔幻世界地图超酷的魔幻色彩的世界地图蝴蝶状世界地图由蝴蝶组成的世界地图图案艺术化世界地图一个艺术形式的展

2012-07-20 11:21:13 4304

原创使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用

日期：2012-7-20 来源：GBin1.com在线演示本地下载如果你曾经开发过内容聚合类网站的话，使用程序动态整合来自不同页面或者网站内容的功能肯定对于你来说非常熟悉。通常使用java的话，我们都会使用到一些HTML的解析，例如，httpparser，最早gbin1.com的整合搜索就是使用httpparser来抓取Google和Baidu的搜索结果，并且整合呈现

2012-07-20 11:17:38 1278

原创支持响应式布局的超棒颜色选择器 - colorjoe

日期：2012-7-20 来源：GBin1.com在线演示通常在Web应用程序，当我们需要从用户收集颜色值时，颜色选取器能够帮大忙。这里有很多的高质量的颜色选取器类库和插件。今天我们介绍的这款颜色选择器colorjoe和其它类似功能的颜色选择器稍微有些不同，它是一个全新，是可缩放的颜色选择器，因此可以非常好配合响应式布局。它不使用任何图像，可以使用CSS定制和并且支持所有主流

2012-07-20 11:11:58 2344

原创分享23款使用纯CSS3生成的知名logo设计

日期：2012-7-19 来源：GBin1.com还记得我们曾经介绍过20款独特的logo设计吧，这次我们将介绍23款使用纯CSS3生成的logo设计。圆滑的边框，阴影风格的设计及渐变的色彩，组成了我们现在简单且流行的各种标志！如果你也喜欢，请留言给我们吧。Android RobotAmro........来源：分享23款使用纯CSS3生成的知名logo设计

2012-07-19 18:03:40 1399

原创免费素材下载：一套漂亮的卡通UI界面

在今天的免费素材分享中，我们介绍一套漂亮的卡通风格的UI界面，这套UI设计包含了不同的几种主题，不过这里我们分享的是个人版本的，只包含第一部分，如果你需要商业版本，只需要支付9美元即可，希望大家喜欢！本地下载原文来自：免费素材下载：一套漂亮的卡通UI界面

2012-07-19 18:01:50 1347

原创免费图标素材：47套最新的超棒免费图标集

日期：2012-7-18 来源：GBin1.com在今天我们这篇文章中，我们收集了47套超棒的图标集，你可以免费的下载到你自己的电脑中，并且可以自由的应用到你的web设计中去。希望大家喜欢，如果你有更好的免费资源，请和我们联系和推荐，谢谢合作！免费高清图标集KOLORIA学校学院相关图标集........来源：免费图标素材：47套最新的超棒免费图标集

2012-07-19 17:59:51 4108

原创 Javascript教程：AngularJS的五个超酷特性

日期：2012-7-17 来源：GBin1.comAngularJS是一个超棒的javascript框架，不单单对于开发人员来说非常有吸引力，对于UI设计师来说也同样出色。在这篇教程中，我们将简单的介绍AngularJS几个重量级必备特性，并且介绍它如何能够让你的web应用更加强大！AugularJS简单介绍AngularJS是一个新出现的强大客户端技术，提供给大家的一种

2012-07-19 17:05:52 704

原创使用jQuery和CSS3来访问Dribbble的API

日期：2012-7-16 来源：GBin1.com在线演示本地下载 Dribbble是一个非常知名的设计社区，和其它大型社区类似，它也可以提供给你开放API来访问它的内容，在今天的这个教程中，我们将使用来自Dribbble的第三方API，生成一个最新设计作品展示页面，希望大家喜欢！HTML代码 Popular 首先我们创建一个div，指

2012-07-19 17:03:51 750

原创灵活的数据管理和展示javascript类库 - Recline.js

日期：2012-7-15 来源：GBin1.com在线演示今天我们介绍一款用来创建数据相关应用的开源Javascript类库 -Recline.js，使用这个类库可以帮助你使用Javascript和html快速的开发数据data相关的应用。依赖类库：jQuerybackbone.jsunderscore.js主要特性：处理数据加载，查询和操作可以从cv

2012-07-19 17:00:58 600

原创分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件

日期：2012-7-14 来源：GBin1.comjQuery插件开发绝对是jQuery框架最强大的一个特性。数以万计的开发人员开发了各种不同功能和特性的jQuery插件，使得jQuery框架如此的成功和流行。随着HTML5，CSS3的发展，javascript在web开发中慢慢变得更加强大，并且更加的可控。在今天的这篇文章中，我们将介绍10款帮助你构建完美UI，特效和动画的jQuery插件

2012-07-19 16:55:42 2693

原创使用简单的轻量级移动web应用开发框架 - Sidetap

日期：2012-7-13 来源：GBin1.com我们曾经介绍过5个轻量级的移动web应用开发框架，在今天的文章中，我们将介绍另外一个使用简单的轻量级移动web应用开发框架 -sidetap。Sidetap是一个使用简单的框架能够帮助你快速的开发平台无关的移动web应用界面。为什么需要另外一个移动开发框架呢？开发Sidetap的原因在于快速方便的开发类似fac

2012-07-19 16:47:44 629

原创使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站

日期：2012-7-12 来源：GBin1.com在线演示jQuery Mobile是一个非常不错的移动端网站应用的解决方案，很多网站都使用jQuery Mobile来生成Mobile手机端的移动网站应用，在过去的GBin1博客文章中，我们曾经使用jQuery Mobile利用RSS订阅生成过一个简单的RSS阅读手机端，在今天的教程中，我们将讲解如何将GBin1网站完整的转化

2012-07-19 16:35:10 909

原创一个帮助你在触摸设备上使用jQuery UI的JS类库 - jQuery UI Touch Punch

日期：2012-7-11 来源：GBin1.com在线演示jQuery UI是我们前台开发常用的UI前端类库，但是目前的jQuery UI用户界面类库在互动和widget上并不支持touch事件。这意味着你在桌面上设计的优雅的UI可能在触摸设备，例如，ipad，iphone和Android上并不能正常工作。因为jQuery UI监听的是mouseover，mousemove和mo

2012-07-19 16:28:15 1051

原创分享一套帮助你优化开发web应用的jQuery插件集 - Vanity Toolset

日期：2012-7-10 来源：GBin1.com在线演示本地下载 jQuery的UI相关插件很多，今天我们介绍来自Vanity Toolset的jQuery插件集，帮助你有效的简化前端UI开发。这套jQuery UI插件包含了7个不同的UI组件，包括：jSlider - 幻灯插件jSpotlight - 聚光灯效果插件jPlacehoder - 占位插件jCo

2012-07-19 16:22:01 626

原创分享一个超棒的基于jQuery的所见即所得(WYSIWYG)编辑器 - Redactor

日期：2012-7-9 来源：GBin1.com基于web的在线富编辑器有很多，今天我们介绍一个基于jQuery的超棒WYSIWYG编辑器 -Redactor。这个编辑器使用jQuery技术作为框架开发完成，整合了很多炫酷的功能，比如，拖拽上传文件，及其自动保存等，速度很快，并且体积非常小。如下图：你可以在非商业应用或者项目中免费使用，否则需付费，个人版19美金。

2012-07-19 16:19:19 2840

原创分享21个超棒的单页面网站设计

日期：2012-7-7 来源：GBin1.com单页面的网站设计对于结构简单的网站来说无疑是一个最合理的选择，使用单页面网站，不需要维护过多的页面，复杂的CSS文件结构，它们能够很直观的表单网站需要表达的基调。在以前的文章中，我们介绍过制作单页面网站的插件，也介绍过很多不错的单页面网站设计，在今天的文章中，我们继续向大家推荐21个超棒的单页面网站设计，希望大家喜欢！nils cl

2012-07-19 16:10:30 2782

原创最新的Javascript和CSS应用技巧荟萃

日期：2012-7-6 来源：GBin1.com随着前端技术的发展，javascript和css在网站和web应用中展现出强大的统治力，特别是随着HTML5和CSS3的标准的成熟，我们可以使用javascript和css开发出你想都没有想到过的特效和动画，在今天的这篇文章中，我们将介绍一组相关CSS和javascript的强大教程和插件，希望大家喜欢！CSS动画和过渡效果随着CSS3

2012-07-06 17:50:38 744

原创免费资源下载：两套超棒的UI界面设计素材集

日期：2012-7-6 来源：GBin1.com每周我们都会在互联网上给大家收集最新最酷的web免费素材，今天我们带给大家两套超棒的UI界面素材集。相信大家如果应用到自己的网站开发和设计中，肯定会增色不少。Simplistic UI kit(PSD)这套UI套件包含了常用的选择框，输入框，按钮，搜索框和播放元素，由Tanveer Junayed设计和开发。提供PSD格式下载，

2012-07-06 17:46:06 2835

原创免费资源下载：暗色色系的超棒搜索框和下拉菜单UI欣赏

日期：2012-7-5 来源：GBin1.com在今天的免费素材下载中，我们推荐来自法国的UI设计师Alexandra Nuad的暗黑色系的搜索框和下拉菜单设计。这套设计中使用了超清晰的色素展示UI，提供了免费的PSD文件格式下载，你可以轻松的修改应用到自己的web项目和网站设计中去。本地下载来源：免费资源下载：暗色色系的超棒搜索框和下拉菜单UI欣赏

2012-07-05 13:15:46 2346

原创分享一个基于jQuery，backbone.js和underscore.js的消息提示框架 - Backbone.Notifier

日期：2012-7-4 来源：GBin1.com在线演示本地下载我们曾今在以前的文章中介绍过jQuery的警告和提示框插件，今天这里我们介绍一个开源的消息提示框架Backbone.Notifier，目前版本为version0.1。使用这个框架可以帮助你构建非常灵活强大的浏览器端消息提示功能。这个框架依赖于：jQueryunderscore.jsbackbo

2012-07-05 13:11:39 1278

原创编写高度可维护javascript代码的几点关键性原则

日期：2012-7-3 来源：GBin1.comJavascript是一个非常神奇的语言。非常容易书写，但是难于维护。希望大家在完成这篇文章阅读之后，能够将你书写的js代码变成真正可维护可阅读的代码！为什么这么困难？记住在书写js之前，你需要知道它是一个动态语言。这意味着有很多方式来书写代码。你不需要处理强类型，或者类似C#和java的复杂语言特性。最难的部分可以在如下图

2012-07-05 11:44:55 514

原创分享一个超棒的响应式幻灯jQuery插件 - refineslide

日期：2012-7-2 来源：GBin1.com在线演示本地下载 jQuery的幻灯插件我们介绍过很多了，不过今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯，最重要的在于它支持很多超棒的CSS3幻灯过渡效果，能够帮助你创建超酷的幻灯效果。主要特性支持各种过渡效果支持响应式的展示方式，支持移动设备展示CSS过渡和3D变化支持javascr

2012-07-05 11:41:46 2553

空空如也

有关angularjs中的ng-if 标签在表单中使用