Firefox 18 新 JavaScript引擎:IonMonkey

之前当我们每次谈到JavaScript性能测试的时候,无论是Google的Octane benchmark测试,还是Mozilla的Kraken测试,Chrome浏览器都当之无愧的成为跑分之王,但从Firefox 18.0开始,Chrome浏览器JavaScript测试跑分王的宝座将会受到冲击,因为从Firefox 18 开始,Mozilla将正式开启开发长达1年之久的的新一代JavaScript引擎——IonMonkey。

IonMonkey新一代引擎的启用,不仅能大幅提高Firefox的JavaScript性能,还能提高浏览器的安全性及其他性能。新优化方法包 括类型特殊化(Type specialization),内联函数,线性扫描寄存器分配算法,无效代码删除,循环不变量移动等。

以下是Firefox 18与之前几个版本几项测试的对比结果:

Firefox IonMoneky

在Kraken测试中,Firefox17的分数是2602ms,而Firefox18 在1921ms。(时间越低越快)

Firefox IonMoneky

在 Google v8 benchmark 测试中,Firefox15为8474分,Firefox17为9511分。而Firefox18跑出了10188分,比Firefox17快了7%,比Firefox15足足快了20%。

当然如果各位浏览器正在使用Firefox 18  Nghtly版本,如果你发现了其他一些新的功能和改进,欢迎大家留言讨论。

Via:Cnet  techdows  编译:浏览迷

39 个超实用 jQuery 实例应用特效

1.Contextual Slideout:上下文滑动特效

Contextual Slideout Tips With jQuery & CSS3

2.Revealing Photo Slider:图片幻灯片特效

Revealing Photo Slider

3.Fancy Box:魔幻盒 

Fancy Box

4.Scrollable:滚动特效

Scrollable 

 

5.Flip翻转特效,实现4个方向旋转

Flip 

6.Smart tooltips:智能提示

Smart tooltips

7.Slide tab box:幻灯片选项卡

Create slide tab box

8.Tabbed Interface/Tabbed Structure Menu:选项卡式接口和菜单

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

9.jQuery plugin: Easy Accordion:可以让自定义列表(DTs)轻松生成一个漂亮光滑的水平Accordion插件

 

10.Animate Panning Slideshow with jQuery平移幻灯片

这是一个教大家使用jQuery实现动画平移幻灯片效果的教程,学习该教程需要下载 easing animationstiming slide changes这两个插件。

Animate Panning Slideshow with jQuery

11.Blockster transition effect:Blockster过渡特效

Blockster是JavaScript里面一款非常有特色展示过度效果的应用,其核心概念就是块与块之间的过渡。

Blockster transition effect

12.Making a Custom YouTube Video Player:定制个性化的YouTube视频播放器

Making a Custom YouTube Video Player

13.Sexy Drop Down Menu with jQuery :迷你下拉菜单教程

Sexy Drop Down Menu w jQuery

14.Building a jQuery Image Scroller:构建卷条式图片

Building a jQuery Image Scroller

15.Custom Animation Banner with jQuery:动画广告图教程

Custom Animation Banner with jQuery

16.Full Page Image Gallery with jQuery:制作页面画廊

Full Page Image Gallery with jQuery

17.Randomizer App with jQuery:随机数产生器

Randomizer App w/ jQuery

18.Animated Drop Down Menu with jQuery:动画下拉菜单

Animated Drop Down Menu with jQuery

19.Making an Interactive Picture with jQuery:制作交互式图片

Making an Interactive Picture with jQuery

20.A jQuery Twitter Ticker:Twitter Ticker教程

A jQuery Twitter Ticker

21.jQSlickWrap:可以让文字环绕在漂浮图片周围的jQuery插件

jQSlickWrap

22.Animated Text and Icon Menu with jQuery:制作动画文本和图标菜单

Animated Text and Icon Menu with jQuery

23.Image Wall with jQuery:图片墙

Image Wall with jQuery

24.jQuery look: Tim Van Damme

Tim的两个核心是简化版的Accordion和悬浮效果。值得注意的是,悬浮效果只能在WebKit(Safari和Chrome)上工作,本教程的关键是教你如何利用jQuery制作产生这一特效。

jQuery look: Tim Van Damme

25.How to Load In and Animate Content with jQuery:内容自动加载

在本教程中,会添加ajax函数,用户无需导航即可把内容自动加载到容器中。

How to Load In and Animate Content with jQuery

26.Nivo Slider:Nivo幻灯片教程

Nivo Slider

27.Coin Slider:硬币式幻灯片

Coin Slider

28.HTML5 and jQuery Techniques to Build a Webpage:使用HTML5和jQuery创建网页

HTML5 and jQuery Techniques to Build a Webpage

29.Latest Post Blogroll Slider with jQuery and PHP:使用jQuery和PHP创建友情链接幻灯片

Latest Post Blogroll Slider with jQuery and PHP

30.Making a Photoshoot Effect With jQuery & CSS图片拍摄特效

Making a Photoshoot Effect With jQuery & CSS

31.Coding a Rotating Image Slideshow w/ CSS3 and jQuery:旋转图片幻灯片

Coding a Rotating Image Slideshow w/ CSS3 and jQuery

32.Slider Gallery:滑块画廊

Slider Gallery

33.Making Better Select Elements with jQuery and CSS3:使用jQuery和CSS3制作更好的选择元素

Making Better Select Elements with jQuery and CSS3

34.Jquery Tutorial : Toggle Effect on Hover/Click:切换特效

Jquery Tutorial : Toggle Effect on Hover/Click

35.Creating an Animated 404 Page:动感的404

Creating an Animated 404 Page

36.Create Smooth Rotatable Images with CSS3 and jQuery:制作平滑可旋转图像特效

Create Smooth Rotatable Images with CSS3 and jQuery

37.Neon Text Effect With jQuery & CSS霓虹灯文字

Neon Text Effect With jQuery & CSS

38.Bubbleriffic Image Gallery with jQuery:Bubbleriffic图片库

Bubbleriffic Image Gallery with jQuery

39.Animated Portfolio Gallery with jQuery:动态画廊

Animated Portfolio Gallery with jQuery

Visual Studio LightSwitch增加对HTML5和JavaScript的支持

在本周的 TechEd 发布会上,微软宣布,他们正在为 Visual Studio LightSwitch 增加对 HTML5 的支持,该工具旨在简化自定义数据库驱动业务应用程序(custom database-driven business applications)的开发。

LightSwitch 目前生成的是 Silverlight 应用程序。加入 HTML5 和 JavaScript 代码生成意味着,LightSwitch 应用程序现在可以使用支持的浏览器在任何平台上运行,包括 Android、iOS、以及 Windows 8。

这是朝着 LightSwitch 跨平台标准化迈出的又一步。 Visual Studio 2012 beta 版包括了针对 LightSwitch 的更新,这使得加入 OData 服务成为可能,以便非 LightSwitch 应用程序可以使用数据。至于引入基于 HTML5/JavaScript 的客户端,LightSwitch 团队提到

随着许多员工携带他们自己的设备来到工作场所,为每个设备构建本地客户端、并把每个实现部署到各个应用程序商店的做法很难行得 通。鉴于对 HTML5 和 JavaScript 的支持越来越多、以及充满活力的开发社区,符合标准的 HTML5 和 JavaScript 才是必然的技术选择。

Silverlight 客户端将继续作为 LightSwitch 应用程序的默认目标。微软表示,对于 HTML5 应用程序当前的主要焦点是移动优化和触摸功能。可能出现的情形是,功能完备的桌面客户端在 Silverlight 上运行,同时还有个 HTML5 移动伴侣(mobile companion)应用程序。LightSwitch 允许针对这些情形在同一项目中进行并行构建。

尽管 LightSwitch HTML5 客户端尚不可用,但是指日可待。到时您可以从 LightSwitch 开发者中心下载。

6 个精彩的 jQuery 游戏开发教程

随着HTML5和浏览器技术的发展,越来越多的应用和游戏开始使用HTML5/JavaScript或jQuery进行重写。

本文带来了6个教程,帮助你使用jQuery来开发游戏。

1. Sumon数字游戏

学习如何使用jQuery开发一个简单的sumon数字游戏。该游戏灵感来自于hyperandroid,可以很好地训练你对数学加法的敏感度。

源码 / 演示

2. 打字游戏

该游戏灵感来自于一款鲨鱼打字游戏,输入动画框中的单词即可得分。

源码 / 演示

3. gameQuery游戏引擎

gameQuery是一个易用的jQuery插件,开发者可以通过添加一些简单的游戏相关的类,来简化JavaScript游戏的开发。

源码 + 演示

4. 简易打字游戏

这是一个简单的基于jQuery的打字游戏,根据屏幕上的随机出现的字母进行打字,输入后,字母会下落消失。

源码 / 演示

5. 3d乒乓球游戏

该游戏灵感来自于流行的Flash游戏Curveball。玩家操纵一个方块,用于挡回反弹过来的小球,类似于乒乓球。

源码 / 演示

6. 贪吃蛇

学习使用HTML5 canvas和jQuery开发一个简单的贪吃蛇游戏。

源码 + 演示

英文原文:6 Awesome Game Development Tutorials with jQuery

绚丽而又实用的jQuery和CSS3导航菜单

我们说导航菜单是网站的一扇门,然而精美便捷的导航更是能让用户方便地游走在网站的各个角落,更重要的是,能让用户牢牢地记住这扇大门,记住这个网 站。所以很多网站设计师对网站导航的设计非常重视。下面我就向大家分享几款个人觉得非常不错的jQuery和CSS3导航,每一款都挺实用的,而且都是开 源的,提供下载源码。一起来看看吧!

1、半透明效果的CSS3和jQuery导航菜单

这是一款基于jQuery和CSS3的导航菜单,该导航有一个特点,就是当你把鼠标移动到每一个菜单项时,旁边空白处就会出现半透明的菜单功能说明图标,这个图标是用CSS3绘制的,再加上漂亮的背景,整个导航显得非常大气,喜欢的朋友分享一下哦。

2、CSS3仿Windows 7的开始菜单

这是一款用纯CSS3实现的仿Win 7的开始菜单。如果我们分解这个Windows 7开始菜单,我们会得到1个div,2个ul列表,1组链接以及一些icon小图标,我们可以一起来看看具体的效果。

3、jQuery动画菜单jStackmenu

jStackmenu是一款基于jQuery的堆栈式动画菜单,当你用鼠标点击那个“爱心”按钮时,jStackmenu菜单就会以堆栈方式弹出或者收拢,并呈现出流畅的动画特效。

4、jQuery右键菜单插件jQuery ContextMenu

jQuery ContextMenu是一款功能强大的网页右键菜单插件,该插件将帮你非常方便地创建右键菜单。你可以指定右击的位置,同时菜单中还可以定单选框和多选框的复合控件,定制非常灵活。

5、银白色的CSS3导航菜单

这是一款纯CSS3制作的导航菜单,这个银白色的菜单在朦胧夜空的衬托下显得格外亮丽。当鼠标滑过导航时,每个菜单项又会呈现不同的效果,整体上,这款CSS3导航菜单非常简单而又具有立体感。

6、CSS3水平导航和垂直导航

这是一款灰色风格的导航,具有水平和垂直的形式,这个导航是由CSS3实现的,所以需要用支持CSS3的浏览器来查看。你可以通过自己修改CSS代码轻松实现漂亮的水平导航和垂直导航。

好了,今天就分享这些,其他的还在收集中,今后再献给大家,当然,我的分享非常希望得到你的支持微笑