The Wayback Machine - https://web.archive.org/web/20160322023800/https://www.packtpub.com/web-development/web-visualization-html5-css3-and-javascript-video

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

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

Learning
Ben Fhala

Become an ace at creating stunning web designs and animations using HTML5, CSS3, and JavaScript
$63.75
RRP $74.99
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Code Files
+ Collection
Free Sample

Video Details

ISBN 139781785880971
Course Length2 hours and 41 minutes

Video Description

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. 

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.

Style and Approach

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.

Table of Contents

CSS3 Visualization Techniques
The Course Overview
Sprucing Up Your Design with Custom Fonts
Gentle Roundness
Leveraging Stunning Gradients
Creating Patterns with Gradients
There Is a Shadow Between Us
Life Is More Colorful with Alpha Channels
CSS3 Transformations and Animations
2D Transformations with CSS3
Creating 3D Elements
3D Transformations with CSS3
Getting a Perspective of Things – 3D Things
It's Time to Animate It All with CSS Transitions
Drawing and Animating with SVG
Creating a Basic SVG Image
Drawing a Circle in SVG
Integrating SVG into HTML5
Creating a Polygon
Animating SVG
HTML5 Canvas
Browser Support and Canvas
Starting to Draw
Drawing a Grid in Canvas
Animating Canvas
JavaScript and jQuery
Dynamic Visualization
Creating a Typewriter Effect
Animations Need Order – Creating a Queue
Creating a Callback and Activating the Queue
Using an Animation Library

What You Will Learn

  • Make your web designs stand out by learning the most important visual aspects of CSS3
  • Leverage CSS3 libraries to integrate gradients and patterns into your designs
  • Control and manipulate transformations of elements from 2D to 3D using scale, rotate, and the translate methods 
  • Create, integrate, deploy, and animate SVG into our HTML5 application to enhance its look
  • Work with the Canvas 2D API to create and animate the created elements with Canvas
  • Enhance the user experience using dynamic visualizations
  • Get to grips with animation using the jQuery and JavaScript library animations

Authors

Table of Contents

CSS3 Visualization Techniques
The Course Overview
Sprucing Up Your Design with Custom Fonts
Gentle Roundness
Leveraging Stunning Gradients
Creating Patterns with Gradients
There Is a Shadow Between Us
Life Is More Colorful with Alpha Channels
CSS3 Transformations and Animations
2D Transformations with CSS3
Creating 3D Elements
3D Transformations with CSS3
Getting a Perspective of Things – 3D Things
It's Time to Animate It All with CSS Transitions
Drawing and Animating with SVG
Creating a Basic SVG Image
Drawing a Circle in SVG
Integrating SVG into HTML5
Creating a Polygon
Animating SVG
HTML5 Canvas
Browser Support and Canvas
Starting to Draw
Drawing a Grid in Canvas
Animating Canvas
JavaScript and jQuery
Dynamic Visualization
Creating a Typewriter Effect
Animations Need Order – Creating a Queue
Creating a Callback and Activating the Queue
Using an Animation Library

Video Details

ISBN 139781785880971
Course Length2 hours and 41 minutes
Read More

DEAL OF THE DAY

Sign up here to get exclusive deep discounts on our latest and bestselling eBooks, delivered straight to your inbox every day.

FREE LEARNING FOREVER

Master new IT skills and unlock valuable software & web development knowledge with a FREE eBook every day.

Recommended for You

HTML5 Game Development [Video]
$ 72.25
Build two HTML5 games in two hours with these fast-paced beginner-friendly videos
HTML5 Web Application Development By Example : Beginner's guide
$ 26.99
Learn how to write rich, interactive web applications using HTML5 and CSS3 through real-world examples. In a world of proliferating platforms and devices, being able to create your own “go-anywhere” applications gives you a significant advantage.
Designing Next Generation Web Projects with CSS3
$ 26.99
A practical guide to the usage of CSS3 – a journey through properties, tools, and techniques to better understand CSS3
HTML5 Games Development by Example: Beginner’s Guide
$ 26.99
Learn HTML5 game development with this collection of 6 game development projects, and start creating your own fun games for the browser with HTML5 and CSS3
Learn HTML5 by Creating Fun Games
$ 29.99
Learning should be fun, especially when it comes to getting to grips with HTML5. Each chapter of this book teaches a new concept of HTML5 by helping you develop a relevant game. It’s education without the effort.
Instant Migration to HTML5 and CSS3 How-to
$ 12.99
Discover how to upgrade your existing website to the latest HTML5 and CSS3 standards