发布于2014-12-12,阅读2036次,收藏 7次,评论0条 - 来自秦秦公主  | 收藏

极客Web前端开发资源大荟萃#011

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

CSS3实现的旋转式内容过滤特效

在线演示

本地下载

使用Keyframe的动画效果实现的图片组过滤效果,相关代码请下载阅读。

如何使用Canvas来实现拖拽图形效果

在线演示

本地下载 

这是一款简单的画布拖拽效果,点开在线演示,挪动你的鼠标来决定图形的位置。非常有趣!

通过Ionic构建一个简单的混合式(Hybrid)跨平台移动应用

自从混合式移动开发火起来之后,一部分Web工程师开始转战移动开发。混合式移动开发技术让Web工程师可以开发出各个平台的移动应用,而且不需要 学习各个平台的原生编程语言。现在已经有很多诸如PhoneGap和Titanium这些混合式开发平台来帮助我们进行混合式编程,今天我们要介绍一是一 个相比之下更新的混合式移动开发平台Ionic

 

Ionic是一个高级HTML5混合式移动应用开发框架,同时也是一个开源的前端框架。Ionic应用是基于Cordova, 所以Cordova相关的工具也都可以构建到应用中去,Lonic注重的是视觉效果和用户体验,所以使用了 AngularJS来构建很各种酷的效果。

jQuery的用户事件模拟插件:jQuery.simulator

本地下载

使用这个插件,可以帮助你模拟用户端的相关事件,例如,click,focus等等,包括浏览器缺省提供的本地元素,例如,点击一个正常的链接,或者点击递交按钮等等,功能比jq提供的trigger方法更多,可以用于web测试等相关方面。

 

相关使用教程:jquery simulate插件模拟web用户的互动操作

使用视差skrollr插件制作风车

在线演示

本地下载

skrollr视差滚动插件。

使用HTML5游戏引擎Phaser和HTML5设备方向(device orientation)检测特性开发的重力小游戏


在线演示

本地下载

HTML5中包含一个帮助检测device orientation的特性,使用这个特性可以在移动设备浏览器中判断用户设备的旋转重力方向。基本知识:Alpha, Beta, Gamma角度旋转。

创建高质量视频教程的7个要点

高质量的视频教程是如今分享知识的最佳方式。现在虽然容易就找到一个相关的视频教程,但它们大多都很粗糙,从某一个角度来说,这就像百度给程序员带来的不幸一样。

更不幸的是,即使这些视频教程内容很好,粗糙的表现形式仍然很有可能让学习者望而却步。如果你对这方面感兴趣,可以继续阅读这篇文章,相信你一定会从中受益。

国人自己开发的移动框架-mobilebone

在线演示

本地下载

国人开发的一个单页面移动框架,支持国货!

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

在线演示

本地下载

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

Javascript 函数详解5 -- 函数对象的内部函数

相关阅读:

这三个函数都是指向函数本身的,call()apply()的第一参数都是这个函数要执行的上下文对象,之后的参数是这个函数执行要传的参数,不同的地方时call是以枚举的方式传参,apply是以数组的形式传参,当然也可以传递arguments对象。bind()是把该函数绑定到指定的context上下文执行环境中,简单讲就是把该函数的this对象指向传到bind()中的参数context,并返回一个函数实例

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

在线演示

本地下载 

只能在移动设备上查看和使用。

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

在线演示

本地下载

想要了解这套CSS实现的圆形悬浮效果的代码是如何开发的?请参考并且播放如下代码轻视频: http://www.gbtags.com/gb/rtreplayerpreview/151.htm

25款顶级的jQuery表格插件

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

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

 

在线演示

本地下载

使用Flowplayer生成的极简风格的播放器效果。支持响应式,非常不错!如果想看看代码如何编写的,请观看如下的“代码轻视频”:http://www.gbtags.com/gb/rtreplayerpreview/146.htm

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

在线演示

本地下载

在线前端调试地址,大家可以在线自己调试,修改并且运行代码:(在线调试唯一地址)http://www.gbtags.com/gb/debug/fa35e396-0a04-4b73-9bfc-c63349ff6314.htm

极客标签现推出#GB课程库#,这是一个涵盖了当前最流行的HTML5CSS3javascriptbootstrap等现代开发技术的‘学’与‘习’的全新功能。邀请大家前来使用,它绝对让你花最少的钱和时间,带给你最有收获的价值体验!本周推荐已完成,期待您们的光临!

如果你也想参与文章投递

  • 点击发布按钮发布文章或者其它类型内容,保存时务必添加“Web开发资源大荟萃”标签即可申请发布。

via 极客资源荟萃周刊


关于作者

秦秦公主

我为自己带盐,并齁住全场!

极客主页:秦秦公主
新浪微博:访问微博

评论或回答

  1. 没有任何评论
评论请先登录



以后再转发,立刻下载!