- 博客(747)
- 收藏
- 关注
RSS订阅原创 Bootstrap注册页面模板
分享一个实用的页面注册模板，如下： 它的特点：多步骤注册格式响应式预览（Bootstrap框架）全屏背景字体图标Retina显示简单的jquery表单验证下载地址...
2015-06-20 07:29:12
2809
1
原创 【AmazeUI赞助】jQuery编程挑战#010：生成页面顶端的滑动弹出式提示框效果
参加编程小挑战，赢取超时尚且超时用卫衣！挑战要求：参考给定的HTML，使用jQuery和相关CSS生成页面顶端滑动错误提示效果，具体效果如下：点击页面中的按钮“系统提示” ，生成一个背景色为#efb73e的页面顶端居中“错误提示框”（贴近页面顶端），宽度为页面宽度的80%，高度为35px，出现效果为整体向下滑动出现，点击“错误提示框”中的关闭元素（id=“close” 元...
2015-03-16 11:32:16
264
原创 使用HTML5+JavaScript生成的一款儿时的经典游戏
在线演示本地下载这是一款使用HTML5+JavaScript生成的俄罗斯方块游戏（带自动播放！）。这款游戏大家绝对不应该陌生，我可是从小不离手混天黑地的玩啊！如果你也是个游戏霸主，那你一定要跟我学习如何开发这款小游戏。这款HTML5俄罗斯方块是迄今为止最好的一个版本，该套代码修改后并重新创立了一个jQuery插件，增加了一些方法，让它更加容易实现。如果你还对HTML5小游戏有...
2015-01-29 10:15:41
280
最值得收藏的Bootstrap资源网站
如 果你正在寻找Bootstrap图标，那今天的推荐对你而言绝对非常重要！在这篇内容中，我们把这套框架上的免费字体图 标做了个整合(当然，以后还会不断的更新)。正如你所知，图标字体在一个web网页设计拥有很多优势：它们使用方便，不仅仅是图像，更是一个载体。大小随 意缩放，还可以适应各种尺寸的屏幕（包含移动设备，平板电脑等）。这套集合图标使用起来非常的方便：你只需要点击下载包，将文件添加到 你...
2015-01-21 11:00:24
202
推荐7款超实用的网站模版
每周极客标签都将推出两篇荟萃内容的文章，内容覆盖了Bootstrap、CSS、Javascript、HTML5等当前最热门的特效和应用，本周我们推荐的这7款超级实用的网站模板不仅带有独立的在线演示，并且依旧全部免费下载！如果你也喜欢我们的素材教程，请加入我们的极客标签吧！免费的餐厅页面模板-Resto 本地下载在当前物质生活颇为丰富的今天，食物带给我们的远远超过了饱腹的能量，...
2015-01-06 17:33:45
284
原创 快速生成漂亮的移动端视差滚动效果
在线演示本地下载使用stellar.js可以帮助开发者快速的生成基于移动设备的视差滚动效果。使用简单的data属性定义即可生成相关视差效果。
2014-11-26 14:58:58
259
原创 代码轻视频系列#001
代码轻视频是极客标签开发的互动式教程，它简单易学，仅需花费3分钟，带你领略前端的最强技术！轻视频完全并适应各种尺寸浏览器包括移动设备。如果你想知道代码是如何被开发的，请你继续翻阅我们的录播代码。学习思想比学习结果更为重要！每天花费3分钟，让你与梦想更进一步！使用jQuery快速添加一个页面的悬浮覆盖层前端页面开发中，你可能需要生成一个覆盖页面的覆盖层，这段代码可以帮助你快速的添...
2014-11-26 14:58:33
108
原创 CSS3 圆角制作的消息提示图标
CSS3 圆角制作的消息提示图标，如果你想知道它是如何被开发的，请点击连接查看。http://www.gbtags.com/gb/rtreplayerpreview/142.htm
2014-11-26 14:58:18
218
原创 CSS3实现的超酷动态圆形悬浮效果
在线演示本地下载了解代码是如何开发的？ 请参考并且播放如下代码轻视频： http://www.gbtags.com/gb/rtreplayerpreview/151.htm
2014-11-25 17:16:01
548
25款顶级的jQuery表格插件
jQuery 表格插件可以让你创建各种各样的表格布局，表格布局是报纸和杂志中最常见的布局，现在的网站中也很常见，在这篇文章中，我向大家推荐25个jQuery 的表格插件，你可以任意控制表格的行和列，用文本和图片进行填充。我用了顶级的来形容这个些插件，我可以肯定你了解它们之后会觉得很酷。1. GridifyGridify 是轻量级的 jQuery 插件，用来创建一个类似 Pinte...
2014-11-25 16:58:33
1025
原创 SVG的路径动画效果
使用SVG animateMotion实现的一个动画路径效果，相关代码如下。在线调试唯一地址：http://www.gbtags.com/gb/debug/c88f4099-5056-4ad7-af4e-0ededd4f65d2.htm原文来自：SVG的路径动画效果 ...
2014-11-25 16:42:36
327
javascript 函数详解2 -- arguments
今天我们接着上篇文章来继续javascript函数这个主题。今天要讲的是函数对像中一个很重要的属性--arguments。相关阅读：javascript 函数详解1 -- 概述javascript 函数详解2 -- argumentsJavascript 函数详解3 -- this对象 Javascript 函数详解4 -- 函数的其他属性 Javascript...
2014-11-25 16:31:54
109
原创 15个专业版响应式WordPress主题
当你准备创建一个新的网站，你会发现有很多的WordPress主题供你选择，它们强大而且合适。虽然大量的第三方插件可以解决脚本的问题，但这次我们要向你介绍一些完全不同于以往的主题，它们都是专业开发者开发的响应式模板。VellumVellum是来自themeforest的wordpress企业主题，这款主题设计非常不错，非常有创意，首页采用了左右两栏的页面设计，左栏为导航，效果非...
2014-11-18 17:24:24
386
6款程序员不得不爱的bootstrap模板
bootstrap模板是前端工程师们的最爱！如果你还没有开始使用Bootstrap模板，那你可真是有够OUT，这是一个帮助你快速开发的工具，Bootstrap是基于jQuery框架开发的，它在jQuery框架的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完...
2014-11-18 17:23:23
256
原创 使用SVG生成的奔跑吧兄弟的动画效果
在线演示本地下载缩放一下在线演示效果窗口，看看不同大小下的动画是不是都显示的非常完美？ 体验一下SVG的强大之处吧！
2014-11-18 17:21:42
123
原创 使用jQuery和CSS3生成的搜索框变形全屏搜索效果
在线演示本地下载使用jQuery和CSS3过渡变形效果生成的一个搜索框变形效果实现，可以帮助你更好利用页面格式和内容。实验性质的代码，请大家在产品环境里自己修改使用！...
2014-11-18 17:20:49
175
原创 创意设计体验/变形效果的全屏搜索框设计
在线演示本地下载使用Javascript生成全屏幕的搜索框体验，搜索体验非常不错，大家可以尝试在自己的项目中应用一下！
2014-11-12 16:28:24
95
原创 使用CSS3生成的电子时钟特效
在线演示本地下载突然觉得自己对带工作的态度亟需改正，虽然不喜欢现在的加班生活，但是自己要去接受自己不喜欢的，才能获得自己喜欢的。这是自己好久之前丛过的一个时钟，网上应该有这个的教程，虽然实现的效果都相同，不过机制是有差别的。虽然图片是借的，是一整个圆，不过我只用了半个，没切···，还有浏览器只看了chrome···，太懒了···首 先他有一个一个永远在右侧的半圆，以及一个...
2014-11-12 16:22:19
193
前端开发资源集锦
本周我们带来的前端推荐包含当前热门的bootstrap，html5，css3等技术内容和新闻话题，如果你还想近一步学习如何开发，还可以关注我们的极客课程库，里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助！原文来自：极客标签网上常见的一个时钟突然觉得自己对带工作的态度亟需改正，虽然不喜欢现在的加班生活，但是自己要去接受自己不喜欢的，才能获得自己喜欢的。这是自己...
2014-11-12 16:02:09
386
原创 javascript闭包详解
今天我们从内存结构上来讲解下 javascript中的闭包概念。闭包：是指有权访问另外一个函数作用域中的变量的函数。创建闭包的常见方式就是在一个函数内部创建另外一个函数。在javascript中没有块级作用域，一般为了给某个函数申明一些只有该函数才能使用的局部变量时，我们就会用到闭包，这样我们可以很大程度上减少全局作用域中的变量，净化全局作用域。使用闭包有如上的好处，当然这样的好...
2014-11-12 15:38:56
116
原创 使用Snap.svg类库实现的抖动式的幻灯播放效果
在线演示本地下载这个幻灯中，使用了SVG来生成具有动画弧度的幻灯背景效果，如果你在项目中能够支持现代浏览器的话，尝试一下这个效果吧，很赞！想了解基础使用，观看这个轻视频吧：Snap.svg处理和操作SVG图形...
2014-11-04 09:52:00
69
原创 HTML5画布生成的3D飞船舰队效果
在线演示本地下载使用HTML5画布2D来模拟3D的空间效果，生成舰队飞行效果，了解如何开发，请阅读下面代码相关“轻视频”：HTML5画布模拟生成3D的舰队飞行效果...
2014-11-03 14:30:17
282
原创 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:22:54
131
原创 Node入门
Node入门作者： Manuel Kiessling翻译： goddyzhao & GrayZhang & MondayChen关于本书致力于教会你如何用Node.js来开发应用，过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello World”的教程。状态你正在阅读的已经是本书的最终版。因此，只有当进行错误更正以及针对新...
2014-11-03 13:50:39
1016
原创 pagePiling.js - 创建漂亮的全屏滚动效果
在线演示在线演示本地下载全屏滚动效果是最近非常流行的网页设计形式，带给用户良好的视觉和交互体验。pagePiling.js 这款jQuery插件可以帮助前端开发人员轻松实现这种效果。支持所有的主流浏览器，包括IE8+，支持移动设备。...
2014-11-03 13:38:21
100
原创 FancyBox - 经典的 jQuery Lightbox 插件
在线演示本地下载FancyBox 是一款非常优秀的弹窗插件，能够为图片、HTML 内容和其它任务的多媒体内容提供优雅的弹出缩放效果。作为是最流行的 Lightbox 插件之一，可以通过 fitToView 实现自适应功能。主要特色：✓ 能够显示图片、HTML 元素、SWF 影片、iframe 框架和 Ajax 请求的内容✓ 可以通过配置和 CSS 自定义外观...
2014-11-03 13:25:25
108
原创 扩展一个boot的插件—tooltip&做一个基于boot的表达验证
在线演示本地下载（代码太多请查看原文）加班，加班加班，我爱加班··· 我已经疯了，哦也。这次发一个刚接触boot的时候用boot做的表单验证，我们扩展一下tooltip的插件，让他可以换颜色。其实挺简单的，主要是考究代码阅读的能力。boot的代码写的很简单，能省略“;”的地方就省略掉了，而且他的闭包也很有意思+function($){}(j...
2014-10-29 14:22:11
65
原创 设计并实现一个漂亮的结婚小站
国庆节刚刚休完婚假，现在分享下为自己结婚时制作的网页～～希望能得到大家的指点～～代码很羞涩，主要是设计～～准备结婚的童鞋们，有没有做一个求祝福的网页的想法呢？看这里：http://insekkei.com/drabbit/ 首页走起，背景的云是慢悠悠飘着的。标题字体采用wire one，英文字体包比较小，我放在源代码中了。另外，关于主婚纱照的抠图，那是我历史上抠得最细致的一张图片...
2014-10-28 17:06:33
135
原创 css选择器顺序的小技巧
在线演示本地下载css的选择器的顺序其实很有意思，如果应用的好的话，可以做一些简单的逻辑出来，配合上css3，就可以尽可能的脱离js了。这里的演示是一个带有hover事件的四张照片，效果来自一个国外优秀单页，我在recode的时候做的，看源码他应该是用的js，我这里改成了css做，正好可以演示一下css选择器的顺序技巧。首先是li标签的样式，这里就不说了，主要说一下hover...
2014-10-28 16:54:16
91
推荐20个很有帮助的web前端开发教程
1. CSS Vocabulary一个伟大的指向和点击的小应用程序，让你加快速度掌握 CSS 语法的各个不同部分，学习各个属性的正确的名称。2. Liquidapsive一个简单的信息化布局，通过选择框的方式，可以让你在响应式，自适应，流动和静态布局中选择，所以你可以看到四大布局类型之间的区别。3. Superhero.js最好的文章，视频和演示文稿，以帮助前端开...
2014-10-28 15:08:42
151
炙手可热的前端资源大集合
本周我们带来的前端推荐包含当前热门的bootstrap，html5，css3等技术内容和新闻话题，如果你还想近一步学习如何开发，还可以关注我们的极客课程库，里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助！原文来自：极客标签AngularJS手册: 10000字的全面使用手册来自Google开发大拿 Todd Motto 的Angular教程，非常好的学习an...
2014-10-28 14:26:15
107
原创 一款纯css实现的垂直时间线效果
今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图：实现的代码。html代码：。。。阅读原文：一款纯css实现的垂直时间线效果 ...
2014-10-28 13:41:56
433
原创 15款极具创造性的艺术创意
艺 术可以称之为令人陶醉的一种美。它可以唤醒人们潜意识中惊人的创造力。很多惊人的艺术作品都蕴含了多层次的含义，但多数情况来说，只 有那一瞬间，足以感 动我们的视觉。这就是为什么艺术总能保持一种强大且持久的情感，如某种旋律、视觉形象等等。下面这15款艺术欣赏是我收集来的，希望我 们都因美丽而相 识。原文来自：15款极具创造性的艺术创意 Human Temple by Trina Mer...
2014-10-27 10:22:17
247
原创 免费素材-Helium (AI, EPS, SVG, Icon Font)
在线演示在线演示本地下载我很高兴和大家分享今天的素材-Helium。它有多种格式可供下载(AI, EPS, SVG, Icon Font) ，内容包含曲线、飞行器、上传下载、喇叭等类型。...
2014-10-23 15:22:43
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人