The following JavaScript experiments demonstrates the amazing capabilities of the modern browsers such as Chrome and Safari. In this post I will showcase to you an array of experiments that will surely blows your mind off.
Most of the following runs best in Chrome or Safari.
1. Twitch

TWITCH is a series of minimal games within small Chrome windows. How fast can you solve them all? Each game only responds to clicking; mouse position and keyboard are ignored.
Can you stay on the perilous belt? Can you accurately aim the booming cannon? Can you navigate through the electric pyramids? Can you solve the eerie labyrinth?
2. Browser Ball

Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon.
3. Ball Pool

Start by shaking the browser, then create new balls (click on empty space), move some others (drag) and reset the screen (double click).
4. Google Gravity

“Everything that goes up must come down. But there comes a time when not everything that’s down can come up.”
This applies in the Google main page. Play with the elements and try to search on anything. It’s fun.
5. Depth of Field

300 balls form a plane, a cube, a little universe, a sphere and then disappear. Amazing!
6. Wavy Scrollbars

Touch scrollbar thumb to make waves. Based on verletphysics library by toxi.
7. Sketchpad

Sketchpad is a drawing/painting application developed in pure HTML and Javascript. It includes a number of Drawing Tools — including: Text, Shape, Spirograph, Brush, Calligraphy, Pencil, Paint-Bucket, and Stamp. It also includes a few generic Drawing Utilities — including: Marquee, Crop, Eraser, and a HSL/RGBA Color-Picker.
8. JS Wars

JS WARS is a classic shoot em up written to demonstrate the power of modern web browsers.
9. Vectomatic

Vectomatic is a vector graphics editor: you create drawings by freely combining shapes, curves and segments and modifying their geometric and visual properties. At this stage the project is just a demo to explore the feasibility of a full-featured online graphics editor a la Google Docs.
10. JS Fireworks

Write a message, then launch fireworks over London to show your message in the sky. A shortened link to your fireworks message is provided, to post to Twitter, Facebook or other.

Tags: 


Pingback: Twitted by Richbugger
Pingback: Twitted by hardwidge
Pingback: Mind-blowing JavaScript Experiments | INSIC DESIGNS | 007Nova Articles
Pingback: === popurls.com === popular today
Pingback: JavaScript Magazine Blog for JSMag » Blog Archive » More amazing JavaScript demos
Pingback: Random Links #128 | YASDW - yet another software developer weblog
Pingback: すばらしいJavaScriptのデモ10 | Web活メモ帳
Pingback: 35 Fresh JavaScript/jQuery Tools and Resources | Yooxe
Pingback: 35 Fresh JavaScript/jQuery Tools and Resources | SeanBurdick
Pingback: 35 Fresh JavaScript/jQuery Tools and Resources « qeqnes | Designing. jQuery, Ajax, PHP, MySQL and Templates
Pingback: 35 Fresh JavaScript/jQuery Tools and Resources » Shai Perednik.com
Pingback: 40 Useful jQuery Techniques and Plugins - Smashing Magazine
Pingback: 40 Useful jQuery Techniques and Plugins | Web Design Cool
Pingback: 40 Useful jQuery Techniques and Plugins
Pingback: 40 Useful jQuery Techniques and Plugins « all about designs
Pingback: Wordpress Blog Services - 40 Useful jQuery Techniques and Plugins
Pingback: 40 Useful jQuery Techniques and Plugins | Easybranches.com™
Pingback: 40 Useful jQuery Techniques and Plugins » Shai Perednik.com
Pingback: 40 Useful jQuery Techniques and Plugins - Programming Blog
Pingback: TG Designer » 40 Useful jQuery Techniques and Plugins
Pingback: ArticleSave :: Uncategorized :: 40 Useful jQuery Techniques and Plugins
Pingback: 40 Useful jQuery Techniques and Plugins « qeqnes | Designing. jQuery, Ajax, PHP, MySQL and Templates
Pingback: 40 Useful jQuery Techniques and Plugins | Webreweries.com | Tips | Photoshop | Java | Illustrator | Dreamweaver | After Effects | Graphics | Animation | Design
Pingback: 40 Useful jQuery Techniques and Plugins | CMS Code
Pingback: 40 Useful jQuery Techniques and Plugins by webdunyam.net
Pingback: 40 Useful jQuery Techniques and Plugins | STMGZN
Pingback: 40 Useful jQuery Techniques and Plugins « Dheerajir's Blog
Pingback: Furkan Tunalı v4 beta // 40 Useful jQuery Techniques and Plugins /
Pingback: 40 Useful jQuery Techniques and Plugins | i know idea
Pingback: 40 Useful jQuery Techniques and Plugins via @smashingmag « webbuzz
Pingback: 40 Useful jQuery Techniques and Plugins
Pingback: 40 Useful jQuery Techniques and Plugins | SKZYİZ
Pingback: Inspiration
Pingback: 40 Useful jQuery Techniques and Plugins « R@j@. R.K
Pingback: 40 herramientas jQuery | Diseño web, accesibilidad, usabilidad, posicionamiento y optimización web - AlmacenPlantillasWeb Blog
Pingback: 40 Useful jQuery Techniques and Plugins « SaiSatheesh
Pingback: 40 Useful jQuery Techniques and Plugins | Best Web Magazine
Pingback: 40 Useful jQuery Techniques and Plugins | Geek is a Lift-Style.
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins - Noupe Design Blog
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins « FED视野
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins » Shai Perednik.com
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins html5 css3 design depot news News Design
Pingback: JQuery 2010 useful articles html5 css3 design depot news News Design
Pingback: 彼岸(Into the wild) » Blog Archive » 50 Useful JavaScript and jQuery Techniques and Plugins
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins | Tutorials Socialmoto
Pingback: Полезные JavaScript и jQuery библеотеки | Блог фирмы Brainstorm
Pingback: Coding for Everyone – Emre
Pingback: 40种有用的jQuery技巧及插件|Narco
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins | Emre Saraçoğlu's Official Blog
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins | Woupe Design Blog
Pingback: 40 Really Great jQuery Techniques And Plugins | SCRIPTSBYTES
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins - desmaksolutions.com | desmaksolutions.com
Pingback: Desiver's Home 设计者之家 Www.DeSiver.Com – 50个有用的JavaScript和jQuery技术和插件
Pingback: 40种有用的jQuery技巧及插件 | ajax-js – ajax实例汇总
Pingback: 45 Fresh JavaScript/jQuery Tools and Resources for Web Developers | Free Software, Jquery, Desiging,Template, Tech News, Artie,music,Photoshop tutorial
Pingback: PeekLife – Best jquery tutorials and plugin
Pingback: 20+ Useful jQuery Plugins That Will Improve User Experience On Your Website | Easy jQuery | Free Popular Tips Tricks Plugins API Javascript and Themes
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins | Santhoshweb
Pingback: 33 kullanışlı javascript ve jQuery Tekniği ve eklentisi | Kliknete
Pingback: 50 Useful JavaScript and jQuery Techniques and Plugins | Eptins