Group items tagged

This site generates a colorful canvas by recording sounds. Very cool effect with the flowing colors. You can also download the canvas and use it as your desktop background. Another example of how to advertise a product and interact with users.

This canvas page is designed to emulate 3d particle systems with customizable sliders. I find this a great tool for understanding HTML5 canvas elements. Sorry, no fancy Web2.0 shenanigans. All you can do is copy/paste the data from the current settings. To load saved settings, paste them in and hit load!

Added in HTML5, the HTML canvas element can be used to draw graphics via scripting in JavaScript. For example, it can be used to draw graphs, make photo compositions, create animations, or even do real-time video processing or rendering.

Another canvas page driven by canvas and javascript, simulating cloth and gravity. I think the summary from the site states it perfectly: What makes this simulation special is the speed at which everything is computed. Javascript (the language this is written in) is not exactly the most efficient language for this type of computation. This being said, much time was spent squeezing out every little detail that slows things down.

Astonishing effect while "flying" through the sky with SWISS.

This site is rendered in XHTML but emulates many features we associate with canvas and transform features of CSS3.

Hamburger menu, drawer menu, off-canvas menu: Whatever you call it, hiding a website's primary navigation just off screen is becoming a ubiquitous pattern in responsive web design. More and more sites feature a fixed-position icon that, when tapped, pushes the entire site to the side to reveal a hidden navigation menu.

Website for creating pop art from your photos