自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

GBin1.com

互联网技术分享平台

原创 代码轻视频系列#001

代码轻视频是极客标签开发的互动式教程,它简单易学,仅需花费3分钟,带你领略前端的最强技术!轻视频完全并适应各种尺寸浏览器包括移动设备。如果你想知道代码是如何被开发的,请你继续翻阅我们的录播代码。学习思想比学习结果更为重要!每天花费3分钟,让你与梦想更进一步!

2014-11-25 17:24:51 1884 0

原创 利用HTML5画布绘制精美动态效果-极客标签-专题视频课程

本课程是极客标签精心策划并制作的,HTML5画布即canvas标签的实例教程。本课程将利用5个不同的实例,逐步讲解canvas标签在实际开发中的应用场景。 本课程适用于对前端三要素(html,css,js)有基本了解的学员学习。...

2015-08-19 08:33:59 193 0

转载 使用jQuery开发一个带有密码强度检验的超酷注册页面

在今天的jQuery教程中,我们将介绍如何使用jQuery和其它相关的插件来生成一个漂亮的带有密码强度检验的注册页面,希望大家喜欢! 在线演示 相关的插件和类库  complexify - 一个密码强度检验jQuery插件  justgage - 一个兼容性良好的仪...

2015-07-24 12:20:11 1606 0

原创 【OneAPM】极客编程挑战#023:使用HTML5画布生成渐变自由落体小球效果

本期挑战  给定如下HTML: id="gbcanvas" width="350" height="300"> 阅读如下的相关HTML5画布教程: HTML5画布实现的粒子运动效果 HTML5画布Ca...

2015-06-20 07:39:40 2380 0

原创 最值得收藏的Bootstrap资源网站

如果你正在寻找Bootstrap图标,那今天的推荐对你而言绝对非常重要!在这篇内容中,我们把这套框架上的免费字体图 标做了个整合(当然,以后还会不断的更新)。正如你所知,图标字体在一个web网页设计拥有很多优势:它们使用方便,不仅仅是图像,更是一个载体。大小随 意缩放,还可以适应各种尺寸的屏幕(包...

2015-01-21 11:00:28 2237 1

原创 推荐7款超实用的网站模版

每周极客标签都将推出两篇荟萃内容的文章,内容覆盖了Bootstrap、CSS、Javascript、HTML5等当前最热门的特效和应用,本周我们推荐的这7款超级实用的网站模板不仅带有独立的在线演示,并且依旧全部免费下载!如果你也喜欢我们的素材教程,请加入我们的极客标签吧!

2015-01-06 17:34:56 2249 0

原创 CSS3 圆角制作的消息提示图标

CSS3 圆角制作的消息提示图标,如果你想知道它是如何被开发的,请点击连接查看。http://www.gbtags.com/gb/rtreplayerpreview/142.htm

2014-11-25 17:45:54 2019 0

原创 快速生成漂亮的移动端视差滚动效果

在线演示 本地下载 使用stellar.js可以帮助开发者快速的生成基于移动设备的视差滚动效果。 使用简单的data属性定义即可生成相关视差效果。

2014-11-25 17:43:39 2000 0

原创 【仅支持移动设备】Swipe.JS轻量级移动幻灯效果

在线演示 本地下载 请使用手机直接访问地址: 单独页面展示效果

2014-11-25 17:32:52 1517 0

原创 CSS3实现的超酷动态圆形悬浮效果

在线演示 本地下载 了解代码是如何开发的? 请参考并且播放如下代码轻视频:  http://www.gbtags.com/gb/rtreplayerpreview/151.htm

2014-11-25 17:15:55 2448 0

原创 25款顶级的jQuery表格插件

jQuery 表格插件可以让你创建各种各样的表格布局,表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery 的表格插件,你可以任意控制表格的行和列,用文本和图片进行填充。我用了顶级的来形容这个些插件,我可以肯定你了解它们之后会觉得很酷。

2014-11-25 16:58:54 2375 0

原创 SVG的路径动画效果

使用SVG animateMotion实现的一个动画路径效果,相关代码如下。 在线调试唯一地址:http://www.gbtags.com/gb/debug/c88f4099-5056-4ad7-af4e-0ededd4f65d2.htm 原文来自:SVG的路径动画效果

2014-11-25 16:44:00 1638 0

原创 javascript 函数详解2 -- arguments

arguments是函数对象内部一个比较特殊的类数组对象,这个对象中包含了所属函数的参数列表,同时还包含一个指向函数原型对象的指针.

2014-11-25 16:31:15 1941 0

原创 HTML5播放器FlowPlayer的极简风格效果

在线演示 本地下载 使用Flowplayer生成的极简风格的播放器效果。

2014-11-25 16:15:43 1930 1

原创 使用SVG生成的奔跑吧兄弟的动画效果

在线演示 本地下载 缩放一下在线演示效果窗口,看看不同大小下的动画是不是都显示的非常完美? 体验一下SVG的强大之处吧!

2014-11-19 15:19:20 2088 0

原创 使用jQuery和CSS3生成的搜索框变形全屏搜索效果

在线演示 本地下载 使用jQuery和CSS3过渡变形效果生成的一个搜索框变形效果实现,可以帮助你更好利用页面格式和内容。实验性质的代码,请大家在产品环境里自己修改使用!

2014-11-19 15:00:25 1498 0

原创 15个专业版响应式WordPress主题

当你准备创建一个新的网站,你会发现有很多的WordPress主题供你选择,它们强大而且合适。虽然大量的第三方插件可以解决脚本的问题,但这次我们要向你介绍一些完全不同于以往的主题,它们都是专业开发者开发的响应式模板。

2014-11-19 14:54:08 2536 0

原创 Bootstrap3生成响应式的特价商品展示布局

在线演示 本地下载 在线前端调试地址,大家可以在线自己调试。 在线调试唯一地址:http://www.gbtags.com/gb/debug/fa35e396-0a04-4b73-9bfc-c63349ff6314.htm

2014-11-19 14:47:46 2136 0

原创 6款程序员不得不爱的bootstrap模板

bootstrap模板是前端工程师们的最爱!如果你还没有开始使用Bootstrap模板,那你可真是有够OUT,这是一个帮助你快速开发的工具,Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuer...

2014-11-19 11:44:11 2605 0

原创 创意设计体验/变形效果的全屏搜索框设计

在线演示 本地下载 使用Javascript生成全屏幕的搜索框体验,搜索体验非常不错,大家可以尝试在自己的项目中应用一下!

2014-11-12 16:27:53 1585 0

原创 使用CSS3生成的电子时钟特效

在线演示 本地下载 突然觉得自己对带工作的态度亟需改正,虽然不喜欢现在的加班生活,但是自己要去接受自己不喜欢的,才能获得自己喜欢的。 这是自己好久之前丛过的一个时钟,网上应该有这个的教程,虽然实现的效果都相同,不过机制是有差别的。 虽然图片是借的,是一整个圆,不过我只用了半个,没切···,...

2014-11-12 16:22:33 1575 0

原创 前端开发资源集锦

本周我们带来的前端推荐包含当前热门的bootstrap,html5,css3等技术内容和新闻话题,如果你还想近一步学习如何开发,还可以关注我们的极客课程库,里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助!原文来自:极客标签

2014-11-12 16:03:07 798 0

原创 javascript闭包详解

今天我们从内存结构上来讲解下 javascript中的闭包概念。闭包:是指有权访问另外一个函数作用域中的变量的函数。创建闭包的常见方式就是在一个函数内部创建另外一个函数。

2014-11-12 15:39:11 841 0

原创 使用FractionSlider生成的视差幻灯效果原型

在线演示 本地下载 非常棒的jQuery插件,帮助你创建超酷的视差效果幻灯!

2014-11-12 15:26:15 705 0

原创 使用Snap.svg类库实现的抖动式的幻灯播放效果

这个幻灯中,使用了SVG来生成具有动画弧度的幻灯背景效果,如果你在项目中能够支持现代浏览器的话,尝试一下这个效果吧,很赞!

2014-11-03 15:05:29 992 0

原创 CSS3实现的苹果网站搜索框效果

在线演示 本地下载 用CSS3相关属性生成的动态搜索框效果。

2014-11-03 14:59:33 696 0

原创 免费素材:气球样式的图标集(PSD, SVG, PNG)

本地下载 一套30枚设计精良的气泡式圆形图标,两种款式供您选择,相信你会喜欢!

2014-11-03 14:56:25 694 0

原创 5个经典的JavaScript面试题

在IT界中公司对JavaScript开发者的要求还是比较高的,但是如果JavaScript开 发者的技能和经验都达到了一定的级别,那他们还是很容易跳到优秀的公司的,当然薪水就更不是问题了。但是在面试之前,面试准备也应该足够的充分,毕竟不是 每个优秀的开发者都能在短时间内表现自己。在这篇文章中,我将...

2014-11-03 14:41:33 946 0

原创 HTML5画布生成的3D飞船舰队效果

使用HTML5画布2D来模拟3D的空间效果,生成舰队飞行效果,了解如何开发,请阅读下面代码相关“轻视频”

2014-11-03 14:31:00 1075 0

原创 35个让人惊讶的CSS3动画效果

1. Pure CSS Coke Can 2. Colorful Clock 3. jQuery DJ Hero 4. Animated Pricing Column 5. Slick jQuery Menu 6. Frame-by-Frame Animation (...

2014-11-03 14:23:39 667 0

原创 Node入门

Node入门 作者: Manuel Kiessling 翻译: goddyzhao & GrayZhang & MondayChen 关于 本书致力于教会你如何用Node.js来开发应用,过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello ...

2014-11-03 13:50:49 395 0

原创 pagePiling.js - 创建漂亮的全屏滚动效果

全屏滚动效果是最近非常流行的网页设计形式,带给用户良好的视觉和交互体验。

2014-11-03 13:40:48 815 0

原创 FancyBox - 经典的 jQuery Lightbox 插件

FancyBox 是一款非常优秀的弹窗插件,能够为图片、HTML 内容和其它任务的多媒体内容提供优雅的弹出缩放效果。作为是最流行的 Lightbox 插件之一,可以通过 fitToView 实现自适应功能。

2014-11-03 13:29:04 766 0

原创 扩展一个boot的插件—tooltip&做一个基于boot的表达验证

在线演示 本地下载 加班,加班加班,我爱加班··· 我已经疯了,哦也。 这次发一个刚接触boot的时候用boot做的表单验证,我们扩展一下tooltip的插件,让他可以换颜色。 其实挺简单的,主要是考究代码阅读的能力。 boot的代码写的很简单,能省略“;”的地方就省略掉了,而且他的闭包...

2014-10-28 17:15:54 516 0

原创 设计并实现一个漂亮的结婚小站

国庆节刚刚休完婚假,现在分享下为自己结婚时制作的网页~~希望能得到大家的指点~~代码很羞涩,主要是设计~~ 准备结婚的童鞋们,有没有做一个求祝福的网页的想法呢?看这里:http://insekkei.com/drabbit/  首页走起,背景的云是慢悠悠飘着的。标题字体采用wire one,英...

2014-10-28 17:06:43 515 0

原创 css选择器顺序的小技巧

在线演示 本地下载 css的选择器的顺序其实很有意思,如果应用的好的话,可以做一些简单的逻辑出来,配合上css3,就可以尽可能的脱离js了。 这里的演示是一个带有hover事件的四张照片,效果来自一个国外优秀单页,我在recode的时候做的,看源码他应该是用的js,我这里改成了css做,正好...

2014-10-28 16:55:09 533 0

原创 推荐20个很有帮助的web前端开发教程

推荐20个很有帮助的web前端开发教程

2014-10-28 15:09:18 1102 1

原创 炙手可热的前端资源大集合

本周我们带来的前端推荐包含当前热门的bootstrap,html5,css3等技术内容和新闻话题,如果你还想近一步学习如何开发,还可以关注我们的极客课程库,里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助!

2014-10-28 14:26:40 896 0

原创 一款纯css实现的垂直时间线效果

今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色,界面效果还不错。一起看下效果图: 实现的代码。 html代码: 。。。 阅读原文:一款纯css实现的垂直时间线效果

2014-10-28 13:42:16 871 0

原创 15款极具创造性的艺术创意

艺术可以称之为令人陶醉的一种美。它可以唤醒人们潜意识中惊人的创造力。很多惊人的艺术作品都蕴含了多层次的含义,但多数情况来说,只有那一瞬间,足以感动我们的视觉。这就是为什么艺术总能保持一种强大且持久的情感,如某种旋律、视觉形象等等。下面这15款艺术欣赏是我收集来的,希望我们都因美丽而相识。

2014-10-27 10:25:16 849 0

提示
确定要删除当前文章?
取消 删除