2012年08月_普通网友

原创【简报】使用oriDomi折纸效果的HTML元素

日期：2012-8-31 来源：GBin1.comoriDomi是一款超酷的JavaScript类库，可以把页面中任何HTML元素生成折叠效果。此类库不依赖于任何JavaScript框架(但对于jQuery可以有选择性支持)并使用CSS 3D创建过渡效果。在线演示本地下载主要特性图片小于15K可选择性支持jQuery/Ender可以在iOS环境下工作支持折叠效果，

2012-08-31 16:01:53 749

原创超棒的jQuery响应式图片处理插件：jQuery picture

日期：2012-8-31 来源：GBin1.com在线演示本地下载响应式的网站设计中，很重要的一个部分就是图片的响应式设计，今天我们将介绍一个超棒的帮助你生成响应式图片设计的jQuery插件 - jQuery picture。使用它能够帮助你快速的生成支持响应式设计的图片。主要特性插件非常小，压缩版2kb支持figure标签及其新加入的picture标签支

2012-08-31 15:58:37 1383

原创推荐3款热门特惠(幻灯、WP插件、主题等等)

日期：2012-8-31 来源：GBin1.comMightyDeals，每天网站上都会有很多新内容发布。最近，又推出了3款超热门的特惠！快来看看吧！WOW Slider这是一个jQuery响应式的图像幻灯，它有很多独特的的转换方式，像风、飞行、隐形的、切片的、还有淡入淡出等。幻灯片是建立在桌面应用程序(支持win+Mac)上，并且这个项目的特点还可以用列表导航浏览。拥有上

2012-08-31 15:54:42 1269

原创分享10个超棒的文字排版相关jQuery插件

日期：2012-8-30 来源：GBin1.com文字排版在网站设计中非常重要，但是往往大家都会有意无意的忽略它们。在今天这篇文章中，我们将介绍一套超棒的字体排版相关的jQuery插件，希望大家喜欢！FixText.jsFitText是一个简单的jQuery插件，能够帮助你自动的创建符合父元素宽度的字体。非常适合应用到响应式的标题内容中去Lettering.js虽然在CS

2012-08-31 15:51:52 1548

原创【简报】超棒的拖放式文件上传javascript类库：FileDrop

日期：2012-8-30 来源：GBin1.com今天推荐一款来自俄国web开发人员的支持拖放的跨浏览器javascript文件上传类库：FileDrop。主要特性跨浏览器独立并且体积非常小支持不同的callback使用iframe作为fallback多文件选择支持多个FileDrop实例文档比较全如何使用最少的代码如下： Basic File

2012-08-31 15:49:05 2179

原创分享12个超棒的免费PSD格式UI套件

日期：2012-8-30 来源：GBin1.com设计精美的ui套件往往能够吸引大家的眼球，在今天的免费资源推荐中，我们给大家挑选了12个超棒的psd格式的ui套件，希望大家喜欢！Free Admin Template PSDTransparent Ui kitSettings PaneliPhone Music Player.......来源：分享1

2012-08-31 15:45:06 1681

原创最新的超棒免费图标字体(icon font)收集

日期：2012-8-29 来源：GBin1.com今天我们收集了18套非常有特色的免费图标字体给大家，如果能够将它们应用到你的用户界面设计上，绝对是完美之极！到底什么才是图标字体？图标字体是字体文件，用符号和字形的轮廓(像箭头、文件夹、放大镜等) 代替标准的文字数字式字符。图标字体就像Dingbat fonts，是专门为用户界面设计，就像其它网站字体一样，使用CSS@font

2012-08-31 15:41:57 1763

原创一个超棒的CSS属性排序工具 - CSScomb

日期：2012-8-28 来源：GBin1.com今天我们介绍一个超棒的前端开发工具 -CSScomb，使用这个工具可以帮助你重新排列CSS中定义的属性，帮助你按照你预定义的排序格式生成新的CSS。主要特性帮助排序CSS属性自定义排序规则可以处理标签内的CSS属性格式不变化完全支持CSS2/CSS2.1/CSS3和CSS4注意这个工具不是一个格式化工具，不会修改你

2012-08-31 15:38:55 2632

原创 GBin1专题之Web热点#6

本周Gbin1专题之Web热点！来源：GBin1专题之Web热点#6

2012-08-27 12:29:49 624

原创如何在HTML中使用图标字体 - icon font?

日期：2012-8-27 来源：GBin1.com在线演示本地下载主要特性使用icon font来生成图标相对于基于图片的图标来说，有如下的好处：自由的变化大小自由的修改颜色添加阴影效果IE6也可以支持支持图片图标的其它属性，例如，透明度和旋转等等可以添加text-stroke和background-clip:text等属性，只要浏览器支持如何使用？

2012-08-27 12:24:29 1339

原创免费素材下载：一套超棒的免费UI套件

日期：2012-8-26 来源：GBin1.com大家如果做网页设计的话，都需要设计一些漂亮的UI，今天的免费素材介绍中，我们收集了一套超棒的免费ui套件，你可以自由的使用到个人或者商用项目中，希望大家喜欢！黑色UI工具包暗色系的PSD格式UI套件Grey UI KitMega UI PackTransparent UI KitSimple P

2012-08-27 12:21:33 3391

原创超酷幽默搞笑的摄影作品

日期：2012-8-25 来源：GBin1.com俗话说的好：“微笑是最好的良药”，幽默搞笑的摄影作品往往能够更快的被人关注和接受，而且更容易深入人心，在今天的分享中，我们推荐一组超棒的幽默搞笑摄影作品，希望大家喜欢！Mr T by ShakilovNeelSqueaky Clean by ulorinvexIts stuck by Cherri-cakesPir

2012-08-27 12:19:15 592

原创分享11个超棒的移动应用(mobile apps)开发解决方案

日期：2012-8-24 来源：GBin1.com如果你问我是不是一个好的时机开发超棒的移动应用了？我得说：当然！随着不同技术和类库的发展，很多移动应用解决方案浮出水面，在今天这篇文章中，我们将看看11个超棒的跨平台移动应用解决方案和工具。希望大家喜欢！Sencha Touch 2如果你对于HTML5，CSS3和Javascript比较熟悉的话，那么Sencha Touc

2012-08-24 11:17:03 1710

原创超棒的仪表盘javascript类库 - justGage

日期：2012-8-23 来源：GBin1.com在线演示本地下载还记得前端时间我们分享的动画仪表板javascript - gauge.js吧，使用它能够帮助我们迅速的构建一个超棒的动画仪表盘效果。今天这里我们再介绍一款兼容性更好的动画仪表盘javascript类库：JustGage，这个类库基于著名的绘图类库Raphaël ，能够提供更好的绘图兼容性。

2012-08-24 11:11:53 3484

原创为什么使用Dojo toolkit的十大原因

日期：2012-8-22 来源：GBin1.com最强大但是使用量却大大低于预期的Javascript工具类库肯定是：Dojo Tookkit。几乎所有的javascript框架或者类库都许诺你可以实现任何功能，但是Dojo是最具有此类话语权的类库。在这篇文章中，我们将从十个不同的角度来分享，为什么你应该在你的web项目中开始使用Dojo toolkit。原因一：模块化和AMD模

2012-08-24 10:54:42 804

原创 GBin1专题之Web热点#5

本周新热点！Gbin1推出新热点！敬请关注！原文来自：GBin1专题之Web热点#5

2012-08-21 13:24:18 506

原创 30个带个你灵感的纹理网页设计

日期：2012-8-21 来源：GBin1.com在之前的文章中，我们介绍过多款高清纹理集，但是你有没有试过使用纹理图案在你的网页设计里？如果没有，那么今天的文章绝对会让你大饱眼福，因为它们将呈现出的是另一种独特不一样的风格。经常浏览我们Gbin1网站的同志们一定看过最近的一篇文章-关于30个暗色系的网站设计，其实使用色调效果固然不错，使用纹理设计的网站也非常有特色，怀旧感、现代感、时尚

2012-08-21 13:21:04 450

原创一个超棒的消息提示jQuery插件 - Noty

日期：2012-8-20 来源：GBin1.com在线演示本地下载前面我们介绍过一款基于jQuery，backbone.js和underscore.js的消息提示框架，今天我们介绍另外一款jQuery的消息提示插件 -Noty。使用它能够帮助我们快速创建，警告，提示和错误信息框。大家肯定都使用过缺省的alert('..')代码吧，使用Nody能够创建出漂亮功能更强大的

2012-08-20 11:03:15 3841

原创【简报】使用3D过渡效果的图片幻灯：Adaptor

日期：2012-8-19 来源：GBin1.com如果在网页制作中运用3D特效的话，通常比2D效果更加具有震憾力！今天我们给大家介绍的是一款超棒的3DjQuery幻灯插件 - Adaptor ，能够提供非常光滑流畅的2D和3D过渡特效。这款插件的3D效果能够支持基于WebKit和Mozilla内核浏览器，如果你用的是其它浏览器，例如IE，3D显示将会被淡入淡出效果代替。在线演

2012-08-20 10:58:32 756

原创免费素材：超棒的PSD格式UI套件 - Soft UI KIT

日期：2012-8-18 来源：GBin1.com在今天的免费素材分享中，我们将推荐来自于Kim Petersen的一套PSD格式的UI套件 - Soft UI Kit，这套UI套件可以免费用于个人或者商用。包含了很多不同的UI元素，例如，按钮，菜单，社交图标等等。非常适合使用在不同的web UI设计中。拥有非常漂亮的淡灰色阴影。大图预览本地下载来源：免费素材：超棒的

2012-08-20 10:54:49 2907

原创【简报】Wirefy-响应式构架的框架工具

日期：2012-8-17 来源：GBin1.com如果你是一个web网站设计人员或者开发工程师的话，那么使用Wirefy将会对你开发一个网站原型非常的有帮助。它是一个帮助你开发响应式并且跨浏览器的CSS-JS框架。Wirefy创建的界面简单直观，不会让你的客户被颜色或其它样式给干扰，因为它让你更加专注于网站的布局和功能。这个框架包括所有的网站开发和设计需要的元素，例如布局、网格、

2012-08-17 10:48:01 696

原创 8个超棒的使用javascript开发的视觉特效网站

日期：2012-8-17 来源：GBin1.com随着flash的落寞及其HTML5和CSS3的发展，更多的网站开始使用javascript，CSS3和HTML5来开发炫酷的特效。今天我们挑选了8个超棒的CSS3和javascript开发的视觉特效网站，希望大家喜欢！如果你也收藏了一些不错的网站，请留言和我们分享，谢谢！Joint London拥有非常独特的导航设计 Le

2012-08-17 10:46:07 3437

原创如果是你你会如何宣告“我们已经被收购了”？

日期：2012-8-16 来源：GBin1.com收购宣告向来比较尴尬，我们需要将信息用一种并不那么那人沮丧的方式传递给大家，当然大家都知道，这个过程肯定能够让一些成更富有，而另外一些人丢到工作。这里Jordan Fish制作了一套超棒的加载欢迎页面，展示了一些公司如何描述我们被收购的。DRIVEpm --> Microsoft参考： wevebeenacquired

2012-08-16 14:58:14 814

原创 22个精心挑选的超棒CSS3在线演示

日期：2012-8-16 来源：GBin1.comCSS3能够帮助你开发出超棒的动画和特效，你是不是想了解究竟它能够帮助你创建多么具有冲击力的web设计和动画吗？看看我们这一组精心收集的CSS3在线演示吧，绝对给你视觉上的强烈冲击。希望大家喜欢，如果你也有不错的CSS3演示，请留言和我们分享，谢谢！On/Off FlipSwitch一个超帮的在线制作纯CSS3开关的应用，你可以不

2012-08-16 14:55:07 2500

原创 jQuery插件：超酷的多列网格式拖放插件gridster.js

日期：2012-8-15 来源：GBin1.com在线演示本地下载以往的文章中，我们分享了很多jQuery相关拖放插件，今天我们这里再推荐的一个超酷的jQuery拖放插件-gridster.js绝对会让你眼前一亮，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插

2012-08-15 11:22:34 1936

原创超酷2012伦敦奥运会多次曝光效果摄影作品集

日期：2012-8-15 来源：GBin1.com伦敦奥运会刚刚结束，这里我们收集了一套超酷的多次曝光摄影效果图片，希望带给大家不一样的视觉体验！Taekwondo图片来源： KIM KYUNG-HOON / ReutersJudo图片来源： Paul Sancya / APFencing图片来源： TOSHIFUMI KITAMURA

2012-08-15 11:18:44 608

原创使用最新版本Dojo1.7的dojox/mobile开发移动设备web应用

日期：2012-8-14 来源：GBin1.com在线演示本地下载随着科技的进步，越来越多的javascript类库开发出了面对移动设备的类库，例如，jQuery Mobile，Secha touch等，随着Dojo最新版本1.7的发布，同样的也带来了Dojo版本的移动开发框架Dojox/mobile。这套框架使用基于controller和CSS3主题的架构，帮助你快速

2012-08-14 14:38:30 945

原创使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效

日期：2012-8-13 来源：GBin1.com在线演示1 在线演示2 本地下载在过去我们的文章中，我们介绍过很多不错的时间轴插件，使用这些超棒的插件可以帮助你创建动感漂亮的时间轴展示，其中比较不错的插件如下：TimelineTimelinrTimergliderJSChronoline使用以上jQuery插件或者类库都可以创建漂亮的时间轴tim

2012-08-13 13:36:24 1449

原创【简报】一款使用静态图片生成动画的jQuery插件：JZoopraxiscope

日期：2012-8-13 来源：GBin1.com在线演示今天介绍的是一个帮助大家使用静态图片制作动画电影的jQuery插件 - JZoopraxiscope。JZoopraxiscope是一个jQuery插件，灵感来自于第一台电影投影机。除了jQuery，同时也使用了jQuery UI并要求所有的帧都是水平放置的单一图片中。你只需要通过调用一个定义图片尺寸和帧的方法

2012-08-13 13:34:07 679

原创超棒的跨浏览器纯CSS动画实现 - Animate.css

日期：2012-8-12 来源：GBin1.com在线演示本地下载通常情况下如果需要生成web动画效果的话，我们肯定会考虑使用一些类库或者jQuery的animate方法，那么有什么方便的方法来快速实现动画效果呢？在今天的这篇文章中，我们将介绍一个超棒的CSS动画实现方式 - Animate.css。这套CSS动画是由来自Manchester, UK的设计师Dan E

2012-08-13 13:31:47 1756

原创 39个超棒的免费高清专业纹理收藏集

日期：2012-8-11 来源：GBin1.com在之前的文章中，我曾经介绍过5款高清柏油路纹理图案，今天我们准备了更多免费高质量的专业纹理图案给大家。在我们这次介绍的纹理图案中除了有木材、混凝土和背景虚化的设计，还有关于废料，老电影、水滴等内容，所以无论你的工作需要的是哪种素材，引用一句广告语：总有一款适合你！实际上有很多免费纹理下载都无法达到实际使用的标准，但是今天我们给你推荐的这些

2012-08-13 11:45:37 2531

原创如果是你你会如何重新设计和定义维基百科（wikipedia）？

日期：2012-8-11 来源：GBin1.com最近一家设计公司发布了一个关于如何重新定义和设计维基百科的网站，在这里网站里详细的刨析了如何重新设计维基百科的话，如何做品牌设计和网站设计，整个设计过程都使用非常详细的文档说明，并且提供有对应的设计图和设计效果，详细的说明了如何重新设计和美化以便让维基百科更加的美观和漂亮并且符合用户使用。你可以看到使用了很多的社交网站的整合功能。整个文档

2012-08-13 11:42:59 1775

原创谷歌(Google)是怎样对待离世的Google员工的？

日期：2012-8-10 来源：GBin1.com如果提起谷歌的福利来说，大家肯定首先想到免费的食品和理发，及其独立的医疗服务，或者超棒的食堂和大厨等等。但是你是否知道谷歌是怎么对待死亡的Google员工的呢？和Google的Chief People Officer Laszlo 波克的一段采访对话，可能会让你觉得不可思议，Google的福利竟然可以延续到员工死后若干年。"可

2012-08-10 14:19:13 4864

原创高效HTML5代码开发最佳实践

日期：2012-8-10 来源：GBin1.comHTML5已经快速的成为新一代的web规范和趋势，作为一个web开发人员来说你绝对有必要了解一下如何使用HTML5来编写网站。在今天这篇文章中，我们收集了一套能够帮助你高效使用HTML5开发的最佳实践，希望能够对于大家开发HTML5网站有帮助！如果你有更多的建议和想法，请给我们留言！使用在线生成器如果你的所有web代码都是手写

2012-08-10 11:06:38 666

原创超酷信息图分享：你属于哪类geek?

日期：2012-8-10 来源：GBin1.com每隔一段时间我们都会分享最有趣的信息图，还记得上次分享的HTML5历史信息图吧。在今天的分享中，你问问自己到底属于哪类geek！这里我们列出来了16中Geek，看看你属于哪类，如果没有属于你的Geek类别，请给我们留言告诉我们！来源：超酷信息图分享：你属于哪类geek?

2012-08-10 11:04:07 653

原创 Google（谷歌）将打算在搜索结果中展示Gmail内容

日期：2012-8-10 来源：GBin1.comGoogle正打算将搜索引擎和Gmail整合，这个具有挑战的实验性功能将使得Google搜索可以立刻展示Gmail里邮件相关的内容。例如，如果你输入“淘宝"将会把所有相关淘宝的邮件内容都展示到搜索结果中去。这些Gmail的结果将会展示在主搜索结果的右侧，当然有时候会把内容显示在搜索页面的顶端。例如，如果你搜索”我的航班“将会展示来

2012-08-10 10:58:12 3843

原创分享最新收集的HTML5和CSS3的网站设计模板

日期：2012-8-9 来源：GBin1.com设计专业并且简洁的网站模板可以帮助我们更容易的开发和设计网站页面。作为最新最流行的web技术HTML5和CSS3技术来说，使用它们构建的模板更加简洁和时尚。在今天这篇文章收集中，我们将介绍一些我们收集的免费超酷HTML5和CSS3网站设计模板。你不但能够欣赏到超酷的设计作品，同时也可以了解如何使用HTML5和CSS3进行高效的网站设计。希望

2012-08-09 13:21:02 1354

原创 Google的自动驾驶汽车无事故成功完成30万英里的驾驶路程

日期：2012-8-8 来源：GBin1.com Google的自动驾驶汽车可能是这家公司最具有创新精神的项目之一。今天Google 宣称自动驾驶汽车已经完成了另外一个里程碑，无事故完成了30万英里的驾驶路程。同时 Google 也指出还有很长的路要走，比如，如何帮助人工智能在雪天安全驾驶，或者如何安全的在施工路段行驶。当然，对于这30万的行车路程来说，我们并不知道如何驾

2012-08-09 13:18:38 5794

原创使用HTML5画布实现的超棒javascript动画仪表板：gauge.js

日期：2012-8-8 来源：GBin1.com在线演示今天我们分享来自guage.js的超棒动画仪表板实现，这个类库使用html5画布来生成动态的自定义仪表板。不依赖于任何类库也不实用任何的CSS或者图片，完全使用画布生成。拥有两套不同的UI，一个是仪表盘，一个类似原来我们介绍的jQuery knob界面。支持UI元素自定义你可以生成自己需要的颜色格式。主要

2012-08-09 13:10:29 3109

原创 HTML5发展历史信息图 - 帮助你更形象化的了解HTML5历史

日期：2012-8-8 来源：GBin1.comHTML5发展历史信息图将带领我们来了解一下HTML5如何成为互联网标准的。最简单的介绍了HTML5的发源，并且成为流行的web标准的过程，希望带给大家最直观而简明的说明！相信大家肯定会喜欢的！来源：HTML5发展历史信息图 - 帮助你更形象化的了解HTML5历史

2012-08-09 13:06:28 645

空空如也

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