苹果的浏览器和设备如何支持HTML5及CSS3

每一款新的苹果的移动设备和Mac 都与苹果的网络浏览器Safari保持一致,并且开始支持新的网络标准-HTML5、CSS3和JavaScript。这些网页标准是开放、可靠、安全高效的。他们让网页设计师和开发人员能够创建先进的图形、排版和动画。

苹果公司已经演示证明了苹果的Safari浏览器和最新款的Mac电脑以及移动设备都支持HTML5、CSS3和JavaScript。但不是所有的浏览器都支持。不过其他现代浏览器很快将支持同样的web标准,因为新的标准更能使网页设计师发挥出他们的才能。您也可以访问Safari的开发中心了解更多关于HTML5的信息,看看如何给你的网站添加这样的效果。

演示资源地址:http://www.apple.com/html5/

 HTML5 & CSS3

HTML5 & CSS3

一款多功能的图片放大jQuery插件–Cloud Zoom

Cloud Zoom是个关于图像放大的jQuery插件,就像一个魔术变焦镜头一样。相对于流行jQZoom插件,Cloud Zoom文件较小,有更多的功能和更强的跨浏览器兼容性。已被测试兼容的浏览器有IE6+, Firefox, Chrome, Opera, Safari。

您可以添加任何色调的小图像。还可以控制色彩强度。放大的图像也可以放在原有的小图像上面,当然如果你不想掩盖任何其他有用的内容地话,您还可以申请一个软聚焦效果的小图片。更好的是,Cloud Zoom是完全免费的。

演示和下载地址:http://www.professorcloud.com/mainsite/cloud-zoom.htm

Cloud Zoom

Cloud Zoom

弹出图片和说明的网格图像插件-jSquares

jSquares是一个jQuery插件,弹出一个悬停覆盖的图像和描述。它基本在网格上出现相同大小的图像,有一些参数可以调用jSquares时添加,如标题大小,图像,弹出的速度等,在IE6+, FF 3+, Safari 3+ 和 Opera 10等浏览器上有很好的效果。

演示和下载地址:http://boedesign.com/demos/jsquares/

jsquares

jSquares

一个重新排序和筛选项目的程序

我们喜欢Mac应用程序,特别是他们对细节的关注。 现在CoreAnimation使之如此轻松地创建有用的令你满意的效果。这种类似流沙的过滤项目的程序目的是提供一个用户在网络上筛选体验。它可以重新安排和筛选项目。
基本上,流沙取代一个与另一个项目的集合。所有您需要做的就是提供两套项目。先进的示威包括自定义实现jQuery代码,如排序或使用Ajax调用的一些目标,此代码可以被复制并自由使用,但它不是插件的一部分。

程序下载和演示: http://razorjack.net/quicksand/

Quicksand Reorder & Filter Items

Quicksand Reorder & Filter Items

Simplify Google Maps API with Google Maps jQuery Plugin

简化的谷歌地图jQuery插件谷歌地图API

谷歌地图jQuery插件可以在您的网页中使用谷歌地图JavaScript API简单地嵌入谷歌地图,。虽然您可以使用原来的谷歌地图JavaScript API做你的需要。这个插件试图简化这个过程中增加映射到一个页面。要使用谷歌地图JavaScript API,您需要首先注册一个API密钥。

在谷歌地图jQuery插件小于10KB的JavaScript的。在地图的某些部分(div容器,信息窗口)通过的CSS控制,使用户可以创建自己的风格。它已经过Firefox 3,Internet Explorer 8,Safari 4的测试。

演示和下载地址:http://www.mayzes.org/googlemaps.jquery.html

Simplify Google Maps API

Simplify Google Maps API