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 3
Drawing and Animating with SVG
Content Locked
Section 3
Integrating SVG into HTML5
The process of creating SVG within HTML is very simple. Let's have a look at the relationship between styling and rules and position the SVG exactly where we want it to be. - Understand the rules of integration - See why version declare is not required - Explore styling and SVG