摘要：
尽管 HTML5 的完全实现还有很长的路要走，但 HTML5 正在改变 Web，未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台。现在，越来越多的人尝试用 HTML5 来制作网页游戏等丰富的 Web 应用。今天要与大家分享的是 21 款基于 HTML5 的游戏，让大家体验一下 HTML5 的强大。1- Runfield2- Rainbow Blocks3- RGB Invaders4- Cover Fire5- Bert’s Breakdown6- Crystal Galaxy7- Leave Me Alone8- Cap Man9- Super Mario Kart10- A
阅读全文
posted @ 2013-08-12 20:25
楚广明
阅读(1942)
推荐(0)
摘要：
在过去，我们都是使用图片或者JavaScript来实现漂亮的按钮效果，随着越来越多的浏览器对CSS3的支持和完善，使用CSS3来实现美观的按钮已没有太多的障碍。今天，本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。BonBon ButtonsZardiCSS3 Buttons With Simple MarkupFancy Buttons10 Nice CSS3 ButtonsCSS3 Animated Bubble ButtonsSuper Awesome Buttons with CSS3 and RGBAPretty CSS3 ButtonsGitHub-Style CSS3
阅读全文
posted @ 2013-08-12 20:17
楚广明
阅读(1300)
推荐(1)
摘要：
01.Joefrey Mahusay很炫的单页网站模板，基于 HTML5 & CSS3 制作，适合用于设计师个人简历、摄影师和平面设计师的个人作品展示。演示下载02.FolderFolder是一款响应式 HTML5 网站模板，能够自适应各种设备和浏览器尺寸。适合用于创意展示和企业网站项目。演示下载03.Web lab这款 HTML5 & CSS3 免费网站模板适合范围很广，特别适合用于企业网站、设计和开发的相关网站等等。演示下载04.LeftLeft 这款模板是左右两列布局的模式，内置幻灯片和弹出框功能，还有效果精美的二级导航菜单。演示下载05.ZeniZeni 这款模板专门用
阅读全文
posted @ 2013-08-12 20:15
楚广明
阅读(2045)
推荐(0)
摘要：
Jetstrap 是一个 100% 基于 Web 的 Twitter Bootstrap 构建工具，无需下载软件，只需登录并构建即可。并且别人可以访问你构建的产品。
阅读全文
posted @ 2013-08-12 20:13
楚广明
阅读(2823)
推荐(0)
摘要：
Divshot 是一个在线网站，通过可视化方式进行 Web 界面的设计，并直接生成 HTML 和 CSS 代码。该工具提供常用的 Web UI 组件。界面基于 Twitter 的Bootstrap框架构建，生成的界面也基于 Bootstrap 框架运行。
阅读全文
posted @ 2013-08-12 20:12
楚广明
阅读(1317)
推荐(0)
摘要：
日期：2012-9-8来源：GBin1.com不管技术如何发展，漂亮的用户界面设计永远会更加让用户着迷，相信大家还记得我们曾将分享过的31个免费的进度条和加载条PSD设计，在今天的用户界面设计分享中，我们将推荐给大家另外一套超棒的进度条ui设计，相信大家肯定会喜欢！Adobe Inspired BarChubby Loading BarColourful Progress BarsDark Loading BarDark Progress LoadersCircular Progress LoaderGUi Loading BarHUD Progress BarMinimalist Loadi
阅读全文
posted @ 2012-12-22 14:41
楚广明
阅读(1321)
推荐(0)
摘要：
日期：2012-9-11来源：GBin1.com免费的设计和开发资源大家肯定都喜欢，在这篇文章中我们收集了7月到8月的最新免费开发设计资源，包含PSD UI套件，图标，javascript，jQuery插件等等，绝对是web开发设计人员必备，如果你也喜欢，过来看看吧！1.Smart Time Ago（jQuery插件）2.使用javascript开发超棒的动画文字书写效果3.Magnifying Glass for Image Zoom(jQuery/CSS3)4.Settings Panel (PSD)5.iOS Icon Template6.Blitz PSD UI Kit7.PSD Re
阅读全文
posted @ 2012-12-22 14:40
楚广明
阅读(442)
推荐(1)
摘要：
日期：2012-9-12来源：GBin1.com响应式设计(responsive design)在近些年是非常流行的web设计，能够帮助你有效的针对不同设备的显示屏幕自适应的显示内容，大大的提高了用户的使用体验和web设计的要求，作为最为流行的jQuery来说，也提供了很多现成的插件帮助你实现响应式设计，在今天的这套插件推荐中，我们将推荐给大家20个不错的响应式设计常用插件，希望大家喜欢！jQuery Masonry — A layout plugin for jQuery相信大家对于这个jQuery布局插件肯定不陌生，很多网站都使用它开发瀑布流布局。Isotope — An exquisit
阅读全文
posted @ 2012-12-22 14:37
楚广明
阅读(1003)
推荐(1)
摘要：
期：2012-9-13来源：GBin1.com摄影的精髓不单单是色彩和光线的运用，同时也是动作和时机扑捉的艺术，在今天的这套摄影作品分享中，我们将展现真正富有”生命力“的动物摄影艺术！相信大家肯定会喜欢！Photo byMarco SartoriImage credits:buzzfeedImage credits:buzzfeedPhoto byDavid MaitlandPhoto byUrs SchmidliPhoto byHakan PekbelginPhoto byUrs SchmidliPhoto byMahmoud EdeebPhoto byTustel IcoPhoto by:
阅读全文
posted @ 2012-12-22 14:37
楚广明
阅读(329)
推荐(0)
摘要：
日期：2012-10-9来源：GBin1.com如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻量
阅读全文
posted @ 2012-12-22 14:23
楚广明
阅读(824)
推荐(0)
摘要：
日期：2012-10-10来源：GBin1.com如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻
阅读全文
posted @ 2012-12-22 14:22
楚广明
阅读(3442)
推荐(0)
摘要：
日期：2012-10-15来源：GBin1.com如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻
阅读全文
posted @ 2012-12-22 14:20
楚广明
阅读(3796)
推荐(2)
摘要：
日期：2012-10-16来源：GBin1.com在上次的文章中我们介绍了一套超酷的黑色系单页面网站模板，今天我们带来了12套超棒的管理员专用网站模板，希望大家喜欢！在这些超棒的网站模板可以直接应用到其它的开源CMS （例如，wordpress，magento等等），你可以很方便的自定义。虽然管理员界面使用的数量相对用户界面并不多，但是专业的管理员界面网站模板要求更好的使用性和用户体验，并不是简单的设计。今天这套分享的模板相信能够带给大家超棒的体验！Charisma Admin Template(在线演示)这套网站模板使用Twitter Bootstrap开发。拥有9个不同的皮肤主题并且包含了
阅读全文
posted @ 2012-12-22 14:15
楚广明
阅读(1557)
推荐(0)
摘要：
期：2012-10-21来源：GBin1.com将图标字体使用在网站上，这会是一个全新的发展趋势。一旦font-face开始支持现代浏览器，那么在网页中插入图标字体有可能成为最简单的方法之一了。那为什么图标字体可以成为未来的新趋势？它的优点又是些什么呢？下面，我们总结了这么几个原因：它就像字体一样 ，我们可以改变图标的尺寸并让视觉效果更好。我们也可以改变它们的颜色，增加阴影效果。使用CSS3，我们还可以将它旋转，改变方向，还有过渡效果和不同层次的透明度。透明效果只有在IE6的环境下工作。下面我们收集了19套图标字体，总类超过了2000多种免费的图标给大家，你们可以使用它们在任何地方，如果你不确
阅读全文
posted @ 2012-12-22 14:11
楚广明
阅读(5547)
推荐(0)
摘要：
日期：2012-10-20来源：GBin1.com如果你已经足够精通CSS3的话呢，那么它带给你的惊喜和乐趣已经不言而喻了吧，它不仅可以帮助你创建出最优美的设计，还可以大大提高你的工作效率。今天我们给大家推荐的这47套CSS3教程无疑可以带给大家巨大的帮助，不光是专业开发人员，即使初学者也同样适用。在这套CSS3教程中，我们收集了足够多的小技巧可以更巧妙的运用在你的网站设计中，你可以用它们更好的优化你的网站。还等什么呢？快来试试吧。相关阅读：推荐20款最新的超棒CSS技术教程1.Swatch Book with CSS3 and jQueryDemo2.3D Thumbnail Hover E
阅读全文
posted @ 2012-12-22 14:09
楚广明
阅读(328)
推荐(0)
摘要：
日期：2012-10-28来源：GBin1.com还记得我们上次介绍的javascript文件上传类库 - javascript类库：FileDrop？今天我们介绍另外一个独立不依赖任何类库的文件上传js类库：Fine Uploader。支持的浏览器：IE7+FirefoxSafari (OS X)Chrome不使用jQuery，flash也不依赖任何第三方类库。我们只需要导入CSS和js文件即可，是不是非常方便<!DOCTYPE html><html> <head> <meta charset="utf-8"> <ti
阅读全文
posted @ 2012-12-22 13:12
楚广明
阅读(718)
推荐(0)
摘要：
日期：2012-10-28来源：GBin1.comMore Than A Map是Google最新上线的Google地图API使用的演示网站，提供了丰富的Google Maps API的使用。包括一下几个方面的功能展示：基础功能卫星功能街景功能地点功能路线功能数据可视化功能相信如果大家需要更深入的了解GoogleMaps的强大功能的话，参考这些超棒的在线演示，是个不错的选择。来源：Google的全新在线地图API演示网站 - More than a map
阅读全文
posted @ 2012-12-22 13:11
楚广明
阅读(439)
推荐(0)
摘要：
日期：2012-10-30来源：GBin1.comWeb和网站开发中我们常常需要处理的就是日期格式或者数字格式，还记得前面我们介绍过的超棒的处理日期格式的类库moment.js吧？今天这里我们将介绍一款方便你处理和格式化数字的类库 -Numeral.js。这个javascript可以帮助你快速的格式化货币，数字，百分比，还有时间。数字货币百分比时间同时支持反向格式化，如下：除了以上格式化和反格式化外，你还可以使用它来操作数字，如下：其它支持还包括，例如，数字克隆和数字差异及其多语言支持。并且支持node.js。是不是很棒的一个javascript工具类库，希望大家有机会能够在你的项目中应用到，
阅读全文
posted @ 2012-12-22 13:10
楚广明
阅读(1137)
推荐(0)
摘要：
日期：2012/02/20 来源：GBin1.commoment.js是一个轻量级并且健壮的js日期处理类库，相信大家在javascript开发过程中，都自己动手写过，或者使用google和百度搜索过相关的实现函数。使用这个类库，可以帮助你有效的处理相关日期。希望大家喜欢！主要特性：3.2kb超轻量级独立类库，意味这你不需要倒入一堆js日期处理支持UNIX 时间戳，String，指定格式的Date日期处理：加，减日期日期显示：包括相对时间显示的日期显示选项其它内建的功能，例如，保存，timezone offset和i18n支持可以作为node.js的一个模块完整的文档介绍如何使用？var no
阅读全文
posted @ 2012-12-22 13:08
楚广明
阅读(464)
推荐(0)
摘要：
期：2012-10-31来源：GBin1.com还记得10个实用的超绚CSS3按钮设计吗？在今天的这篇文章中，我们将带给大家40个精心挑选的CSS3按钮开发教程，相信大家在前面的文章中对CSS3按钮的超酷效果有所了解，希望在今天的这篇文章中，你能够更多的学习如何自己制作漂亮的CSS3按钮，还等什么，了解一下吧！Animated Buttons with CSS3[在线演示|在线教程]Fancy 3D Button with CSS3[在线演示|在线教程]Just Some Awesome CSS3 Buttons[在线演示|在线教程]CSS3 Social Buttons[在线演示|在线教程]
阅读全文
posted @ 2012-12-22 13:06
楚广明
阅读(288)
推荐(0)
摘要：
日期：2012-11-1来源：GBin1.com还记得绝对不容错过的超棒动物瞬间抓拍摄影作品吧？在今天的文章中，我们将分享50个超棒的获奖动物摄影作品，希望大家能够喜欢！Eagle FlyingLionMonkeyKenya WildlifeOn PatrolNatural Bridge WildlifeSnow TigerWild TurkeyAtlantic SealSizing UpFly-By DrinkingThe DuelFly-By DrinkingEvening RaysThe GlanceThe Tourist Tiger TrailTurtle GemRed-eyed Tr
阅读全文
posted @ 2012-12-22 13:05
楚广明
阅读(383)
推荐(0)
摘要：
期：2012-11-3来源：GBin1.com今天我们将分享12款精心挑选最新jQuery插件，包含了演讲，排序及其社交内容等等，很多插件在gbin1以前的jQuery文章中我们都介绍过，希望大家喜欢！1. impress.jsimpress.js是一个基于css3过渡和变形的演讲稿插件，如果你不是很喜欢使用PPT的话，它是个不错的选择。reveal.jsreveal.js是另外一个不错的演讲稿制作js，帮助你快速的构建HTML5的演讲稿Floater这个插件可以帮助你构建可以重新排序的单元块，每一个都可独立的包含html标签PFold一个实验性质的jQuery插件，帮助你使用折纸的方式来打开
阅读全文
posted @ 2012-12-22 13:03
楚广明
阅读(506)
推荐(0)
摘要：
在今天的文章中，我们介绍一个全新的图标集网站Endless Icon，在这里每天都会有添加一些不同类型最新的图标进去，所有的图标都是黑白色的，不论是粗线条还是手绘的图案在这里都可以找得到。包含了关于图表、食品、运动等还有其他类型的各式各样的元素。还是那句话，总有一款适合你！ 所有图标对于个人和商用均是免费使用，全部都是PNG格式，绝对值得你收藏使用！网站：http://www.endlessicons.com来源：Endless icon: 每天都更新的图标集
阅读全文
posted @ 2012-12-22 13:01
楚广明
阅读(262)
推荐(0)
摘要：
日期：2012-11-2来源：GBin1.com最近微软已经正式发布了windows 8操作系统，window操作系统的风格已经完全改变成了瓦片状的MetroUI。对于微软来说这是一个巨大的改变，而且所有微软的平台包括，桌面，平板，移动及其网站都使用这个UI风格。MetroUI包含了所有的现代web设计的特点，包括了，简化，基于网格的界面，并且富有连续性。大家如果有兴趣可以看看这个界面设计说明（http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx）。如果你也喜欢Metro风格的话，这里我们收集了很多windows
阅读全文
posted @ 2012-12-22 13:00
楚广明
阅读(2247)
推荐(0)
摘要：
日期：2012-11-7来源：GBin1.com如果你不仅仅是网站设计师同时也是摄影师爱好者的话，那么拍摄高水准的摄影作品绝对可以为你的工作带来更大的帮助！你可以将这些照片处理后放到你设计的网站上，绝对是件了不起的作品。当然，有了好的作品并不等于你的网站就接近完美了，你还需要有足够的空间来展示作品集，否则你肯定会丢失掉很多喜欢你作品的客户。在今天的这篇推荐中我们收集了很多超棒的网站设计，希望大家可以从这些佳作中得到启发，它们绝对给你带来源源不断的灵感来源！Small Studio网站来源：smallstudio.com.au主题：Webdesign, PrintArt & Code网站
阅读全文
posted @ 2012-12-22 12:55
楚广明
阅读(763)
推荐(0)
摘要：
日期：2012-11-12来源：GBin1.com如果你曾经开发过类似限时抢购的网站或者应用的话，或者你需要在发布一款超棒游戏之前添加一些神秘元素的话，一个超棒或者超酷的倒计时页面绝对是非常有必要的，制作一个倒计时的功能虽然不是非常复杂，但是如果你有现成的代码能够直接使用的话，相信各位也绝对不会拒绝！在今天的这篇文章中，我们收集了六款超棒的倒计时jQuery插件，能够快速高效的帮助你搭建一个漂亮的倒计时页面，还等什么，看看吧！jQuery超酷倒计时插件在这篇教程中，将介绍如何使用jQuery来开发一个漂亮的倒计时效果，当然，最后的代码做为一个jQuery插件的方式提供给大家免费使用，相信如果你
阅读全文
posted @ 2012-12-22 12:55
楚广明
阅读(556)
推荐(0)
摘要：
日期：2012-11-14来源：GBin1.com还记得上次我们分享的超炫的iphone应用UI/UX设计赏析吧，在今天的UI分享中，我们将介绍40款超棒的免费智能手机UI界面设计，如果你从事智能手机界面开发和设计的话，这套免费UI绝对不容错过，希望大家喜欢，如果你有不错的免费资源，请也和我们分享！1.Surface iPhone UI Kit2.iPhone iOS 6 GUI PSD3.iPhone UI4.Official Android 4.0 UI Downloads5.iPhone GUI PSD Version 46.iOS 6 GUI PSD (iPhone 5)7.HTC M
阅读全文
posted @ 2012-12-22 12:52
楚广明
阅读(1117)
推荐(0)
摘要：
日期：2012-11-11来源：GBin1.com前端时间我们分享了12套超酷的后台管理员界面网站模板，相信看过的朋友肯定已收入囊中了，今天呢，我们继续推荐45套高质量的免费网站模版，相信如果需要自己搭建网站的朋友肯定会非常喜欢！废话不说，大家来看看吧！1. Beauty Class在线演示|下载地址2. Good-natured在线演示|下载地址3. Rock Castle在线演示|下载地址4. Wood Working在线演示|下载地址5. Designa在线演示|下载地址6. Folder在线演示|下载地址7. BookStore在线演示|下载地址8. Carousel在线演示|下载地址
阅读全文
posted @ 2012-12-22 12:50
楚广明
阅读(389)
推荐(1)
摘要：
日期：2012-11-23来源：GBin1.com还记得上次我们分享的超棒动物瞬间抓拍摄影作品吧，今天我们这里继续分享一套超棒的野生动物摄影作品，绝对不容错过！所有的图片都是在野生环境中拍摄制作的，整套图片非常的真实，也不乏幽默，希望大家喜欢！图片来源：Ankur Patar图片来源：Farzad Sadjadi图片来源：Tata Vislevskaya图片来源：Troy Moth图片来源：Bob Brind-Surch图片来源：Bob Brind-Surch图片来源：Bob Brind-Surch图片来源：Anson Antony图片来源：Hannah Grogan图片来源：James Ho
阅读全文
posted @ 2012-12-22 12:47
楚广明
阅读(305)
推荐(0)
浙公网安备 33010602011771号