在众所瞩目的苹果全球开发者大会(WWDC)召开前夕,苹果仍把握时间,在其开发者网站示范html5 、CSS3、JavaScript和WebKit翻译引擎等新网络标准的好处。
Safari Technology Demos网页,共示范下列8项新技术:
-首先是一段HTML视频,显示多种CSS效果,包括变形、倒影和影像遮罩。苹果说这只需要一行程序代码。
-CSS印刷功能,如阴影和自制字型。使用样式文字(StyledText)而非影像,能有更好的下载表现,且容易被搜索引擎发现。
-CSS转换,用在一个结合2D和3D形式变换的照片集。
-CSS3转换与动画,用在一段网络幻灯片播放。
-借由一段html5音频,示范JavaScript如何让你暂停、播放、寻找和查看目前的播放位置。苹果说,听者“不需下载任何额外的软件,即可享受网页上的声音”。
- 360度的iPod浏览页面。照片的置放和移动用到CSS和JavaScript技术。苹果表示,触控事件的文件物件模式(DOM)支持可适用于iPhone和iPad ,且不需3D外挂。
你不需使用外挂,即可在网页上提供互动式的360度产品浏览。先拍摄几张产品的照片,然后用HTML、CSS和JavaScript结合起来,就能轻松创造出以往需要额外软件才能实现的丰富使用者互动经验。借由结合DOM触控事件,你也能为iPhone和iPad等触控设备进行网页最佳化。
-类似360度示范,VR示范是用纽约市的Apple Store为本,创造出虚拟的3D环境。3D空间内的影像用到CSS技术。
-苹果所谓的Canvas Pixel Manipulation(像素操作),JavaScript Canvas API的互动功能,可变更和展示像素层级资料,还能在云端或区域存储快照。使用者可直接在网页上加上线条和形状。
让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能
跟随鼠标炫酷网站引导页的html5动画特效跟随鼠标炫酷网站引导页的html5动画特效一款非常不错的引导页,文字效果渐变,鼠标跟随出绚丽的条纹。html5炫酷网
《实用技巧》—让你的网站变成响应式的3个简单如今,一个网站只在桌面屏幕上好看是远远不够的,同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站
怎样制作单页网站?国外优秀案例给你灵感从用图片和文字构成的简单页面到惊人的视差滚动效果,有几种不同的方法来创建单页网站。怎样制作单页网站?下
专为APP设计师定制的HTML5网站模板-Beetle
html5 css3网站菜单实现代码_html5教程技巧html5 css3网站菜单实现代码_html5教程技巧HTML5中文学习网,是中国最大的HTML5中文门户,为广大HTML5爱好者提供各种HTM