自定义博客皮肤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

互联网技术分享平台

  • 博客(877)
  • 问答 (1)
  • 收藏
  • 关注

原创 代码轻视频系列#001

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

2014-11-25 17:24:51 1981

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

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

2015-08-19 08:33:59 507

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

在今天的jQuery教程中,我们将介绍如何使用jQuery和其它相关的插件来生成一个漂亮的带有密码强度检验的注册页面,希望大家喜欢!在线演示相关的插件和类库 complexify - 一个密码强度检验jQuery插件 justgage - 一个兼容性良好的仪表盘类库主要功能注册中包含一个密码强度检验组件,用户需要设置一定强度的密码才可以注

2015-07-24 12:20:11 1890

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

本期挑战 给定如下HTML: id="gbcanvas" width="350" height="300">阅读如下的相关HTML5画布教程:HTML5画布实现的粒子运动效果HTML5画布Canvas基础入门请使用HTML5画布生成一个自由落体效果的渐变小球,效果如下(点击下图查看GIF动画)渐变色由#dd4814开始, 由#FFFF

2015-06-20 07:39:40 2751

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

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

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

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

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

2015-01-06 17:34:56 2447

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

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

2014-11-25 17:45:54 2177

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

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

2014-11-25 17:43:39 2131

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

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

2014-11-25 17:32:52 1577

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

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

2014-11-25 17:15:55 3237

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

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

2014-11-25 16:58:54 2917

原创 SVG的路径动画效果

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

2014-11-25 16:44:00 1822

原创 javascript 函数详解2 -- arguments

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

2014-11-25 16:31:15 2033

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

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

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

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

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

2014-11-19 15:19:20 2195

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

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

2014-11-19 15:00:25 1602

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

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

2014-11-19 14:54:08 3007

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

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

2014-11-19 14:47:46 2541

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

bootstrap模板是前端工程师们的最爱!如果你还没有开始使用Bootstrap模板,那你可真是有够OUT,这是一个帮助你快速开发的工具,Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。今天我们带来的这6套免费的Bootstrap模板,身为程序员的你,怎么可以错过!

2014-11-19 11:44:11 2766

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

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

2014-11-12 16:27:53 1676

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

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

2014-11-12 16:22:33 1693

原创 前端开发资源集锦

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

2014-11-12 16:03:07 875

原创 javascript闭包详解

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

2014-11-12 15:39:11 901

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

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

2014-11-12 15:26:15 765

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

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

2014-11-03 15:05:29 1102

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

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

2014-11-03 14:59:33 910

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

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

2014-11-03 14:56:25 800

原创 5个经典的JavaScript面试题

在IT界中公司对JavaScript开发者的要求还是比较高的,但是如果JavaScript开 发者的技能和经验都达到了一定的级别,那他们还是很容易跳到优秀的公司的,当然薪水就更不是问题了。但是在面试之前,面试准备也应该足够的充分,毕竟不是 每个优秀的开发者都能在短时间内表现自己。在这篇文章中,我将会列出5个常见的前端开发面试题。看到这里你证明你一定是个程序员或是HR了,不防把文章看 完,了解一下自己还有什么不足之处,有什么问题希望大家可以在留言中交流。

2014-11-03 14:41:33 1040

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

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

2014-11-03 14:31:00 1209

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

1. Pure CSS Coke Can2. Colorful Clock3. jQuery DJ Hero4. Animated Pricing Column5. Slick jQuery Menu6. Frame-by-Frame Animation (Hover to Play)7. AT-AT Walker8. Contextual 

2014-11-03 14:23:39 818

原创 Node入门

Node入门作者: Manuel Kiessling翻译: goddyzhao & GrayZhang & MondayChen关于本书致力于教会你如何用Node.js来开发应用,过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello World”的教程。状态你正在阅读的已经是本书的最终版。因此,只有当进行错误更正以及针对新版本Node.js的

2014-11-03 13:50:49 449

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

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

2014-11-03 13:40:48 902

原创 FancyBox - 经典的 jQuery Lightbox 插件

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

2014-11-03 13:29:04 829

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

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

2014-10-28 17:15:54 571

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

国庆节刚刚休完婚假,现在分享下为自己结婚时制作的网页~~希望能得到大家的指点~~代码很羞涩,主要是设计~~准备结婚的童鞋们,有没有做一个求祝福的网页的想法呢?看这里:http://insekkei.com/drabbit/ 首页走起,背景的云是慢悠悠飘着的。标题字体采用wire one,英文字体包比较小,我放在源代码中了。另外,关于主婚纱照的抠图,那是我历史上抠得最细致的一张图片,没有

2014-10-28 17:06:43 806

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

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

2014-10-28 16:55:09 610

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

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

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

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

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

2014-10-28 14:26:40 969

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

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

2014-10-28 13:42:16 1017

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

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

2014-10-27 10:25:16 1388

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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