分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

jQuery插件开发绝对是jQuery框架最强大的一个特性。数以万计的开发人员开发了各种不同功能和特性的jQuery插件,使得jQuery框架如此的成功和流行。随着HTML5,CSS3的发展,javascript在web开发中慢慢变得更加强大,并且更加的可控。在今天的这篇文章中,我们将介绍10款帮助你构建完美UI,特效和动画的jQuery插件。希望大家能够喜欢!

Percentage loader

在我们以前的文章中我们介绍过这个canvas实现的强大进度条,它拥有性感迷人的UI界面,并且能够提供给你方便的callback方法处理进度。相信大家一定会喜欢!

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Knob

Knob是另外一个超棒的旋钮式的UI组件,能够帮助你创建音响上的按钮效果。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Real Shadow

使用这个插件,能够帮助你实现实时的阴影效果,而且能够产生动态阴影变化和颜色。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Photon

一个帮助你实现3D光线效果的引擎。绝对让你震撼!

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

jSignature

一个帮助你创建签名的jQuery插件,允许你的用户使用鼠标,手指或者铅笔生成签名。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

滚动特效

超酷的CSS3实现的滚动特效。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

飞行状下拉菜单特效

这个超棒的下拉菜单,将飞行特效融入了动画中,让它和其它的菜单比较起来更加与众不同。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

SigmaJS

一个超棒的图形绘制类库,使用HTML canvas来绘制图形。可以展示互动的静态图形,也可以快速的展示动态图形。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Refine Slide

一个超棒的CSS过渡和3D变形的幻灯。支持响应式设计,并且可以使用javascript来兼容老版本浏览器。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

SeuratJS

一个超棒扩展自Raphael的javascript类库 ,允许你创建超炫的动画和像素作品。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

 

来源:GBin1.com

八款开源 Android 游戏引擎

初学Android游戏开发的朋友,往往会显得有些无所适从,他们常常不知道该从何处入手,每当遇到自己无法解决的难题时,又往往会一边羡慕于 iPhone下有诸如Cocos2d-iphone之类的免费游戏引擎可供使用,一边自暴自弃的抱怨Android平台游戏开发难度太高,又连个像样的游 戏引擎也没有,甚至误以为使用Java语言开发游戏是一件费力不讨好且没有出路的事情。

事实上,这种想法完全是没有必要且不符合实际的,作为能和苹果iOS分庭抗礼的Android(各种意义上),当然也会有相当数量的游戏引擎存在。仅仅因为我们处于这个狭小的天地间,与外界接触不够,所以对它们的存在茫然不知罢了。

下面我就罗列出八款常见的Android游戏引擎,以供有需要者参考(收费,下载量过小,不公布源码,以及鄙人不知道(-_-)的引擎不在此列)。

1、Angle

Angle是一款专为Android平台设计的,敏捷且适合快速开发的2D游戏引擎,基于OpenGL ES技术开发。该引擎全部用Java代码编写,并且可以根据自己的需要替换里面的实现,缺陷在于文档不足,而且下载的代码中仅仅包含有少量的示例教程。

最低运行环境要求不详。

项目地址:http://code.google.com/p/angle/

2、Rokon

rokon是一款Android 2D游戏引擎,基于OpenGL ES技术开发,物理引擎为Box2D,因此能够实现一些较为复杂的物理效果,该项目最新版本为 2.0.3 (09/07/10)。总体来说,此引擎最大的优点在于其开发文档相当之完备,并且项目作者对反馈Bug的修正非常之神速,所以该框架的使用在目前也最为 广泛,有人干脆将它称为Cocos2d-iPhone引擎的Android版(业务逻辑和编码风格上也确实很像)。附带一提,国内某个需要注册会员才能下 载的Android游戏框架衍生于此框架,所以大家也不要刻板的认为收费便一定是好的,免费就一定不好。

最低运行环境要求为Android 1.5。

项目地址:http://code.google.com/p/rokon/

3、LGame

LGame是一款国人开发的Java游戏引擎,有Android及PC(J2SE)两个开发版本,目前最高版本同为0.2.6(31/07/10)。 其底 层绘图器LGrpaphics封装有J2SE以及J2ME提供的全部Graphics API(PC版采用Graphics2D封装,Android版采用Canvas模拟实现),所以能够将J2SE或J2ME开发经验直接套用其中,两版本 间主要代码能够相互移植。Android版内置有Admob接口,可以不必配置XML直接硬编码Admob广告信息。

该引擎除了基本的音效、图形、物理、精灵等常用组件以外,也内置有Ioc、xml、http等常用Java组件的封装,代价是jar体积较为庞 大,PC版 已突破1.2MB,Android版有所简化也在500KB左右。此外,该引擎还内置有按照1:1实现的J2ME精灵类及相关组件,可以将绝大多数 J2ME游戏平移到Android或PC版中。唯一遗憾的是,该项目作者是个极其懒惰的家伙,开发文档从去年说到今年依旧没有提供,只有游戏示例可供下 载。

最低运行环境要求为Android 1.1。

项目地址:http://code.google.com/p/loon-simple/

4、AndEngine

andengine同样是一款基于OpenGL ES技术的Android游戏引擎,物理引擎同样为Box2D(标配|||)。该框架性能普通,文档缺乏,但示例较为丰富。

下载地址(未直接提供jar下载,源码可通过svn提取):http://code.google.com/p/andengine/

最低运行环境要求不详。

项目地址:http://code.google.com/p/rokon/

5、libgdx

libgdx是一款基于OpenGL ES技术开发的Android游戏引擎,支持Android平台下的2D游戏开发,物理引擎采用Box2D实现。单就性能角度来说,堪称是一款非常强大的 Android游戏引擎,但缺陷在于精灵类等相关组件在使用上不够简化,而且文档也较为匮乏。

最低运行环境要求不详。

项目地址:http://code.google.com/p/libgdx/

6、jPCT

jPCT是一款基于OpenGL技术开发的3D图形引擎(PC环境为标准OpenGL,Android为OpenGL ES), 以Java语言为基础的,拥有功能强大的Java 3D解决方案。该引擎与LGame(此为2D游戏引擎)相类似,目前拥有PC(J2SE)以及Android两个开发版本。

jPCT的最大优势之一,就在于它惊人的向下兼容性。在PC环境中,jPCT甚至可以运行在JVM1.1环境之中,因为jPCT内部提供的图形渲染接 口完 全符合所有的Java 1.1规范(就连已经消失的Microsoft VM乃至更古老的Netscape 4 VM也不例外)。

最低运行环境要求为Android 1.5。

项目地址:http://www.jpct.net/jpct-ae/

7、Alien3d

Alien3d是一款体积非常之小的Android 3D游戏引擎,基于OpenGL ES技术开发。为了压缩体积,它根据不同功能采用多jar方式发布(包括alien3d-engine.jar,alien3d- tiled.jar,alien3d-sprites.jar,alien3d-shapes.jar,alien3d- particles2d.jar,),事实上它的核心文件大约只有40KB,所有相关jar的总和也不足150KB。

最低运行环境要求为Android 1.5。

项目地址:http://code.google.com/p/alien3d/

8、Catcake

Catcake是一款跨平台的Java 3D图形引擎,目前支持PC(J2SE)及Android环境运行(已有iPhone版规划)。该引擎在易用性和运行性能上皆有出色的表现,支持常见的游戏开发功能,诸如精灵动画,音频处理和视频播放等。

最低运行环境要求为Android 1.6。

项目地址:http://code.google.com/p/catcake/

来源:http://software.intel.com/zh-cn/blogs/2012/01/13/android-4/

高煥堂 5本 Android 的 eBooks (完整版Free)

歡迎下載 高煥堂 5本 Android 的 eBooks (完整版Free):

–>>(第二版)此處下載

☆ 身為架構師,圖形思考能力愈好,創意設計與人際溝通能力就愈好。因此,培養架構師的圖形思考能力是極為重要的。

  –>>(第二版)此處下載

☆ 17年前(1995),高煥堂在美國紐約工作之餘,撰寫了全球第一本軟體框架設計中文書籍:<<應用框架設計:入門與實例>>。經歷20多年的框架開發經驗,今天他再推出一本新潮的框架開發書籍。

–>>(第二版)此處下載

☆ 在这个移动互联网新时代里,如果应用开发者具备更多的进程和线程知识,将能有更多空间与平台软件、硬件开发者沟通,这对创造开源、开放的Android应用软件系统是非常有帮助的。

–>>(第二版)此處下載

☆ 每一個平台都有跨進程的IPC機制,讓不同進程裡的程序之間能互相通信。我撰寫本書,可協助應用開發者,大幅提升其掌握IPC和活用AIDL的能力,創造更多采多姿的應用軟件。

  –>>此處下載

☆  許多人誤認為Android應用軟件都是Java程序,卻不知道真正的Android應用軟件幾乎都需要Java與C/C++兩者並用,才能兼具力與美,才能實現深度的軟硬整合、端雲整合。

为 Web 设计师准备的 32 个有用的 CSS3 教程

很有用的 CSS3 教程来提升你的 Web 设计技能。

 

1. Circle Navigation Effect With CSS3to Build An Awesome

circle navigation effect with css3to build an awesome

2. CSS3 Signup Form

css3 signup form

3. Create An Animated 3d Bar Chart Using CSS3

create an animated 3d bar chart using css3

4. Beautiful Photo Stack Gallery With JQuery and CSS3

beautiful photo stack gallery with jquery and css3

5. Thumbnail Proximity Effect With JQuery and CSS3

thumbnail proximity effect with jquery and css3

6. How To Make An Awesome Cufonized Fly-Out Menu With JQuery and CSS3

how to make an awesome cufonized fly-out menu with jquery and css3

7. Stylish CSS3 Progress Bars

stylish css3 progress bars

8. Create a Unique Contact Form With CSS3 Transitions

create a unique contact form with css3 transitions

9. Direction-Aware Hover Effect With CSS3 and JQuery

direction-aware hover effect with css3 and jquery

10. Create An Audio Player in HTML5 &Amp; CSS3

create an audio player in html5 & css3

11. Pure CSS3 LavaLamp Menu

pure css3 lavalamp menu

12. Rotating Words With CSS Animations

rotating words with css animations

13. Accordion With CSS3

accordion with css3

14. Slideshow With a Parallax Effect Using CSS3

slideshow with a parallax effect using css3

15. CSS3 Hover Effects

css3 hover effects

16. Filter Functionality With CSS3

filter functionality with css3

17. Apple-Like Login Form With CSS 3D Transforms

apple-like login form with css 3d transforms

18. CSS3 Breadcrumbs

css3 breadcrumbs

19. CSS3 Ordered List Styles

css3 ordered list styles

20. Quickly Build a Swish Teaser Page With CSS3

quickly build a swish teaser page with css3

21. Creating a Marble Style CSS3 Navigation Menu

creating a marble style css3 navigation menu

22. Create Your Portfolio Using HTML5 Canvas and CSS3 Transitions

create your portfolio using html5 canvas and css3 transitions

23. Pure CSS3 Cycling Slideshow

pure css3 cycling slideshow

24. Original Hover Effects With CSS3

original hover effects with css3

25. Page Transitions With CSS3

page transitions with css3

26. Orman Clark’S Vertical Navigation Menu: the CSS3 Version

Orman Clark'S Vertical Navigation Menu: the CSS3 Version

27. Responsive Content Navigator With CSS3

responsive content navigator with css3

28. Animated Buttons With CSS3

animated buttons with css3

29. How To Create Some Cool CSS3 Buttons

how to create some cool css3 buttons

30. Animated Content Tabs With CSS3

animated content tabs with css3

31. CSS3 Pricing Table

css3 pricing table

32. How To Create a CSS3 Dropdown Menu

how to create a css3 dropdown menu

LibreOffice for Android 开发进展

拜于 Google Summer of Code,现在 LibreOffice for Android 已经有了原型。

Michael Meeks 在博客上分享了他指导的学生 Iain Billet 在 LibreOffice for Android 上的进展,目前 LibreOffice for Android 已经颇具雏形了,参见下图。

取得的进展有:

  • 整个 LibreOffice 代码树现在支持针对 Android 和 iOS 的交叉编译。
  • 初步完成了 VCL 图形库的 Android 原生渲染后端,并且可以捕捉输入事件。

正在开发 为 Android 平台优化的查看器和文件管理器,支持手势快速缩放、翻页效果等,如下图:

下一步:

  • 使用 Mozilla 为 Firefox for Android 开发的链接器,大幅度缩小实现链接库体积。
  • 实现对 Android /Intel X86 平台的兼容。
  • 通过合并链接库为单一共享库的方式实现进一步优化,该项措施不仅是 iOS 版本的先决条件,而且还将使得桌面版本的性能得到改善。

消息来源:Ars Technica