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 5
JavaScript and jQuery
Content Locked
Section 1
Dynamic Visualization
One of the powers of JavaScript when it comes to visualization is the capability of improving user experience based on variables and changes, even in user environment. In this section, we will test to see the time of the day and based on it, change the CSS to create a darker or lighter background based on whether it's day or night. - Load jQuery - Load CSS - Create custom user experience with JavaScript