12 2012 档案
摘要：日期：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
阅读全文
摘要：日期：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
阅读全文
摘要：日期：2012-9-12来源：GBin1.com响应式设计(responsive design)在近些年是非常流行的web设计，能够帮助你有效的针对不同设备的显示屏幕自适应的显示内容，大大的提高了用户的使用体验和web设计的要求，作为最为流行的jQuery来说，也提供了很多现成的插件帮助你实现响应式设计，在今天的这套插件推荐中，我们将推荐给大家20个不错的响应式设计常用插件，希望大家喜欢！jQuery Masonry — A layout plugin for jQuery相信大家对于这个jQuery布局插件肯定不陌生，很多网站都使用它开发瀑布流布局。Isotope — An exquisit
阅读全文
摘要：期：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:
阅读全文
摘要：日期：2012-10-9来源：GBin1.com如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻量
阅读全文
摘要：日期：2012-10-10来源：GBin1.com如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻
阅读全文
摘要：日期：2012-10-15来源：GBin1.com如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻
阅读全文
摘要：日期：2012-10-16来源：GBin1.com在上次的文章中我们介绍了一套超酷的黑色系单页面网站模板，今天我们带来了12套超棒的管理员专用网站模板，希望大家喜欢！在这些超棒的网站模板可以直接应用到其它的开源CMS （例如，wordpress，magento等等），你可以很方便的自定义。虽然管理员界面使用的数量相对用户界面并不多，但是专业的管理员界面网站模板要求更好的使用性和用户体验，并不是简单的设计。今天这套分享的模板相信能够带给大家超棒的体验！Charisma Admin Template(在线演示)这套网站模板使用Twitter Bootstrap开发。拥有9个不同的皮肤主题并且包含了
阅读全文
摘要：期：2012-10-21来源：GBin1.com将图标字体使用在网站上，这会是一个全新的发展趋势。一旦font-face开始支持现代浏览器，那么在网页中插入图标字体有可能成为最简单的方法之一了。那为什么图标字体可以成为未来的新趋势？它的优点又是些什么呢？下面，我们总结了这么几个原因：它就像字体一样 ，我们可以改变图标的尺寸并让视觉效果更好。我们也可以改变它们的颜色，增加阴影效果。使用CSS3，我们还可以将它旋转，改变方向，还有过渡效果和不同层次的透明度。透明效果只有在IE6的环境下工作。下面我们收集了19套图标字体，总类超过了2000多种免费的图标给大家，你们可以使用它们在任何地方，如果你不确
阅读全文
摘要：日期：2012-10-20来源：GBin1.com如果你已经足够精通CSS3的话呢，那么它带给你的惊喜和乐趣已经不言而喻了吧，它不仅可以帮助你创建出最优美的设计，还可以大大提高你的工作效率。今天我们给大家推荐的这47套CSS3教程无疑可以带给大家巨大的帮助，不光是专业开发人员，即使初学者也同样适用。在这套CSS3教程中，我们收集了足够多的小技巧可以更巧妙的运用在你的网站设计中，你可以用它们更好的优化你的网站。还等什么呢？快来试试吧。相关阅读：推荐20款最新的超棒CSS技术教程1.Swatch Book with CSS3 and jQueryDemo2.3D Thumbnail Hover E
阅读全文
摘要：日期：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
阅读全文
摘要：日期：2012-10-28来源：GBin1.comMore Than A Map是Google最新上线的Google地图API使用的演示网站，提供了丰富的Google Maps API的使用。包括一下几个方面的功能展示：基础功能卫星功能街景功能地点功能路线功能数据可视化功能相信如果大家需要更深入的了解GoogleMaps的强大功能的话，参考这些超棒的在线演示，是个不错的选择。来源：Google的全新在线地图API演示网站 - More than a map
阅读全文
摘要：日期：2012-10-30来源：GBin1.comWeb和网站开发中我们常常需要处理的就是日期格式或者数字格式，还记得前面我们介绍过的超棒的处理日期格式的类库moment.js吧？今天这里我们将介绍一款方便你处理和格式化数字的类库 -Numeral.js。这个javascript可以帮助你快速的格式化货币，数字，百分比，还有时间。数字货币百分比时间同时支持反向格式化，如下：除了以上格式化和反格式化外，你还可以使用它来操作数字，如下：其它支持还包括，例如，数字克隆和数字差异及其多语言支持。并且支持node.js。是不是很棒的一个javascript工具类库，希望大家有机会能够在你的项目中应用到，
阅读全文
摘要：日期：2012/02/20 来源：GBin1.commoment.js是一个轻量级并且健壮的js日期处理类库，相信大家在javascript开发过程中，都自己动手写过，或者使用google和百度搜索过相关的实现函数。使用这个类库，可以帮助你有效的处理相关日期。希望大家喜欢！主要特性：3.2kb超轻量级独立类库，意味这你不需要倒入一堆js日期处理支持UNIX 时间戳，String，指定格式的Date日期处理：加，减日期日期显示：包括相对时间显示的日期显示选项其它内建的功能，例如，保存，timezone offset和i18n支持可以作为node.js的一个模块完整的文档介绍如何使用？var no
阅读全文
摘要：期：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[在线演示|在线教程]
阅读全文
摘要：日期：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
阅读全文
摘要：期：2012-11-3来源：GBin1.com今天我们将分享12款精心挑选最新jQuery插件，包含了演讲，排序及其社交内容等等，很多插件在gbin1以前的jQuery文章中我们都介绍过，希望大家喜欢！1. impress.jsimpress.js是一个基于css3过渡和变形的演讲稿插件，如果你不是很喜欢使用PPT的话，它是个不错的选择。reveal.jsreveal.js是另外一个不错的演讲稿制作js，帮助你快速的构建HTML5的演讲稿Floater这个插件可以帮助你构建可以重新排序的单元块，每一个都可独立的包含html标签PFold一个实验性质的jQuery插件，帮助你使用折纸的方式来打开
阅读全文
摘要：在今天的文章中，我们介绍一个全新的图标集网站Endless Icon，在这里每天都会有添加一些不同类型最新的图标进去，所有的图标都是黑白色的，不论是粗线条还是手绘的图案在这里都可以找得到。包含了关于图表、食品、运动等还有其他类型的各式各样的元素。还是那句话，总有一款适合你！ 所有图标对于个人和商用均是免费使用，全部都是PNG格式，绝对值得你收藏使用！网站：http://www.endlessicons.com来源：Endless icon: 每天都更新的图标集
阅读全文
摘要：日期：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
阅读全文
摘要：日期：2012-11-12来源：GBin1.com如果你曾经开发过类似限时抢购的网站或者应用的话，或者你需要在发布一款超棒游戏之前添加一些神秘元素的话，一个超棒或者超酷的倒计时页面绝对是非常有必要的，制作一个倒计时的功能虽然不是非常复杂，但是如果你有现成的代码能够直接使用的话，相信各位也绝对不会拒绝！在今天的这篇文章中，我们收集了六款超棒的倒计时jQuery插件，能够快速高效的帮助你搭建一个漂亮的倒计时页面，还等什么，看看吧！jQuery超酷倒计时插件在这篇教程中，将介绍如何使用jQuery来开发一个漂亮的倒计时效果，当然，最后的代码做为一个jQuery插件的方式提供给大家免费使用，相信如果你
阅读全文
摘要：日期：2012-11-7来源：GBin1.com如果你不仅仅是网站设计师同时也是摄影师爱好者的话，那么拍摄高水准的摄影作品绝对可以为你的工作带来更大的帮助！你可以将这些照片处理后放到你设计的网站上，绝对是件了不起的作品。当然，有了好的作品并不等于你的网站就接近完美了，你还需要有足够的空间来展示作品集，否则你肯定会丢失掉很多喜欢你作品的客户。在今天的这篇推荐中我们收集了很多超棒的网站设计，希望大家可以从这些佳作中得到启发，它们绝对给你带来源源不断的灵感来源！Small Studio网站来源：smallstudio.com.au主题：Webdesign, PrintArt & Code网站
阅读全文
摘要：日期：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
阅读全文
摘要：日期：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在线演示|下载地址
阅读全文
摘要：日期：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
阅读全文
摘要：代码片段1: 在表单中禁用“回车键”大家可能在表单的操作中需要防止用户意外的提交表单，那么下面这段代码肯定非常有帮助：在线调试在线演示$("#form").keypress(function(e) { if (e.which == 13) { return false; }});代码片段2: 清除所有的表单数据可能针对不同的表单形式，你需要调用不同类型的清楚方法，不过使用下面这个现成方法，绝对能让你省不少功夫。在线调试 在线演示function clearForm(form) { // iterate over all of the inputs for the form
阅读全文
摘要：日期：2012-11-28来源：GBin1.com如果你开发前端特效的话，肯定会首选javascript类库，例如，jQuery，使用它能够帮助你快速的帮助你生成兼容性相对良好的动画特效。或者，如果你对于兼容性没有太多的要求的话，你可以考虑使用性能更加优良的CSS3动画特效。大家可能还记得我们以前介绍过的animate.css,Easings和liffect三个超棒的CSS3动画类库吧。今天我们这里总结了5款有效帮助你生成CSS3动画效果的类库和工具，希望大家喜欢！Animate.cssLiffectEasingsAnimatableMorf使用以上的CSS3动画类库可以帮助你快速的实现基于C
阅读全文
摘要：在过去的文章中我们推荐过很多关于Wordpress主题的文章，有兴趣可以点击这里查看到更多。今天，我们要推荐以自由为主风格的16款免费主题，这些充满活力的网站设计一定会让你心动。希望大家喜欢！1. Prospect在线演示|更多信息Prospect是一款免费的以商用和投资组合为主题的内容，它是一款看起来非常干净的响应式设计，包括自动滑块，自定义和页面生成器。2. Glider在线演示|更多信息Glider是一款看起来非常严肃的响应式主题，它与其他类型的主题不同，此款非常注重版型和内容，没有页面滑块和图像等其他多余的设计。如果你也倾向内容多得网站主题，那你可以试试这款。3. Tetris在线演示
阅读全文
摘要：作者：Leonel Hilario翻译：Terry li -GBin1.com英文：5 Top jQuery Chart Libraries for Interactive Charts目前对于简单快速的开发图的需要使得大家需要找到一种相对简单的方式来开发互动的图表。jQuery和其他js类库使得我们可以更容易的在（X）HTML中访问数据的呈现。本文中我们将介绍目前5种图表类库能够不同程度满足简答到复杂的图表展现需求。大多数都是免费或者是针对个人免费的类库。GraphUp jQuery plugin - 15美元Graphup是一中非常轻量级的灵活的jQuery(v1.4+)插件用来美化你的数
阅读全文
摘要：对于网页设计者和开发人员来说,电子商务网站会是最具挑战性的网站之一.它需要大量的前期规划,线框图和选择一个适合的电子商务平台.当到了设计阶段,设计者必须确保产品的细节会很好的展现出来,同时,订单处理界面也要人性化.整个网站也将是公司的品牌象征.在这篇文章里,我们搜集了17个漂亮的精心设计的电子商务网站。相关阅读：推荐30款超精致的体育类型的网站设计viafavbulous来源：分享17个漂亮的电子商务网站
阅读全文
摘要：又到了免费推荐的时间了！记得在之前的文章中，我们曾经推荐过一篇简洁独特的logo设计和另一篇关于网站logo设计的文章，有兴趣的朋友可以再来回顾一下哦。今天我们又再次找到了25款免费商务用途的logo设计给大家分享。logo顾名思义，它是一家公司或企业的第一印象，它的唯一性和独特性成为了它最最重要的部分！一家公司或企业无论是产品还是服务，在目标市场上如何才能达到吸引人且不容易忘记，这是需要花费大量的时间和精力的。一个好的logo不仅可以给你带来更多的关注，更重要的是它会给你带来更多的机会。这次我们带来的这25款免费的logo模板，它们都是可编辑的PSD格式文件，所以你不必担心它的设计问题。希望
阅读全文
摘要：大家在网站开发和设计过程中，往往需要提示用户某些功能或者相关消息，而HTML自带的title属性又往往不够强大，经常需要我们自己去开发相关的工具提示条功能。为了帮助大家更好的开发相关的工具提示条功能，这里我们收集了一套超棒的javascript和javascript类库，如果你不清楚如何选择这些类库的话，请关注我们的“web前端最佳实践”系列中的tooltip工具条选择。希望大家喜欢！Qtip2可能大家都听说过Qtip，不过这个jQuery插件已经不再维护和开发，取而代之的是Qtip2，这个工具条提示个人认为是最强大的实现类库，几乎帮助你考虑了所有你开发中需要处理的情况，而且支持自定义主题，并
阅读全文
摘要：Python编程赖勇浩的编程私伙局TechParty:珠三角技术沙龙 | 打造泛珠三角技术圈线上线下交流的平台TopCoder,Inc.Code Golf | Home蜻蜓点水 举重若轻 – 沈崴 – 网易博客The Python ChallengeProject EulerCode&LifeAllegra » Blog Archive » About JRuby and CPythonAllegraManual中国Zope/Plone用户组Qt – 一个跨平台应用程序和UI开发框架 — Qt – A cross-platform application and U
阅读全文
摘要：IE的CSS if条件Hack- css hack 通过DIVCSS5为大家讲解DIV+CSS中if条件hack知识与教程实例目录 Css if hack条件语法 DIV+CSS if实例 if条件hack总结 1、Css if hack条件语法 - TOP<!--[if IE]> Only IE <![endif]-->仅所有的WIN系统自带IE可识别<!--[if IE 5.0]> Only IE 5.0 <![endif]-->只有IE5.0可以识别<!--[if gt IE 5.0]> Only IE 5.0+ <