Book Image

Web Visualization with HTML5, CSS3, and JavaScript [Video]

By : Ben Fhala, Ben Fhala
Book Image

Web Visualization with HTML5, CSS3, and JavaScript [Video]

By: Ben Fhala, Ben Fhala

Overview of this book

<p>Web 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.&nbsp;</p> <p>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.&nbsp;</p> <p>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.</p> <p>By the end of the course, you will be fully armed to create stunning web visualizations to integrate it into your workflow.</p> <h1>Style and Approach</h1> <p>This video course is a compilation of easy-to-follow videos that are focused on coding best practices to construct powerful websites with the most recent advancements in HTML, CSS, and JavaScript.</p>
Table of Contents (5 chapters)
Chapter 1
CSS3 Visualization Techniques
Content Locked
Section 6
There Is a Shadow Between Us
One of the coolest effects that are around is shadows. Until CSS3, it was really hard to integrate shadows, as they involved using images and/or third-party tools such as Adobe Flash. With the help of CSS3, it is really easy for us to integrate shadows quickly and efficiently. - Add shadows to boxes - Integrate shadows in text - Learn tips and tricks to make your shadows rock