Friday, December 29, 2017
HTML5 Solutions Essential Techniques for HTML5 Developers
HTML5 Solutions Essential Techniques for HTML5 Developers
HTML5 Solutions: Essential Techniques for HTML5 Developers:
HTML5 brings the biggest changes that HTML has seen in years. Web designers and developers now have a whole host of new techniques up their sleeves, from displaying video and audio natively in HTML, to creating realtime graphics directly on a web page without the need for a plugin. But all of these new technologies bring more tags to learn and more avenues for things to go wrong. HTML5 Solutions provides a collection of solutions to all of the most common HTML5 problems. Every solution contains sample code that is production-ready and can be applied to any project.
What you�ll learn
Real-world solutions for everyday HTML development, saving hours of frustration. Problems covered include:
- Sending multi-bitrate videos to different devices
- Creating custom video components
- Programming a custom video controller
- Designing a canvas with custom gradients
- Capturing and drawing images
- Storing data offline using the Web SQL Databases
- Dragging data from the desktop into the browser
- Creating HTML5 WebSockets
Download Here
If you liked this post, buy me a beer. (Suggested: $3 a beer or $7.5 for a pitcher)
Wednesday, December 13, 2017
HTML5 Scratch Card
HTML5 Scratch Card

About
Scratch.js is a standalone library which brings interactivity to your website by allowing you to generate scratch cards for your visitors. Based on HTML5, scratch.js generate canvas on the fly and is optimized for all modern browsers and has touch support for mobile devices. You can use it to make scratch cards, coupons, promotionnal game and even advertisement.Features
- Touch support: works on IOS, Android, Windows Phone
- Fully responsive
- Flash fallback: for the browsers which don�t support the HTML5 canvas tag
- Lightweight, with no external dependencies
- include working examples to avoid starting from scratch
- PSD file included
- Flexible and fully configurable
- Complete documentation included
- Compatible with all frameworks (Jquery, Mootools)
Supported Browsers
- Internet Explorer 11+ (Internet Explorer 9+ with Flash fallback)
- Firefox 3.6+
- Chrome 2.0+
- Safari 2.0+
- Opera 9.0+