Business Updates
-
4/24
Case Study: A Tale of An HTML5 Game with Web Audio
multimedia
-
2/27
Case Study: Building Technitone.com
graphics
multimedia
-
2/18
Case Study: Bouncy Mouse
-
2/7
Google Photography Prize Gallery
-
12/21
Case Study: Building the Stanisław Lem Google doodle
graphics
-
7/3
Case Study: Auto-Resizing HTML5 Games
-
3/17
Case Study: Real-time Updates in Stream Congress
connectivity
-
3/10
Case Study: Converting Wordico from Flash to HTML5
graphics
-
2/10
Case Study: Onslaught! Arena
-
1/28
Case Study: HTML5 MathBoard
-
1/20
Case Study: Page Flip Effect from 20thingsilearned.com
-
1/18
SVG Puzzle
graphics
-
1/18
Orientation Physics
multimedia
-
1/18
WebGL Globe
graphics
-
1/18
ASCII Art
performance
-
12/14
Case Study: Getting Entangled with HTML5 Canvas
-
10/10
Web SQL Database - Async Transactions
offline
storage
-
10/10
Web Workers - Inline Workers
performance
-
10/10
CSS - Columns
presentation
-
10/10
CSS - 2d Transforms
presentation
-
10/10
CSS - Flex Box Model
presentation
-
10/10
Notifications - Simple Notifications
nuts_and_bolts
-
10/10
HTML - Audio Element
multimedia
-
10/10
HTML - Canvas Element 3d (WebGL)
graphics
-
10/10
HTML - Selectors API
nuts_and_bolts
-
10/10
HTML - Microdata
semantics
-
10/10
Geolocation API - Get Current Position
-
10/10
Quota API - Show usage and quota request
file_access
storage
-
10/10
HTML - Track Element
multimedia
-
10/10
Web Storage - sessionStorage
offline
storage
-
10/10
HTML - Form Fields
semantics
-
10/10
CSS - Transitions
presentation
-
10/10
CSS - New Selectors
nuts_and_bolts
-
10/10
HTML - Canvas Element
graphics
-
10/10
HTML - Ruby Element
semantics
-
10/10
HTML - Text inside SVG
graphics
-
10/10
Web Storage - localStorage
offline
storage
-
10/10
XD Communication - postMessage
nuts_and_bolts
-
10/10
CSS - Web Fonts
presentation
-
10/10
CSS - Text Wrapping
presentation
-
10/10
CSS - Animations
presentation
-
10/10
CSS - Flex Box Model - Complex
presentation
-
10/10
File API - Using FileReader
file_access
-
10/10
HTML - Link Relations
semantics
-
10/10
CSS - Text Stroke
presentation
-
10/10
CSS - Gradients
presentation
-
10/10
CSS - Text and Box Shadow
presentation
-
10/10
Notifications - Web Notifications
-
10/10
Native Drag and Drop - Drag and Drop
nuts_and_bolts
-
10/10
HTML - Video Element
multimedia
-
10/10
HTML - Semantic Markup
semantics
-
10/10
HTML - Inline SVG
graphics
-
10/10
CSS - Rounded Corners
presentation
-
9/28
Case Study: HTML5 in deviantART muro
-
9/25
Case Study: Drag and Drop Download in Chrome
-
8/13
Video Cube
presentation
-
8/13
Slideshow
presentation
-
8/13
Notification Time!
multimedia
-
8/13
Drag n Drop Photos
performance
-
8/13
Geolocation
multimedia
-
8/13
Slider Carousel
presentation
-
8/13
Video PiP
multimedia
-
8/13
Newspaper Columns
presentation
-
8/13
Podcast Player
multimedia
-
8/13
Page Flip
presentation
Business Tutorials
-
A non-responsive approach to building cross-device webapps
Responsive design is great for changing the styling of your UIs depending on screen size, ... -
WebGL Transforms
How 3D transforms work and how you can use them in WebGL. -
Creating a Mobile-First Responsive Web Design
Responsive web design gives web creators some tools for making layouts that respond to any ... -
Introduction to JavaScript Source Maps
Have you ever found yourself wishing you could keep your client-side code readable and more ... -
Developing Game Audio with the Web Audio API
Varied intensity background music, overlapping sound effects and randomization, sound source and listener spatialization (and ... -
Writing Augmented Reality Applications using JSARToolKit
Using the JSARToolKit library with WebRTC to build augmented reality applications in JavaScript. -
Capturing Audio & Video in HTML5
How to capture audio and video using the navigator.getUserMedia() API.
Why move to HTML5 now than later?
- HTML5 can be deployed across multiple platforms and a wide range of mobile devices.
- It's a less expensive and more productive solution to have one source code for all your platforms.
- HTML5 contains a lot of features that are very useful and powerful for business:
- Security: Secure web sockets gives you high throughput on a secure channel.
- Efficiency: Multi-threading with web workers let you do more computational tasks in your clients’ machines.
- Offline: Client-side databases to store data so you can be productive when you don’t have an internet connection.
- Lots of other leading companies are moving to HTML5: Adobe, Salesforce, Citrix, Netflix, Twitter etc.
Tools & Frameworks
- localStorage polyfill
- sessionStorage polyfill
- amplifyjs.js
- IDBWrapper - wrapper library for IndexedDB
- Sencha
- Strobe
- Google Web Toolkit
- Google Closure Library
