HTML5 + CSS3 + JS demo site

Source:  http://developer.51cto.com/art/201112/309731.htm

Look at something interesting. These sites use JavaScript to Canvas, WebGL, CSS3 and HTML5 browser technology integration of these elements together. Often these techniques just to please the user, or display some of the new features in modern browsers. While most of the features are very good, but some will take up a lot of processor or graphics card, so the laptop users often need to focus on their notebook temperature to avoid overheating and abnormal.

1. Baroque.me

Baroque.me is a simple, but can hypnosis website, it uses HTML5 Canvas element and use JavaScript to manipulate the rendering work of a simple virtual Bach cello devices. Sound website is provided by Flash, and use JavaScript control. You can control the beating of those dots on the page, but it is difficult to control the rhythm of the cello time.

It was developed by Alexander Chen from Google Creative Labs, also participated in the very popular Les Paul Google Doodle development, earlier, also we developed a visual NY subway system a great.

2. Beercamp

Beercamp 2011 interface is very interesting, can zoom in, it is very clever use of CSS3 and JavaScript technology, which attracted many people's attention. Site uses a lot of CSS3 transformation and deformation effects, you will also find it hijacked browser scroll event is used to control the effect of scaling web pages. Earlier this year, David DeSandro had shared the technical details related to the effect of implementation.

3. Three.js

Canvas and WebGL these technologies bring powerful rendering functionality to the browser. Mr. Doob developed Three.js project is a 3D JavaScript engine, to take advantage of these new features on the browser rendering the page. Here is an example of Three.js rendering animation or 3D models.

4. Windows Phone Demo

News: Web will cover mobile devices Honestly, this news does the use of JavaScript technology mobile market is good news!. This is only the first step in promoting the development of the mobile market.

To demonstrate the new Windows Mobile device interface, Microsoft has developed a demo on a Windows mobile. Users can indeed find its interface to play the animation is very smooth, and very timely response. This is also the CSS and JavaScript credit (best iPhone or Android devices to access through - does not currently support Windows Phone!).

 

Reproduced in: https: //www.cnblogs.com/caly/archive/2011/12/27/2303533.html

Guess you like

Origin blog.csdn.net/weixin_33894640/article/details/93538082