by Ben Fhala | Publisher: Packt Publishing | Release Date: November 2015 | ISBN: 9781785880971

Become an ace at creating stunning web designs and animations using HTML5, CSS3, and JavaScriptAbout This VideoGet up to date with the cutting-edge CSS3 visualization techniquesExplore the new features of CSS3 to transform and animate HTML elements without the help of JavaScriptPractice the art of animation using HTML5 Canvas, JavaScript, and jQuery librariesIn DetailWeb development techniques are rapidly changing to adapt to new advancements in technologies each day. To keep up with these changes, developers need to be able to create websites with brilliant visualizations. HTML5 makes it possible to build interactive visualizations right in the web browser, written in JavaScript. It provides an integrated approach to speed up the process of creating live visualizations. The birth of CSS3 brings with it many updates that make designing in HTML easier and more stunning. Web Visualization with HTML5, CSS3, and JavaScript is a comprehensive video course that covers everything you need to know about the cutting-edge techniques introduced in HTML5, CSS3, and JavaScript. The course starts off by getting you up to date with the most recent advancements in CSS3 visualization techniques. From there you'll keep building your knowledge base by shifting your focus to animating and transforming elements without JavaScript using CSS. Moving ahead, you'll discover how to draw in SVG and animate these elements without the use of JavaScript. Then, we'll change gears to cover bitmap/raster art as you learn to draw in HTML5 Canvas and how to animate the drawn elements. We'll wind up the course with a foray into animation libraries and pure JavaScript animations.By the end of the course, you will be fully armed to create stunning web visualizations to integrate it into your workflow.

1. Chapter 1 : CSS3 Visualization Techniques
   • The Course Overview 00:01:53
   • Sprucing Up Your Design with Custom Fonts 00:07:02
   • Gentle Roundness 00:07:32
   • Leveraging Stunning Gradients 00:07:06
   • Creating Patterns with Gradients 00:05:55
   • There Is a Shadow Between Us 00:09:10
   • Life Is More Colorful with Alpha Channels 00:04:48
2. Chapter 2 : CSS3 Transformations and Animations
   • 2D Transformations with CSS3 00:04:44
   • Creating 3D Elements 00:08:23
   • 3D Transformations with CSS3 00:04:47
   • Getting a Perspective of Things – 3D Things 00:03:14
   • It's Time to Animate It All with CSS Transitions 00:02:55
3. Chapter 3 : Drawing and Animating with SVG
   • Creating a Basic SVG Image 00:07:53
   • Drawing a Circle in SVG 00:05:50
   • Integrating SVG into HTML5 00:04:41
   • Creating a Polygon 00:06:15
   • Animating SVG 00:05:20
4. Chpater 4 : HTML5 Canvas
   • Browser Support and Canvas 00:06:20
   • Starting to Draw 00:07:41
   • Drawing a Grid in Canvas 00:08:24
   • Animating Canvas 00:03:44
5. Chapter 5 : JavaScript and jQuery
   • Dynamic Visualization 00:09:26
   • Creating a Typewriter Effect 00:07:30
   • Animations Need Order – Creating a Queue 00:06:15
   • Creating a Callback and Activating the Queue 00:06:33
   • Using an Animation Library 00:07:40