2013年02月_普通网友

原创如何建立一个样式新颖的CSS3搜索框

日期：2013-2-26 来源：GBin1.com 在线演示搜索框大概是web开发中最常用的UI元素之一，我想基本没有必要去介绍如何使用它。无论是网站还是web应用，都会为了增强用户体验而添加它，那么你是不是也想过设计一个别致的搜索框？在今天的文章中，大家将会学到如何使用伪元素来创建一个超酷的CSS3搜索框。当然在开始介绍前你也可以下载源代码或者查看在线演示。HTML

2013-02-26 16:34:52 574

原创 11套免费的wordpress模板主题

日期：2013-2-25 来源：GBin1.com最新收集的11套免费的wordpress模板，希望大家喜欢！16款免费的Wordpress主题模板自由为主风格的16款免费主题，这些充满活力的网站设计一定会让你心动。希望大家喜欢！免费的响应式wordpress主题下载 - Clean RetinaClean Retina 是一套免费使用的响应式wordpress主题

2013-02-26 16:29:20 1023

原创帮助你搜索免费矢量，图标和PSD的搜索引擎 - Freepik

日期：2013-2-24 来源：GBin1.com如果你需要上网搜索的话，肯定会使用Google，百度等等，但是作为一个设计师如果你需要搜索图片，素材的话，Google和百度的效果可能就并不是那么完美了，在这篇文章中，我们将介绍一个专门帮助你搜索矢量，图标和PSD的搜索引擎 -Freepik。这个搜索引擎自动抓取一些设计相关网站的内容，自动将搜索到的内容根据相关内容评级并且呈

2013-02-26 16:26:34 939

原创免费素材: Retina Glyph图标集 (包含100个AI & PNG格式的图标)

日期：2013-2-23 来源：GBin1.com在线演示来自Freepik.com的一套Retina的图标集，非常适合用于现代web和移动设备开发，希望大家喜欢！via gbtags来源：免费素材: Retina Glyph图标集 (包含100个AI & PNG格式的图标)

2013-02-26 16:24:30 766

原创 Toolbar.Js - 帮助你创建提示风格的工具条jQuery插件

日期：2013-2-22 来源：GBin1.com在线演示如果你需要创建漂亮的弹出式工具栏的话，toolbar.js这个 jQuery插件肯定能够帮你大忙，它是一款小巧的弹出式工具栏提示插件。可以方便的帮助你快速生成水平或者垂直的工具栏。最酷的地方在于允许你使用 Twitter的bootstrap图标来自定义样式，提供了非常灵活的方式来管理你的UI和图标。主要特性实现的选

2013-02-22 13:04:32 666

原创超酷的响应式dribbble设计作品瀑布流布局效果

日期：2013-2-21 来源：GBin1.com在线演示相信做设计的朋友肯定都知道dribbble.com，它是一个非常棒的设计师分享作品的网站，全世界数以万计的设计高手和行家都在这个网站上分享自己的作品，当然，如果你常在上面闲逛的话，经常得到一些免费的好东西。在今天的这篇jQuery教程中，我们将使用jQuery的几个插件来开发一个响应式的瀑布流应用，这个应用可以帮助你实

2013-02-22 13:00:57 941

原创响应式的前端框架 - Groundwork

日期：2013-2-19 来源：GBin1.com前面我们介绍过了很多响应式的前端框架，例如，Responsive Boilerplate，Centurion等等，在这篇文章中我们将再介绍一个响应式的前端框架 - groundwork。Groundwork是另外一个超棒的响应式前端框架，使用SASS和Compass并且提供了一个高级的响应式布局。拥有了一个灵活的，流动式的镶套

2013-02-22 12:54:15 1155

原创 SASS（Syntactically Awesome Stylesheets Sass）绝对新手入门教程

日期：2013-2-18 来源：GBin1.com什么是SASS?SASS英文意思是Syntactically Awesome Stylesheets Sass，最早由Hampton Catlin开发和设计。SASS是一种帮助你简化CSS工作流程的方式，帮助你更容易的维和和开发CSS内容。如果你不明白为什么用SASS，你可以先看看这篇文章为什么需要将SASS和Compass

2013-02-18 11:16:46 648

原创分享网页加载速度优化的一些技巧？

日期：2013-2-17 来源：GBin1.com不管你是不是相信，在最近的几年里，互联网网页的大小已经显著增大了。由HTTP Archive研究得出的结果表明，目前平均一个页面的大小是1.25M。对于拥有宽带的用户来说，可能并不是一个问题。但是对于那些网速并不理解的用户来说，可能会是一个非常头疼的问题。首先我们看一个页面内容大小的饼图：那么如何优化你的网页呢？优化图片

2013-02-18 11:13:06 489

原创超棒的自定义超酷滚动条jQuery插件 - Perfect Scrollbar

日期：2013-2-16 来源：GBin1.com在线演示可能大家厌倦了千篇一律的页面滚动条，如果你希望能够设计出与众不同的页面UI设计的话，Perfect ScrollBar可能就是你寻找的解决方案。这个滚动条来自于一个个人项目，一个简单但是非常棒的滚动条设计。当然这里也有其它的解决方案，如果你有兴趣也可以阅读：使用jQuery插件jScrollPane开发Ma

2013-02-17 13:54:48 1398 1

原创超棒的微软Metro风格Logo设计

日期：2013-2-12 来源：GBin1.comMetro风格是今年的一大设计趋势之一，在今天这篇文章中我们收集了一套超棒的Metro风格Logo设计，如果你在开发或者设计一套metro风格的网页或者应用的话，或许你能用得上，希望大家喜欢！相关阅读：不容错过的window8 metro UI风格的web资源via gbtags 来

2013-02-17 13:50:31 1059

原创免费资源：Polaris UI套件 + Linecons图标集(AI, PDF, PNG, PSD, SVG)

日期：2013-2-10 来源：GBin1.comPolaris UI KitPolaris UI Pack是一套超酷的UI组件，包含了，编辑框，选择框，多选框，页面导航，按钮，菜单等等，你可以自由的在你的个人项目或者商业项目中使用。Linecons Icon Set一套免费的图标设计 - Linecons，包含了48个完全支持缩放的矢量图标。每一个包含格式：

2013-02-17 13:48:40 1258

原创用草图来规划你的web设计

日期：2013-2-9 来源：GBin1.com规划一个网站并不需要完全被数字化，学习用草图来帮助你加快创意的实现。为什么要用草图？没有什么比笔和纸更简单的了！作为一个设计师,你最好的财富是你的思想。快速呈现视觉信息的能力使你区别于常人。而且，画草图可以解放你的鼠标和显示器，为你提供更好的设计方案。看看下面：再看看这个：还不赶快拿

2013-02-17 13:44:55 651

原创帮助开发者快速创建响应式布局的Boilerplate - Responsive Boilerplate

日期：2013-2-8 来源：GBin1.com在线演示如果你需要开发一个支持不同客户端设备的应用或者网站的话，使用一些现成的响应式框架或者模板绝对是不错的选择，在这篇文章中，我们将介绍一款超棒的响应式布局Boilerplate -Responsive Boilerplate。这个模板使用CSS3来支持响应式设计，超轻量级，只有2kb大小。这个模板拥有一个容器 + 12个列的

2013-02-17 13:40:26 639

原创你在视网膜技术上太逊了，快来补充知识吧！

日期：2013-2-7 来源：GBin1.com自从视网膜屏幕的MacBook Pro发行到现在已经过了很久了，但很多web开发者们还在抓着胸前的键盘，忽视进步，将自己推入一种黑暗的“像素恐惧症”的深渊。像素就是未来，它会不断出现在iPad、MacBook、iPhone或Android手机上。大量照片会向你扑过来，图标会浸透你的灵魂，字体通过屏幕像波尔卡舞的舞者一样给你滴迷魂药。

2013-02-07 13:51:47 486

原创现代浏览器的web音频javascript类库 - Howler.js

日期：2013-2-6 来源：GBin1.com在线演示浏览器这个玩意儿并不是个新鲜事，但是随着HTML5的发展激起了浏览器技术的巨大发展。但是浏览器上对于音频控制技术来说仍旧非常的落伍。庆幸的是 Google积极的开发和创建了web audio API，这使得基于浏览器的音频控制更加的简单并且直观。但是唯一的问题是浏览器兼容性支持问题！今天我们将要介绍一款基于web audio

2013-02-07 13:49:11 925

原创创意味儿十足的web布局及交互设计

日期：2013-2-5 来源：GBin1.com富有灵感和创意的设计与一般设计的区别在于，它不那么容易被想到和实现，一旦它被实现，一个非常有趣并且迷人的网站就诞生了。网站几乎每天都能见到，但是不是每一个网站你都会说“真希望我也能想到过！”设计者们正在做的是一项伟大的工作，那就是提出且合并各种高水平设计的网站，这些网站都是最新颖的原创作品，同时还保持了很高的可用性。不规则的颜色

2013-02-05 11:16:38 419

原创 HTML5/CSS3系列教程：HTML5 区域(Sectioning)的重要性

日期：2013-2-4 来源：GBin1.com不管你以前在web页面布局中如何称呼它们 - “区域”还是“块”，我们一直都在布局中将页面分成可视的不同区域。但真正的问题在于我们并没有使用任何正确的工具来实现。一般情况下我们使用典型的网格来划分页头，页面主题，页尾等等区域来实现所谓的页面布局。在过去的很多年以来，我们都使用DIV来帮助我们划分页面区域，而为此我们定义了很多class来

2013-02-04 14:24:50 722

原创避免CSS初学者常犯的那些错误

日期：2013-2-3 来源：GBin1.com1.不要忘记引号！font family: "Times New Roman", "Times Roman", Roman, serif;2.正确的注视样式表。 /* This is a CSS Comment */3.不要忘记了标点符号.class {margin: 0;padding: 0 3px 0 3px;

2013-02-04 14:22:26 490

原创分享10个Web设计者喜欢的超棒背景和纹理资源

日期：2013-2-2 来源：GBin1.com经常会因为看到一个平淡无奇的博客而感到困惑，需要一些颜色，一些特点来提升设计的美感。可能你不熟悉博客设计，更不用说CSS。但是使这种网站焕然一新的最简单方法就是应用一个新的主题，或者做一些漂亮样式来美化当前主题。在本文中，将向你介绍超棒的一套主题背景和纹理资源。希望大家喜欢！相关阅读：分享10个超棒的免费绘图纹理图案1. Din

2013-02-04 14:19:51 778

原创分享一套超棒的iOS “空状态” (empty state) 界面UI设计

日期：2013-2-1 来源：GBin1.com大家在程序开发或者界面设计中常常会遇到这样一些情况：404 error内容未找到账户余额不够文件没有找到等等这些典型的属于empty state的界面设计，可能很多人都觉得并不重要，特别是做开发的开发人员，往往容易被忽视，但是这类的界面对于普通用户来说可能是经常会面对的，如果能够在这类UI设计上好好的把握，会让用户的体验更丰富

2013-02-01 15:51:39 1359

原创免费素材大荟萃：免费图标和UI设计

日期：2013-2-1 来源：GBin1.com还记得我们发布过的许多免费的图标和素材吧！今天我们精心挑选了最新的一套免费资源，包括了免费图标，图标字体，还有来自dribbble的相关的UI界面设计，希望大家喜欢！如果有收藏素材的嗜好的话，今天的文章，绝对会让你很满足的！免费的图标集 - iconicIconi是一套免费开源的图标集，包含了171个独立的矢量和字体格式的图标。

2013-02-01 15:40:47 1044

GBin1.com