摘要： 日期：2011/11/16 来源：GBin1.com 记 得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验？ 是不是立刻就想到了flash实现？这彷佛年代久远的事了。使用现在最流行的web技术 HTML5，CSS3和jQuery，同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开 发移动版flash的消息，虽然在桌面中我们还拥有大量的flash的应用，但是随着HTML标准的完善，可能flash也要退出历史舞台了。在今天这篇 文章中，我们 将介绍一些非常实用的教程，技巧和资源来帮助大家构建一个更加丰富的用户界面。请大家给积极 阅读全文

摘要： 日期：2011/11/15 来源：GBin1.com 毫无疑问，图形领域的私有软件使得刚起步的一些其它软件需要更多时间来适应。但是这里仍旧有一些非常棒的图形软件值得大家关注。当然他们可能无法取代已经被我们耳熟能详的大品牌软件。我们也没有办法比较孰优孰劣。所有这些都在于我们究竟要用它做什么。这 些软件是由社区开发的，因此我们不能指望它能像Photoshop那样变化。 这不代表它好或者差。 只是有些区别。 当然可能对于一个项目来说我们需要使用不同的平台和许可。所以你不得不使用多个工具完成一个项目，这也是为什么大家选择知名软件例如,photoshop 的原因。GIMPGIMP 是必须要提的软件， 名 阅读全文

摘要： 日期：2011/11/15 来源：GBin1.com 使用程序或者某些工具自动生成的Javascript格式有时候可能会非常糟糕，这个时候如果我们拥有一个可以自动帮助你美化代码的工具将会非常的给力！今天我们介绍使用Beautify.js来帮助你自动规整jQuery代码。在线工具地址：http://jsbeautifier.org/在线下载地址：https://github.com/einars/js-beautify在线演示 Javascript代码：$(document).ready(function() { $('.beautify').each(function() { 阅读全文

摘要： 日期：2011/11/14 来源：TerryjQuery sparklines是一个jQuery的图表插件，可以帮助你快速构建行内的小图表，今天我们将使用Sparklines开发一个动态监视首页PV变化 的应用。希望大家能喜欢，并且多多留言！请点击演示中的"Click ME!!!"，查看动态PV变化效果。在线演示如果你不知道什么是jQuery sparklines，请查看如下资源：jQuery sparklines官方网站5个最顶级jQuery图表类库插件-Charting pluginHTML代码：<div id="container"> 阅读全文

摘要： 日期：2011/11/12在线演示Topup是一个使用非常简单的javascript类库用来使用web2.0的弹出方式展示图片。这个类库基于jQuery和jQuery UI以保证跨浏览器的兼容性。提供如下特性：主要特性：绝对免费，甚至对于商业使用也同样免费配置非常简单，只需要包括一个include语句，没有其它更多配置使用Topup能保持你的HTML代码简单清晰，不需要添加多余的代码能够显示图片，flash，电影(Quicktime, windows media和realplay),iframe, DOM元素和纯HTML可以和prototype一起使用能够使用Yahoo！YUI Compres 阅读全文

摘要： 这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章，请在我们的网站GBin1留言支持！1. FindmebyIP一个列出了所有浏览器对于HTML5支持细节的网站。特别适合对于浏览器的兼容有问题的朋友。优点是在线，可以方便大家查看。类似的网站还有这个：Caniuse.com2. Video JS一个基于javascript的HTML5视频播放器。拥有三个部分：一段嵌入代码，一个javascript类库以及HTML/CSS的皮肤。 阅读全文

摘要： 日期：2011/11/10 所有的开发人员都应该注意了，你们绝对应该看看这篇文章，帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架，但是你应该看看这些框架，因为你以前可能没用过他们中的大部分。 看看最新的实用HTML5和CSS3框架吧！希望你们喜欢！1. HTML5boilerplateH5BP 带给你非常漂亮的文档，一个网站优化的编译脚本，还有一个自定义的boilerplate编译器。除此之外，我们还支持lighttd，Google App Engine和NodeJS以及优化的服务器配置（包括Apache， Nginx，和IIS），并且已经把boilerplate的大小 阅读全文

摘要： 日期：2011/11/10 来源：GBin1Javascript没有任何内建的格式化函数，这里我们通过Google收集了5个javascript的数字格式化函数，希望对于大家的web开发能够带来方便。十进制四舍五入这两段代码帮助你做到四舍五入，对于你显示价格或者订单比较有用：代码1：function CurrencyFormatted(amount) { var i = parseFloat(amount); if(isNaN(i)) { i = 0.00; } var minus = ''; if(i < 0) { minus = '-'; } i = 阅读全文

摘要： 日期：2011/11/10 来源：GBin1.com 介绍约 束和创新是一对天生的冤家，为了更好的提升其中一个方面你不得不需要牺牲另外一个方面。同样的原因造成了设计者仍然在黑暗中摸索如果有效的结合SEO和设 计理念。SEO往往遵循着特定的原则，但是伟大的设计往往超越了传统，可能带来了互相冲突的地方。但是我们都知道，一个好的设计应该是没有意义的，除非它 能得到在线的关注。因此，我们将开辟一个前人没有尝试过的方式，来处理这些令人沮丧的麻烦。下面的这些步骤能帮助你使得“具有SEO意识的网站设计”更加 的具体和明了。敏感性实验我 研究过不同的网站发现虽然他们看起来非常的炫酷但是对于初次访问的用户来说几 阅读全文

摘要： Iphone5如此的流行，我觉得我们有必要为我们的读者收集一套时尚的iphone墙纸。 知道设计和开发社区是多么喜欢装饰他们的移动设备，我们收集了各大社区最好的iphone墙纸，帮助你更好的装饰你的iphone设备。 因为有如此多的墙纸设计，我们专注于比较知名的网站和设计人员。Veerle’s Blog Download Download Download Download DownloadI Love Typography Download Download Download Download DownloadVlad Studio Download Download Download Do 阅读全文

摘要： 整合jQuery的全景图片展示插件，能帮助你的网站访客更好的浏览你的网站图片。帮助你构建虚拟旅程，全景展示和滚动，无限的图片幻灯，希望大家喜欢！相关的插件：分享8个图片360度旋转展示的jQuery插件1. 360° panoramic view plugin for jQuery一个全景图由一系列图片经过软件合成的一个广视角效果。它给予访客一个身临其境的感受。2. jQuery 360* Panorama非常小的一个用来生成全景效果的jQuery插件（4Kb）。非常容易自定义，只需要全景图片，一个DIV，还有些CSS定义，最后再来点儿javascript。3. jQuery sph 阅读全文

摘要： 感谢设计社区的开放性，我们可以让web设计人员，图形设计人员拥有无数的网络资源。社交网站的发展使得我们可以拥有一个展现自己的平台，用来和不同的人分享自己的设计和概念。许多人都使用它来展示自己的作品，更多的人通过它来发现自己作品的问题。这里我们发现了和很多有趣的设计和灵感，帮助你拍拖设计上颈瓶。希望能帮助你扩展你设计的思路。个人来说，我喜欢抽象设计，所以这里有很多抽象的设计。希望大家喜欢！Simple Desktop一些抽象设计的墙纸，我发现非常有创意，简单然后非常具有灵感Subtle Pattern你可以得到所有平铺的背景，有些可能你很熟悉。一个非常好的寻找背景的网站PatternTap你可以 阅读全文

摘要： 昨天介绍了javascript的开发工具sublime 2 edit，今天我们将介绍如何10分钟快速配置sublime2支持jQuery开发。希望大家能喜欢着款jQuery开发工具。相关介绍：使用sublime text 2开发Javacript和jQuery安装Sublime 2Sublime2下载地址：http://www.sublimetext.com/download 安装jQuery插件jQuery插件下载地址：https://github.com/mrmartineau/jQuery 安装配置jQuery插件包以上俩个都是zip包。先解压sublime2的压缩包，因为我使用WIN7 阅读全文

摘要： 来源：GBin1.com 经常听见大家抱怨javascript开发没有好的IDE，当然我也同意。但是如果你尝试sublime text 2后估计你可能改变这个观点。下载地址：http://www.sublimetext.com/download 主要特性：jQuery功能版本：绝对是我这个jQuery坚决支持者的最爱！你只需要简单的输入$.ajax，然后按Tab键，自动加载模板。对于jQuery方法同样适用。运行速度快：快速代码编辑器，你可以快速查询，替换代码中字符串平台无关：你可以在Mac和windows上使用可定制：你可以自己定制自己喜欢的编码方式自动补齐括号：这个非常实用代码长度方便浏览 阅读全文

摘要： 今天继续给大家介绍HTML5和jQuery插件结合使用生成的图形特效，这里我继续使用星际争霸2的图片元素给大家介绍一个360度全景预览兵种的特效实现，希望大家喜欢！请大家多多留言！在线演示 在线下载友情提示：以上演示中图片使用较大，如果加载不流畅，请下载到本地运行。如果你不清楚什么是360度全景预览或者不明白Reel是什么插件的话，请参考这篇文章：分享8个图片360度旋转展示的jQuery插件如果你没有用过jQuery插件Reel的话，请你访问官方网站：Reel 1.1.3HTML代码<header> <h1>Starcraft 2 Unit Animation Dem 阅读全文