07 2012 档案
摘要：如果你不知道什么是卡带机的话，恭喜你，你真的非常太年轻，作为八，九十年代播放音乐必备的设备，对于我们这些70，80后的朋友来说会感觉非常情切。那个年代拥有一个sony的随声听绝对是很拉风的一件事情。
在今天我们这篇HTML5文章分享中，我们将要介绍来自tympanus的一个老式卡带机风格的HTML5音频播放器，绝对能够让你重温一下过去的生活方式。相信你会觉得既亲切又震撼，
请大家记住这只是一个实验性质的HTML5实现，可能会有很多bug，但是提供了老式卡带机的几乎所有功能，包括，播放，停止，快进，快退等等，还有最重要的切换磁带A，B面。是不是你都忘记了？希望大家喜欢！
阅读全文
摘要：曾经介绍过其它类型的CSS3网格系统，今天我们介绍一款能够帮助你快速创建基于HTML5/CSS3的响应式布局框架 - ResponsiveAeon。
阅读全文
摘要：Infinite-Social-Wall是一个基于PHP和Mysql的开源应用，主要用来帮助你使用pinterest.com的界面风格来展示各类社交网站的事件信息。
这个应用通过指定的RSS来抓取社交网站内容，并且拥有Twitter，Reddit，Instagram，Github等的内建样式和图表。
使用免费的mysql服务器作为存储的后台，这样就不需要每次都解析feeds。前台使用Isotope插件来生成动态布局，并且可以生成无限滚动特效。
如果你需要自己创建一个类似的社交类自动更新网站，这个免费的应用肯定是不错的选择。
阅读全文
摘要：在今天的免费UI素材下载中，我们推荐来自Michael Donovan的一套淡蓝色的UI套件，提供了PSD格式下载，你可以自由的使用到自己的项目和网站中去。
阅读全文
摘要：iOS风格的操作系统和导航方式现在越来越流行，在今天的jQuery教程中，我们将介绍如何生成一个iphone风格的菜单导航。
阅读全文
摘要：今天我们将要介绍的是如何在不使用Flash和JavaScript的情况下，用纯CSS来完成一个可组织数据或者家谱。这里使用一个非常简单的标签 - 嵌套列表li。 其中伪元素用于绘制之间家庭成员关系，它还具有悬停的效果 - 用在显示整个家族图谱中。 [5月1日，2012年]注：此版本为当前最新版本，并支持IE浏览，如果家族中有更多的成员，也可以轻松的加入。希望大家喜欢这个CSS实现的家族图谱，当然你也可以使用它来生成一个组织结构图
阅读全文
摘要：iOS版本的Google Earth已经更新了5个3D版本城市，包括洛杉矶，波士顿，生弗朗西斯科，日内瓦和罗马。
这次的发布包含了一些新特性：例如，游客向导，能够有效地帮助你游览整个城市景区还有地标，非常方便。
目前只有iPhone4S，ipad2和新ipad支持这些特性，可能由于图形处理的要求对于老的设备来说有点高。
Google上个月展示了新的3D图形技术。值得注意的是，3D特性都使用ipad来模拟演示，而非Andriod设备。当然，这个图像技术最早还是先由Android平台引入的。
大家如果想尝鲜，可以使用iPhone/ipad下载来体验一下！
阅读全文
摘要：UI设计和UX用户体验都是网站和移动应用中和用户交互最直接最感性的部分，一个非常棒的UI设计或者用户体验可以很大程度的吸引用户点击和探索，在今天的UI设计展示中，我们收集了一套来自网站和移动应用的UI设计和用户体验，希望大家能够找到灵感和借鉴的地方，谢谢！
阅读全文
摘要：如果我们把不同的程序开发人员比作三国演义中的各路诸侯大将的话，那么代码编辑器绝对可以称之我们手中的神兵利器，不同类型的开发人员使用的”兵器“也大有 不同。好比兵器来说，没有绝对强的，也没有绝对好的，每一中兵器都有不同的优点和缺点，虽说俗话说的好，一寸长，一寸强，不过如果你没事去那都提着"关老 爷“的“青龙偃月刀”得瑟，貌似也不是很方便。那么对于我们这些开发人员来说，究竟什么样的代码编辑器是最好的呢？
阅读全文
摘要：如果大家提到拖放相关插件的话，肯定会想到jQuery UI，这个UI类库包含了你需要用到的几乎所有组件，但是如果你只想使用jQuery UI中的某一个组件，例如，拖放组件的话，调用如此大的一个类库会有有杀鸡用宰牛刀的感觉，今天这里我们将介绍一个轻量级的jQuery drag and drop插件 - HTML5 Sortable。它能够帮助你创建可拖拽的列表和网格元素，希望大家喜欢！
阅读全文
摘要：你有没有查看过全部PHP的方法，我大概统计了一下，在PHP参考中一共有5025个。如果你初学这种web编程语言，那么我将介绍几个非常实用的PHP方法，希望能够对你有帮助！
阅读全文
摘要：在我们之前的文章中提到过几款高清的壁纸，今天我们要介绍的是一款使用柏油路纹理设计的背景图案，因为它拥有一种独特粗糙质感的设计，所以你不仅可以将它用在你的背景桌面上，也可以将它用在其它工作中。我们接下来推荐的这5款免费超高分辨率的纹理图案，里面包括路面破裂和磨损等，希望这些图片可以更好的帮助你完成工作。如果你有更好的想法记得留言呀！
阅读全文
摘要：单页面网站作为简单快捷，易于维护的页面设计方案，越来越受到工作室，作品集，或者个人博客类网站用户的青睐，我们可以使用不同的特效来使得页面更加的丰富和炫动，今天我们将介绍几款可以作为单页面开发的jQuery插件，帮助大家快速简便的实现一个单页面的网站设计，希望大家喜欢！
阅读全文
摘要：对于电脑桌面壁纸来说，我想每个人都有自己的风格。有些人可能喜欢用单色，也有些人喜欢用照片，但是大多数人还是会选择使用网上直接下载的高清壁纸。
WallpaperFX是一个拥有高质量高清壁纸的网站，在这里每天都会增加1000多款不同素材的壁纸提供给大家，它们都是按照不同类型分类浏览的，并且全部免费！就我个人而言，我比较喜欢抽象的图片作为桌面，但是在这里也有很多其他类型，比如游戏、电影、运动等素材的壁纸，它们都是根据当今最流行的趋势而制作。所以，我们不光可以找到高清壁纸，甚至是MacbookPro视网膜显示壁纸也在其中。
阅读全文
摘要：日期：2012-7-23来源：GBin1.com原文来源：雷锋网最新消息：HTML5标准制定组织WHATWG与W3C因为理念上的差异分裂。这 意味着以后将会有两个版本的 HTML5：即”标准版”和”living”版(活标准）。随着新技术的加入，WHATWG宣布为HTML制作新的“living”标准。WHATWG认 为W3C做法过于缓慢，W3C的这种缓慢的制定方式将会耗费更多的时间。实际上W3C或多或少的放弃了HTML，04年时便把HTML交给WHATWG， 把更多的注意力放在XML尤其是XHTML上。但更多的用户还是想继续使用HTML，只不过希望有所改进罢了。 WHATWG工作人员在公告中写.
阅读全文
摘要：设计来源于创意，同时也来源于生活，广告设计在于最好的将产品特色体现在广告之中，如果有一点儿小幽默那就更完美了，记得原来我们推荐过的30个绝对让你赞叹的创意广告设计吧，今天我们带来了另外30个超搞笑的幽默创意广告设计，希望大家也能喜欢！
阅读全文
摘要：jQuery的社区力量的重要体现就是jQuery插件，我们每隔一段时间就会在jQuery插件大全中给大家推荐最新最好用的jQuery插件，今天我们带来了12个帮助你有效简化开发的jQuery插件，希望大家喜欢！
Vanity Toolset
vanity toolset是一套方便的UI工具集，可以帮助你快速的搭建幻灯，聚光灯，占位，收放相关的UI，它完成了大部分的UI功能，你只需要花费很少时间就可以构建一个完整功能的UI
阅读全文
摘要：墙壁涂鸦历史很悠久，来自不同国家的艺术家门，使用墙壁来发挥自己的想象力和艺术天赋，从他们的作品中，绝对可以带给我们各种不可思议的设计灵感，在今天的设计分享中，我们将带给大家30个超棒的涂鸦艺术作品，希望大家喜欢！
阅读全文
摘要：感觉2008年的北京奥运会刚刚结束，2012年的伦敦奥运会接踵而来，为了方便大家在线看奥运会，这里我们分享5个不错的在线看奥运网站，希望大家喜欢！
阅读全文
摘要：世界地图对于我们来说可能在熟悉不过了，不过你有没有看到过一些创意十足的世界地图设计？在今天的设计分享文章中，我们将带来40个超有创意的世界地图设计，我相信大家一定会被设计者的创意惊叹的。希望大家喜欢！
阅读全文
摘要：如果你曾经开发过内容聚合类网站的话，使用程序动态整合来自不同页面或者网站内容的功能肯定对于你来说非常熟悉。通常使用java的话，我们都会使用到一些HTML的解析，例如，httpparser，最早gbin1.com的整合搜索就是使用httpparser来抓取Google和Baidu的搜索结果，并且整合呈现给搜索用户，这也就是GBin1域名的由来。
阅读全文
摘要：通常在Web应用程序，当我们需要从用户收集颜色值时，颜色选取器能够帮大忙。这里有很多的高质量的颜色选取器类库和插件。
阅读全文
摘要：还记得我们曾经介绍过20款独特的logo设计吧，这次我们将介绍23款使用纯CSS3生成的logo设计。圆滑的边框，阴影风格的设计及渐变的色彩，组成了我们现在简单且流行的各种标志！如果你也喜欢，请留言给我们吧。
阅读全文
摘要：在今天的免费素材分享中，我们介绍一套漂亮的卡通风格的UI界面，这套UI设计包含了不同的几种主题，不过这里我们分享的是个人版本的，只包含第一部分，如果你需要商业版本，只需要支付9美元即可，希望大家喜欢！
阅读全文
摘要：在今天我们这篇文章中，我们收集了47套超棒的图标集，你可以免费的下载到你自己的电脑中，并且可以自由的应用到你的web设计中去。希望大家喜欢，如果你有更好的免费资源，请和我们联系和推荐，谢谢合作！
阅读全文
摘要：AngularJS是一个超棒的javascript框架，不单单对于开发人员来说非常有吸引力，对于UI设计师来说也同样出色。在这篇教程中，我们将简单的介绍AngularJS几个重量级必备特性，并且介绍它如何能够让你的web应用更加强大！
阅读全文
摘要：Dribbble是一个非常知名的设计社区，和其它大型社区类似，它也可以提供给你开放API来访问它的内容，在今天的这个教程中，我们将使用来自Dribbble的第三方API，生成一个最新设计作品展示页面，希望大家喜欢！
阅读全文
摘要：今天我们介绍一款用来创建数据相关应用的开源Javascript类库 - Recline.js，使用这个类库可以帮助你使用Javascript和html快速的开发数据data相关的应用。
阅读全文
摘要：jQuery插件开发绝对是jQuery框架最强大的一个特性。数以万计的开发人员开发了各种不同功能和特性的jQuery插件，使得jQuery框架如此的成功和流行。随着HTML5，CSS3的发展，javascript在web开发中慢慢变得更加强大，并且更加的可控。在今天的这篇文章中，我们将介绍10款帮助你构建完美UI，特效和动画的jQuery插件。希望大家能够喜欢！
阅读全文
摘要：我们曾经介绍过5个轻量级的移动web应用开发框架，在今天的文章中，我们将介绍另外一个使用简单的轻量级移动web应用开发框架 - sidetap。Sidetap是一个使用简单的框架能够帮助你快速的开发平台无关的移动web应用界面。
阅读全文
摘要：jQuery Mobile是一个非常不错的移动端网站应用的解决方案，很多网站都使用jQuery Mobile来生成Mobile手机端的移动网站应用，在过去的GBin1博客文章中，我们曾经使用jQuery Mobile利用RSS订阅生成过一个简单的RSS阅读手机端，在今天的教程中，我们将讲解如何将GBin1网站完整的转化为一个全功能的移动端网站，主要的技术使用jQuery Mobile和Java的SiteMesh布局类库
阅读全文
摘要：Query UI是我们前台开发常用的UI前端类库，但是目前的jQuery UI用户界面类库在互动和widget上并不支持touch事件。这意味着你在桌面上设计的优雅的UI可能在触摸设备，例如，ipad，iphone和Android上并不能正常工作。因为jQuery UI监听的是mouseover，mousemove和mouseout事件，不是触摸事件，touchstart，touchmove和touched。
阅读全文
摘要：jQuery的UI相关插件很多，今天我们介绍来自Vanity Toolset的jQuery插件集，帮助你有效的简化前端UI开发。
阅读全文
摘要：基于web的在线富编辑器有很多，今天我们介绍一个基于jQuery的超棒WYSIWYG编辑器 - Redactor。这个编辑器使用jQuery技术作为框架开发完成，整合了很多炫酷的功能，比如，拖拽上传文件，及其自动保存等，速度很快，并且体积非常小。如下图：
阅读全文
摘要：单页面的网站设计对于结构简单的网站来说无疑是一个最合理的选择，使用单页面网站，不需要维护过多的页面，复杂的CSS文件结构，它们能够很直观的表单网站需要表达的基调。
在以前的文章中，我们介绍过制作单页面网站的插件，也介绍过很多不错的单页面网站设计，在今天的文章中，我们继续向大家推荐21个超棒的单页面网站设计，希望大家喜欢！
阅读全文
摘要：jQuery插件开发绝对是jQuery框架最强大的一个特性。数以万计的开发人员开发了各种不同功能和特性的jQuery插件，使得jQuery框架如此的成功和流行。随着HTML5，CSS3的发展，javascript在web开发中慢慢变得更加强大，并且更加的可控。在今天的这篇文章中，我们将介绍10款帮助你构建完美UI，特效和动画的jQuery插件。希望大家能够喜欢！Percentage loader在我们以前的文章中我们介绍过这个canvas实现的强大进度条，它拥有性感迷人的UI界面，并且能够提供给你方便的callback方法处理进度。相信大家一定会喜欢!KnobKnob是另外一个超棒的旋钮式的U
阅读全文
摘要：随着前端技术的发展，javascript和css在网站和web应用中展现出强大的统治力，特别是随着HTML5和CSS3的标准的成熟，我们可以使用javascript和css开发出你想都没有想到过的特效和动画，在今天的这篇文章中，我们将介绍一组相关CSS和javascript的强大教程和插件，希望大家喜欢！CSS动画和过渡效果随着CSS3标准的来到，CSS过渡效果和动画效果常常应用到互动的用户体验中，设计师可以通过CSS创建出令人惊叹的效果和体验，这里我们将挑选最棒的特效，希望大家能够从中受益。使用jQuery和CSS3创建一个全屏幕幻灯效果分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼
阅读全文
摘要：单页面的网站设计对于结构简单的网站来说无疑是一个最合理的选择，使用单页面网站，不需要维护过多的页面，复杂的CSS文件结构，它们能够很直观的表单网站需要表达的基调。在以前的文章中，我们介绍过制作单页面网站的插件，也介绍过很多不错的单页面网站设计，在今天的文章中，我们继续向大家推荐21个超棒的单页面网站设计，希望大家喜欢！nils clasenwhat ifPurple OrangeWigoliaLuke StevensonBelgian Boat ShowVoto Como VamosMy Pizza OvenArgo Designmobinga.huMarisa PassosGP Sul de
阅读全文
摘要：随着前端技术的发展，javascript和css在 网站和web应用中展现出强大的统治力，特别是随着HTML5和CSS3的标准的成熟，我们可以使用javascript和css开发出你想都没有想到过 的特效和动画，在今天的这篇文章中，我们将介绍一组相关CSS和javascript的强大教程和插件，希望大家喜欢！
阅读全文
摘要：每周我们都会在互联网上给大家收集最新最酷的web免费素材，今天我们带给大家两套超棒的UI界面素材集。相信大家如果应用到自己的网站开发和设计中，肯定会增色不少。
阅读全文
摘要：Javascript是一个非常神奇的语言。非常容易书写，但是难于维护。希望大家在完成这篇文章阅读之后，能够将你书写的js代码变成真正可维护可阅读的代码！为什么这么困难？记住在书写js之前，你需要知道它是一个动态语言。这意味着有很多方式来书写代码。你不需要处理强类型，或者类似C#和java的复杂语言特性 。最难的部分可以在如下图片中很清楚的认识到：上面左边的超薄书本是来自于Douglas crokford的JavaScript:The Good Parts(影印版)，另外一本厚的来自于David Flanagan的JavaScript权威指南(第6版)。两本书都是超棒的阅读本。前一本描述了虽然j
阅读全文
摘要：在今天的免费素材下载中，我们推荐来自法国的UI设计师Alexandra Nuad的暗黑色系的搜索框和下拉菜单设计。
这套设计中使用了超清晰的色素展示UI，提供了免费的PSD文件格式下载，你可以轻松的修改应用到自己的web项目和网站设计中去。
阅读全文
摘要：我们曾今在以前的文章中介绍过jQuery的警告和提示框插件，今天这里我们介绍一个开源的消息提示框架 Backbone.Notifier，目前版本为version0.1。使用这个框架可以帮助你构建非常灵活强大的浏览器端消息提示功能。
阅读全文
摘要：Javascript是一个非常神奇的语言。非常容易书写，但是难于维护。希望大家在完成这篇文章阅读之后，能够将你书写的js代码变成真正可维护可阅读的代码！
阅读全文
摘要：jQuery的幻灯插件我们介绍过很多了，不过今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯，最重要的在于它支持很多超棒的CSS3幻灯过渡效果，能够帮助你创建超酷的幻灯效果。
阅读全文
摘要：昨天我们介绍了来自adobe的编辑器Brackets，今天我们介绍来自微软的web开发工具 - webmatrix2，之前有过webmatrix，这个版本是新一代的web开发工具更新。
阅读全文
摘要：以前我们介绍过超酷的代码编辑器sublime2，今天我们介绍来自Adobe的开源代码编辑器 - Brackets。这个编辑器使用客户端的web技术，例如，HTML-CSS及其Javascript开发完成的。
这个编辑器的主要特点是简单，没有开发很多的视图或者面板，主要让开发人员专注于快速编辑开发。
阅读全文
摘要：每周GBin1都会带来最新最酷的免费资源，今天分享一个来自于weGraphics的免费素材，包含了12个设计简单的web背景图案。你可以方便的应用到你的web页面背景设计中去。可以帮助你快速实现漂亮的web纹理背景，希望大家喜欢！
阅读全文
摘要：photoshop笔刷可能是PS设计者们最喜欢的东西之一，今天我们介绍一组免费的PS笔刷，希望能够帮助你更好更快的进行PS设计。
注意这一套笔刷可能授权不太一样，如果你决定使用的话，请确认授权没问题！谢谢大家支持！
阅读全文
摘要：大家还记得以前我们以前介绍过类似的jQuery实现插件 - 一个仿Apple - OS X Lion操作系统风格的滚动条jQuery插件- lionbars，或者我们也可以使用nanoScrollerJS来实现类似的功能，它提供更好的移动设别的支持，不过今天我们将打算自己开发一个类似的功能，不过使用jScrollPane。
阅读全文
摘要：强大的图表类库非常多，今天这里我们将介绍NVD3.js，这个类库基于知名的D3.js类库。目地在于帮助你创建可重用的d3.js图表和图表组件而不降低d3.js的强大功能。
这个类库非常新，拥有的组件和图表不是很多，但是可以帮助你轻松的管理和自定义图表，而不必自己去构建所有的开发细节。
支持的图形包括：线状图，柱状图，气泡图，区域图及其组合图等。支持所有主流的浏览器。
阅读全文
