![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 58
tyygming
这个作者很懒,什么都没留下…
展开
-
HTML5/CSS3系列教程:使用SVG图片
日期:2013-3-25 来源:GBin1.com在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG。SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生!为什么使用SVG?文件非常小能够无损失的缩放尺寸在Retina显...2013-04-15 20:01:35 · 91 阅读 · 0 评论 -
开发小技巧:超简单的“回到顶端”按钮实现
日期:2013-3-26 来源:GBin1.com之前的文章中我们曾发表过另外一个back to top的插件 :jQuery Back to Top,喜欢的朋友可以点击来看。今天我们介绍的这篇web开发小技巧将使用jQuery实现一个超简单的滚动到页面顶端的功能,代码如下:$(document).ready(function() { // 滚动窗口来判断按钮显示或隐...2013-04-15 20:10:14 · 67 阅读 · 0 评论 -
介绍一个快速导航插件:Windy
日期:2013-4-15 来源:GBin1.com在线演示windy 是一个jQuery插件,使用CSS 3D变换和转换来略过一堆物品从而实现快速导航。连续导航的效果就是提醒一副牌或表单快点飞走,因此得名Windy。这个插件的想法是受CSS着色器示例 的影响。使用这个插件时需要一个无序列表的class:“wi-container”<ul id="wi-el" cl...2013-04-15 20:21:43 · 155 阅读 · 0 评论 -
你的搜索其实很糟糕?
日期:2013-3-27 来源:GBin1.com尽管你非常擅长搜索,但是很多时候搜索内容和你想要的并不吻合。事实上,用户体验专家Jakob Nielsen认为大多数人都非常的不擅长搜索。Nielson的研究表明,大多数人找到搜索框后,很少人知道怎么用它。Nielson记载到:当然最好是学校可以教导学生如何去搜索。但是我并不抱有很大的希望,因为大部分人有着如同食蚁兽一般的...2013-04-15 20:23:33 · 114 阅读 · 0 评论 -
不仅仅是RSS阅读器,Google同样抛弃了Chrome的RSS插件
日期:2013-3-27 来源:GBin1.com上个星期Google宣布关闭他流行但显然并不流行的应用-RSS阅读器,Google Reader。看上去Google移除出了RSS,公司同时决定结束Chrome浏览器的RSS扩展,并且将扩展作为Chrome的一部分标记为永久不修复的Bug。总的看来,Google不仅仅是关闭了它不盈利的服务,而是彻底停止了对RSS的支持。RSS ...2013-04-16 14:15:48 · 61 阅读 · 0 评论 -
开发小技巧:jQuery处理自适应内容高度的iframe
日期:2013-3-28 来源:GBin1.com 在线演示 之前我们发表过另一篇开发小技巧的文章 :开发小技巧:超简单的“回到顶端”按钮实现,喜欢的朋友可以点击来看。前端开发中,我们往往需要处理iframe,可能有的时候希望iframe根据内容自适应高度以便不出现令人烦心的滚动条,下面这段代码可以帮助你实现类似功能。$(document).ready(...2013-04-16 14:23:47 · 57 阅读 · 0 评论 -
HTML5介绍 - HTML5的特长,特性及其相关资源
日期:2013-3-29 来源:GBin1.com 什么是HTML5?HTML5 是万维网联盟(W3C)推出的最新的超文本标记语言。第一稿出版于2008年,但是直到2011年才真正的发展起来。在2011年的时候,HTML5开始 发布,人们逐渐开始使用它,但是相关的浏览器对它的支持仍很贫乏。直到今日,几乎所有主流浏览器 (Chrome,Safari,Firefox,Ope...2013-04-16 14:28:44 · 84 阅读 · 0 评论 -
超有创意的的web设计师必备行套
日期:2013-3-30 来源:GBin1.com在以往的文章中,我们总是在介绍某某设计师的模板、ui、素材等等,然而这次我们将要一反常态,我们要为web设计师们设计一套他们自己的行套,它们非常有趣,简单的t-shirt却变成了一种标致!希望你们喜欢!via 极客社区 来源:超有创意的的web设计师必备行套...2013-04-16 14:32:43 · 173 阅读 · 0 评论 -
超棒的野生狼摄影作品 - 狼之印象
日期:2013-3-31 来源:GBin1.com还记得我们曾经发表过的两篇关于动物的文章吗?他们的可爱瞬间顿时秒杀了无数阅读者,但今天我们要介绍的确是一套关于狼的摄影作品。狼是一种讲究团队精神的动物,他们的顽强和在劣势环境下求生的态度,成为了摄影师们的独爱。相关阅读:绝对不容错过的超棒动物瞬间抓拍摄影作品绝对不容错过的野生动物wildlife摄影作品...2013-04-16 14:37:52 · 424 阅读 · 0 评论 -
免费的响应式bootstrap管理员后台界面主题 - Charisma
日期:2013-3-31 来源:GBin1.com在线演示Charisma是一套全功能的,免费,会员质量的响应式HTML5管理员界面模板,基于"Bootstrap",拥有了9套不同的主题颜色内容,可以满足你的不同需要!主要特性:…………via 极客标签 来源:免费的响应式bootstrap管理员后台界面主题 - Charisma...2013-04-17 16:33:20 · 137 阅读 · 0 评论 -
开发小技巧:jQuery来循环控制一系列的元素对象的行为
日期:2013-4-1 来源:GBin1.com在线演示在jQuery开发中,我们往往需要循环的控制一些元素的行为,比如,动画,或者隐藏/显示,通常我们可以使用jQuery的delay()方法或者Javascript的setTimeout方式来处理。相关文章可以阅读: 如何使用jQuery让一组HTML对象一个一个淡出? 在这篇小技巧中,我们使用arguments....2013-04-17 16:49:39 · 73 阅读 · 0 评论 -
web开发人员职业发展的11个阶段
日期:2013-4-2 来源:GBin1.com今天我们带来的是一篇有趣的关于web开发人员职业发展11个不同阶段的文章。 web开发人员是个有着许多阶段,非常有趣并且拥有挑战的一个职业。考虑到这陡峭的学习曲线,你可以完全预期到你将经历挫折,启蒙,自以为是以及在这些心态之间的转变。在这篇文章中,我们通过一系列超犀利的动画视角来看看这些阶段,相信这将非常有趣。阶段一 菜鸟在职业初...2013-04-17 17:08:00 · 96 阅读 · 0 评论 -
推荐10款来自极客标签的超棒前端特效[第一期]
日期:2013-4-3 来源:GBin1.com本周推荐的10款来自极客社区的前端特效!希望大家会喜欢!使用jQuery开发一个互动的过程图 这个演示使用了jQuery来生成一个阶段的展示效果图,点击每个阶段,会有动画的执行效果。在线调试: http://www.gbtags.com/gb/debug/667f0061-c769-4d73-b193-a84548e92631...2013-04-17 17:11:46 · 67 阅读 · 0 评论 -
使用Flexbox布局方式的简单演示
日期:2013-4-4 来源:GBin1.com众所周知,CSS有多重布局模型的操作,可以使页面按照不同的布局进行展现。Flexble box是另一种布局模型,简称为Flexbox。它如今经过重写,使得在编码和使用上得到非常有效的简化。关于Flexbox的介绍请关于文章: CSS的未来 - 游戏的改革者FLEXBOX。Flexible box布局模型Flexbox中有两个轴...2013-04-18 15:25:04 · 75 阅读 · 0 评论 -
使用Flexbox布局方式的简单演示
日期:2013-4-4 来源:GBin1.com众所周知,CSS有多重布局模型的操作,可以使页面按照不同的布局进行展现。Flexble box是另一种布局模型,简称为Flexbox。它如今经过重写,使得在编码和使用上得到非常有效的简化。关于Flexbox的介绍请关于文章: CSS的未来 - 游戏的改革者FLEXBOX。Flexible box布局模型Flexbox中有两个轴...2013-04-18 15:25:20 · 78 阅读 · 0 评论 -
GBin1博客视图 - 最近发布的文章-demo
日期:2013-4-5 来源:GBin1.com 本周,我们推荐来自极客标签带来的10款免费的模板设计,包括Bootstrap模板,wordpress企业模板,Joomla模板等,希望大家喜欢!免费的Joomla! 网站模板 - JSN Boot 如果你寻找基于CMS系统Joomla!的网站模板的话,JSN Boot肯定是你一个不错的选择。能够在很多不同的设备上华丽的现实。...2013-04-18 15:31:07 · 69 阅读 · 0 评论 -
本周推荐9款免费的网站模板设计
日期:2013-4-5 来源:GBin1.com本周,我们推荐来自极客标签带来的10款免费的模板设计,包括Bootstrap模板,wordpress企业模板,Joomla模板等,希望大家喜欢!免费的Joomla! 网站模板 - JSN Boot 如果你寻找基于CMS系统Joomla!的网站模板的话,JSN Boot肯定是你一个不错的选择。能够在很多不同的设备上华丽的现实。而且包...2013-04-21 13:59:08 · 112 阅读 · 0 评论 -
jQuery鼠标悬浮菜单自动缩放效果
日期:2013-4-6 来源:GBin1.com在线演示如果大家经常访问gbin1博客的话,肯定熟悉首页的菜单自动缩放效果,当你鼠标悬浮当前菜单的时候,会挤压其它的菜单宽度。使用以下代码也可以实现类似的菜单效果。jQuery代码:$("div.stripes > div").mouseenter(function() { $(this).stop(tru...2013-04-21 14:03:35 · 157 阅读 · 0 评论 -
使用jQuery插件sidr来创建一个隐藏式的边栏菜单
日期:2013-4-8 来源:GBin1.com在线演示 如果大家需要创建一个隐藏式的边栏菜单的话,Sidr这个jQuery插件肯定能够帮助你快速的实现。这个插件拥有两个不同的样式主题,暗色和亮色。使用非常简单,javascript和HTML代码如下:Javascript:<!-- Include jQuery --><script src="ht...2013-04-21 14:08:48 · 148 阅读 · 0 评论 -
极客技术专题【001期】:jQuery初学者入门
日期:2013-4-8 来源:GBin1.com技术专题介绍 分享专题:jQuery初学者入门分享人:极客标签开发团队成员之一Terry授课时间:2013/04/05 20:30-21:30(已结束)课程类型:公开课专题难度:初级报名方式:社区用户请在相关报名帖中留言报名课程时间:60min (包含15min的自由问答)授课方式:社区的互动教学平台 -...2013-04-21 14:17:27 · 227 阅读 · 0 评论 -
苹果手机外观设计的模板(psd)
日期:2013-4-21 来源:GBin1.com如果你需要寻找一套apple相关设计模板的话,今天这一套PSD的格式的iphone/ipad空白模板肯定能够满足你的需要!本地下载网站地址:http://dribbble.com/shots/982443-Iphone-Ipad-Freebiesvia 极客标签 来源:苹果手机外观设计的模板(ps...2013-04-21 14:20:38 · 194 阅读 · 0 评论 -
2013年三月GBin1月刊
2013年三月GBin1月刊超有创意的的web设计师必备行套 在以往的文章中,我们总是在介绍某某设计师的模板、ui、素材等等,然而这次我们将要一反常态,我们要为web设计师们设计一套他们自己的行套,它们非常有趣,简单的t-shirt却变成了一种标致!希望你们喜欢!阅读更多超棒的野生狼摄影作品 - 狼之印象还记得我们曾经发表过的两篇关于动物的文章吗?他们的...2013-04-23 16:20:35 · 204 阅读 · 0 评论 -
开发小技巧: 如何在jQuery中禁用或者启用滚动事件.scroll
日期:2013-4-10 来源:GBin1.com在线演示开发人员在使用jQuery开发web应用或者网站的过程中,有的时候需要触发特定元素来禁用页面滚动特性,或者启动页面滚动,使用下面的jQuery代码可以帮助你实现window对象滚动事件的绑定和解除绑定。代码非常简单,使用jQuery的.off方法可以帮助你取消事件的绑定,具体代码如下:var scrollHandle...2013-04-23 16:29:34 · 481 阅读 · 0 评论 -
Android版Firefox:更私密,更好的支持
日期:2013-4-11 来源:GBin1.com同桌面版的Firefox20一起,Mozilla已经能够更新了针对Android系统的Firefox。最新针对Android系统的Firefox版本已经可以在Google Play Store上下载。像是桌面版的兄弟版,Android版Firefox是一款新的预窗口私有浏览模式,它使得用户可以很方便的用两个不同的账户登录同一个服...2013-04-23 16:35:31 · 78 阅读 · 0 评论 -
Spell Checker - 新版Chrome的纠错特性
日期:2013-4-11 来源:GBin1.comGoogle升级了Chrome网络浏览器的稳定版本,增加了更先进的本地拼写检查和词汇建议功能。新版本可以应用在Windows平台,Linux平台以及Chrome系统。Google称它“支持Mac”(Mac版的Chrome升级致版本v26,但是该版本还未包含新的拼写纠察)。打开新增加的“Google建议”选项,当你右键任何高亮...2013-04-23 16:39:01 · 91 阅读 · 0 评论 -
Mozilla,Epic携手打造Unreal 3 游戏引擎
日期:2013-4-12 来源:GBin1.comMozilla携手Epic游戏带来了Unreal 3网络游戏引擎。这是一个高端的游戏引擎,会改变你对网页游戏的看法。Unreal 3引擎之前在Flash上,这次是第一次在web上的可安装免费(且移动设备友好)的版本。Mozilla希望这个项目将有助于网络转变成为一个严肃游戏平台,能够运行顶级控制台主题。综合WebGL,Ems...2013-04-23 16:41:08 · 67 阅读 · 0 评论 -
极客技术专题【002期】:开发小技巧 - 如何使用jQuery来处理图片坏链?
日期:2013-4-12 来源:GBin1.com技术专题介绍分享专题:如何使用jQuery来处理图片坏链分享人:极客标签技术编辑 - Cindy授课时间:2013/04/13 20:00-21:00(本周六)课程类型:公开专题难度:初级报名方式:社区用户请在相关报名帖中留言报名课程时间:60min (包含15min的自由问答)授课方式:互动教学日历 -...2013-04-29 23:49:15 · 172 阅读 · 0 评论 -
超棒的页面checkbox和radio美化jQuery类库 - iCheckbox
日期:2013-4-14 来源:GBin1.com在线演示iCheckbox是一个超棒的界面美化Javascript类库。主要特性跨浏览器和设备统一的input样式和UI(包括了桌面和移动设备)支持触摸设备 - iOS,android,blackberry,windows phone支持键盘控制 - Tab,空格,方向键和其它快捷方式完全自定义 - 使用任何H...2013-04-29 23:55:57 · 64 阅读 · 0 评论 -
介绍一个快速导航插件:Windy
日期:2013-4-15 来源:GBin1.com在线演示windy 是一个jQuery插件,使用CSS 3D变换和转换来略过一堆物品从而实现快速导航。连续导航的效果就是提醒一副牌或表单快点飞走,因此得名Windy。这个插件的想法是受CSS着色器示例 的影响。使用这个插件时需要一个无序列表的class:“wi-container”<ul id="wi-el" class=...2013-04-30 00:05:36 · 79 阅读 · 0 评论 -
分享两套免费的超棒响应式HTML5网站模板
日期:2013-4-18 来源:GBin1.com在今天的文章中,我们分享两套响应式HTML5网站模板。它们每套模板共有6个不同色彩的主题,不同的视觉感和创新感绝对会让你眼前一亮!希望你们喜欢我们今天的推荐!免费的响应式HTML5网站模板 - continents包含6款不同色彩的主题,主要特性:HTML5/CSS3兼容支持响应式的导航菜单使用google webfo...2013-04-30 22:38:10 · 344 阅读 · 0 评论 -
Flexbox布局的简单演示之二
日期:2013-4-18 来源:GBin1.com之前我们介绍了Flexbox的介绍,并且给出了一个Flexbox的简单例子,告诉大家如何创建Flexbox并且简单的利用Flexbox来操控页面内元素的顺序。在今天的文章中,我们继续介绍Flexbox的一些其它的属性。除了排序之外,Flexbox还可以非常简单明了的定位页面元素的方向。Flex的项目现在可以一个接一个的顺序竖着排列是...2013-04-30 22:44:35 · 61 阅读 · 0 评论 -
帮助查看本地表单元素样子的网站 - Native Form Elements
日期:2013-4-20 来源:GBin1.com如果你想查看某个表单组建在特定浏览器或者操作系统上的长相的话,这个工具网站 - Native Form Elements 肯定能够帮你忙!它没有任何其它的内容,只是把所有的表单元素(包括了HTML5的元素)列在页面中,包括了disabled状态下的样子。能够帮助你查看不同浏览器或者操作系统下的表单元素的细微差异!网站地址...2013-04-30 22:47:04 · 65 阅读 · 0 评论 -
分享8个超棒的免费界面UI设计
日期:2013-4-22 来源:GBin1.com Flat UI是现在的一个设计趋势。它使用扁平的设计并且去除了修饰性的设计元素,例如,阴影,渐变,圆角等等。更适合简单的设计风格,在今天的设计UI介绍中,我们分享9个这种风格的免费UI设计,希望大家喜欢!Flatuifree-flat-ui-kitFreebie PSD: Flat UI KitSquare...2013-04-30 22:50:42 · 127 阅读 · 0 评论 -
CSS的未来:游戏的变革Flexbox
日期:2013-4-26 来源:GBin1.com相关阅读:使用Flexbox布局方式的简单演示HTML5和CSS3给网络开发者提供了新的语法标签,本地动画工具,服务器端字体等等新增功能,这些并不是结束。开发者正苦于为网页设计挖出一条战壕 - 真正的页面排版工具,事实上,即便是最有前途的CSS3现在也仍旧是在地平线上。虽然它可以创造出令人惊讶的复杂布局,例如CSS悬浮,定位...2013-05-02 18:17:14 · 159 阅读 · 0 评论 -
帮助你更快的进行网站设计 - Markup Framework
日期:2013-4-30 来源:GBin1.comMarkup是一套布局,小组件,UI组件和字体排版样式的框架,可以帮助你快速的执行web相关的设计和开发,相信没有人愿意自己花时间从最基础的层次开发web应用或者是网站,而Markup恰好很方便的帮助你解决了所有的dirty work。主要的特性使用最新的HTML5和CSS3标准最小化标签,页面体积小搜索引擎友好纯...2013-05-02 18:41:49 · 54 阅读 · 0 评论 -
bootstrap-wysiwyg: 迷你的Bootstrap的所见即所得的HTML富文本编辑器
日期:2013-5-1 来源:GBin1.com在线演示如果你寻找一款boostrap的HTML富文本编辑器的话,这里推荐一款超简单的富文本编辑器 - bootstrap-wysiwyg。主要特性超小5kb自动的热键支持(MAC和windows)拖放的插入图片,支持图片上传(支持手机拍照)支持声音输入(chrome支持)允许自定义的工具条,可以使用所有的b...2013-05-02 18:51:19 · 241 阅读 · 0 评论 -
超棒的悬浮层式的页面元素注解jQuery插件 - Chardin.js
日期:2013-5-2 来源:GBin1.com在线演示还记得我们以前分享的超酷悬浮覆盖式的注释效果吗?今天这里我们分享一个能够帮助你快速的生成类似页面注释效果的jQuery插件 - Chardin.js,使用它可以快速的帮助你生成针对页面元素的注释效果,非常适合你辅助用户了解页面元素功能或者重点显示页面特定部分。主要特性使用Bootstrap支持SCSS支持主...原创 2013-05-02 18:56:11 · 96 阅读 · 0 评论 -
jQuery的“回到顶端”插件 - ScrollUp
日期:2013-4-17 来源:GBin1.com 在线演示Scrollup是一款jQuery的“回到页面顶端”的插件,能够帮助你快速的实现一个完全自定义的“back to top"的功能。主要参数:scrollName: 'scrollUp', // Element IDtopDistance: '300', // Distance from...原创 2013-05-02 18:56:42 · 66 阅读 · 0 评论 -
推荐10款来自极客标签的超棒前端特效[第二期]
日期:2013-5-3 来源:GBin1.com本周推荐的10款来自极客社区的前端特效!希望大家会喜欢!CSS实现的工厂动画效果 一套设备运作的卡通模拟效果,非常有趣!GBdebug在线调试地址:http://www.gbin1.com/gb/debug/6af7fe9d-5695-4dfe-8ae2-675e6d776261.htmCSS / javascript实现...2013-05-03 22:07:06 · 59 阅读 · 0 评论 -
超棒的CSS开源UI界面元素类库 - TopCat
日期:2013-4-25 来源:GBin1.comTopCoat是一套免费的开源UI元素类库,整套类库不使用任何javascript,而是使用CSS和HTML来生成。整套UI元素非常丰富,使用标准兼容的HTML/CSS来开发,并且支持响应式的布局,支持两套样式:移动和桌面,你可以直接在网站上查看所有的UI元素样式,当然,还有些元素依然在开发状态中,目前版本0.2。TopCat...原创 2013-05-03 22:07:30 · 191 阅读 · 0 评论