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

Canvas3D & Flickr 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.

Flash Showcase Maps TileMill is an application for making beautiful maps. Whether you’re a journalist, web designer, researcher, or seasoned cartographer, TileMill is the design studio you need to create compelling, interactive maps. TileMill is built on a suite of modern open source libraries including Mapnik, node.js, backbone.js, express and CodeMirror. You can enrich your maps with hover tooltips and clickable pop ups. Requirements: - Demo: License: License Free Cloud computing Un article de Wikipédia, l'encyclopédie libre. Le cloud computing[1], ou l’informatique en nuage ou nuagique ou encore l’infonuagique (au Québec), est l'exploitation de la puissance de calcul ou de stockage de serveurs informatiques distants par l'intermédiaire d'un réseau, généralement Internet. Ces serveurs sont loués à la demande, le plus souvent par tranche d'utilisation selon des critères techniques (puissance, bande passante, etc.) mais également au forfait. Le cloud computing se caractérise par sa grande souplesse : selon le niveau de compétence de l'utilisateur client, il est possible de gérer soi-même son serveur ou de se contenter d'utiliser des applicatifs distants en mode SaaS[2],[3],[4]. Selon la définition du National Institute of Standards and Technology (NIST), le cloud computing est l'accès via un réseau de télécommunications, à la demande et en libre-service, à des ressources informatiques partagées configurables[5]. Terminologie[modifier | modifier le code]

(E)2 Gallery Pro Javascript Photo Gallery | (E)2 Interactive Multiple Galleries Create multiple galleries for your photos to organize and present your photographs/videos Videos 20 Supported Media Formats (flv, mp4, mov, swf, Blip.tv, Dailymotion, Flickr Video, Google Video, Metacafe, Myspace Video, Revver, Rutube, Seesmicm, Tudou, Youku, YouTube, Veoh, Viddler, Vimeo, 12seconds) Slide Show Play your images in a slide show, press play and watch your images. XML Driven XML Driven content, add yourimages, titles, descriptions, large image previews and more. View XML Sample Sell Your Prints Sell your prints via Google Checkout or Paypal. Customize for your Language (E)2 Gallery pro allows you to put in the text you want for your language. Keyboard Control As of version 1.2, the (E)2 Gallery Pro introduced keyboard controls. (E)2 Upload Admin *Upload images and mange the XML file via the (E)2 Upload Admin. *System Requirements for e2upload manager PHP 5.2.+ for the upload/file management functionality.The gallery will run on PHP4+, the e2upload only requires 5.2

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. 2. Gridless is an optionated HTML5 CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography. 3. 4. 5. 6. 7. 8. 9. 10. 11.

39 Creative Flash Designs - Smashing Magazine Advertisement Flash is powerful. Using it properly, you can create stunning visual experience and offer your visitors incredible user interaction. Although Flash is definitely not the favourite medium for usability and accessibility advocates, it has its advantages. With Flash designers can achieve results which simply aren’t possible with (X)HTML and CSS. Flash-based web-sites can look not like web-sites at all; Flash-designers tend to use colorful, dynamic, loud and extremely vibrant approaches, with effects and animation, music and videos, stunning visual elements and interactive navigation menus. You might also want to take a look at the articles 65 Excellent Flash Designs1 which features 65 examples of outstanding Flash-based web-sites.Showcase Of Creative Flash Preloaders2 which may serve as an inspiration for your Flash-projects.Adobe Flash Tutorials: Best Of3 with hand-picked professional Flash tutorials which can enrich your design skills and improve the quality of your works.

5 Tools For Integrating HTML5 Video in Your Website This series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace's hosting solutions here. No matter where you sit in the HTML5/Flash debate, the fact is, more and more mobile or low-powered devices are being shipped either without or with very minimal support for Flash video. Web developers who design sites that utilize video need to be cognizant of this reality and design and build their sites accordingly. While it's great that video hosting services like Vimeo and YouTube support HTML5 and that solutions for larger sites are available from places like Encoding.com and Brightcove, that still leaves users who want to host their own video content — but don't necessarily use a platform like Brightcove — in a bit of a predicament. Here are a few of the solutions currently available that we particularly like: 1. LongTail Video recently released a beta release for the JW Player for HTML5. 2. 3. 4. 5. BONUS: Sublime Video (Coming Soon) Your Picks

Related: