background preloader

HTML5 Website Showcase: 48 Potential Flash-Killing Demos

HTML5 Website Showcase: 48 Potential Flash-Killing Demos
So you’ve heard all rumors about HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wandering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash. That’s why this post exists, we’re not going to talk about what HTML5 can do, but show live demos of magical things that HTML5 can achieve with other language like JavaScript, so get ready to be inspired. Note: As HTML5 is not fully supported by certain web browser like Internet Explorer, you’re strongly recommended to use Firefox browser to view all HTML5 demos below. Animation The HTML5’s canvas element is the deciding factor for HTML5 to replace certain Flash animation. Audioburst Animation A comfortable and fantastic animation created with HTML5’s canvas and audio tag. Ball Pool Being showcased in the last Google I/O event, this demo shows you how dynamic can HTML5 be. Blob Sallad A HTML5-spawned creature that would please you. Bomomo Browser Ball Bubbles

(E)2 Gallery Pro Javascript Photo Gallery Multiple Galleries Create multiple galleries for your photos to organize and present your photographs/videos Videos 20 Supported Media Formats (flv, mp4, mov, swf,, Dailymotion, Flickr Video, Google Video, Metacafe, Myspace Video, Revver, Rutube, Seesmicm, Tudou, Youku, YouTube, Veoh, Viddler, Vimeo, 12seconds) The Ultimate Roundup of Indispensable and Helpful HTML5 Tutorials HTML5 is being developed as the next major revision of HTML (Hyper Text Markup Language), the core markup language of the World Wide Web. It attempts to solve issues found in previous iterations of HTML and addresses the needs of Web Applications, an area previously not adequately covered by HTML and it aims to reduce the need for proprietary plug-in-based rich internet application technologies such as Adobe Flash and Microsoft Silver light. In this article we have collected as indispensable and helpful tutorials as we could on HTML5.The volume of tutorials are few on web, but the tutorials we have collected are of a high standards and useful.Please let us know through a comment if you know of any other great HTML5 articles, tutorials or websites.Also thanks to all of the folks who produced all of these great free learning experiences. New to HTML5? We have released three e-books to help everyone learn more about HTML5, Responsive Web Design, and the current trends in web designing. - a fiery js code golfing competition By Koen Kivits A small JS clone of the infamous GORILLAS.BAS game (1991) that came distributed with QBasic. Move mouse for angle, hold button down for velocity. Cuboid By Raimon Rafols Cuboid - something hacked together for js1k in the last minutes :) 57+ Free Image Gallery, Slideshow And Lightbox Solutions Actually at first I wanted simple image gallery solution for web design project, but when I started to search I changed my mind and thought how great would be to create article about all the best image gallery solutions available on the Internet. So here it is – this list is separated in 3 big categories like Ajax, JavaScript and Lightbox based galleries, CSS based galleries and FLASH based galleries, so You can easy switch to category You got interest in. I think here You’ll find gallery for every needs, should be enough to choose from!

12 HTML5-CSS FrameWorks For Easy WebDevelopment HTML5 is getting more popular among web designers because it is being supported by the most of the modern browsers like Firefox 6, Google Chrome, IE9 etc.. A framework is basically software application which assists developers to quickly design and develop dynamic websites. With the advent of HTML5 and CSS3, development becomes easy for everyone, A HTML5 framework provides many features such as beautiful typography, video players, form validation, design section and many more which enables users to easily develop web applications. Here at SkyTechGeek we conducted a search and got these useful frameworks which will assist our audience to design and develop beautiful cross browser dynamic websites. 1. 52 Framework : HTML5-CSS3 Framework 52 Framework is most popular HTML5-CSS3 based frame work among designers and developers.

Javascript Games Blocked Javascript version of the famous blocked game for Iphone Info and download | Play Sudoku HTML5-Powered Web Applications: 19 Early Adopters HTML5, rumored as Flash killer, is a brand new web technology that raises a revolution lead by Apple in web application development. It contains canvas element for images and animation drawings, support video and audio embedding, and includes storage database for offline web applications. Most important of all, you don’t need a plugin to get all these features, your latest browser supports that. Sounds pretty cool, but what HTML5 can do actually?

Spacegallery - jQuery plugin About Again another image gallery. Click on the images bellow to see it in action. Download (205 kb): jQuery, Javscript files, CSS files, images, examples and instructions. An HTML5 Slideshow w/ Canvas & jQuery Martin Angelov You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it, listen for events and integrate it deeply into our layouts. All uses of canvas you’ve come so far are probably limited to games and other proof of concept demos. Today, however, we are doing something practical – we are making a progressively enhanced slideshow with a fancy transitioning effect, which is perfectly functional in older browsers as well.