Free Sample
+ Collection

HTML5 and CSS3 Transition, Transformation, and Animation

Progressing
Aravind Shenoy, Gianluca Guarini

This book will help you unlock the power of HTML5 and CSS3 to create complex animations and transformations that are surprisingly easy to achieve. Assuming little prior knowledge, it takes you from the basics to advanced concepts.
$20.99
$34.99
RRP $20.99
RRP $34.99
eBook
Print + eBook

Want this title & more?

$16.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 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.

Book Details

ISBN 139781849519946
Paperback136 pages

About This Book

  • Discover the semantics of HTML5 and Microdata
  • Understand the concept of the CSS3 Flexible Box model
  • Explore the main features of HTML5 such as canvas, offline web application, geolocation, audio and video elements, and web storage
  • Master the tools and utilities in HTML5 and CSS3

Who This Book Is For

HTML5 and CSS3 Transition, Transformation, and Animation is ideal for beginners as well as experienced web designers who want to learn HTML5 and CSS3 concepts. It will serve as a useful guide if you are new to the HTML5 and CSS3 standards and you are looking to build a solid foundation for using the new format. Basic knowledge of HTML and CSS is expected.

Table of Contents

Chapter 1: Introduction to HTML5
Standardizing HTML
Differences between HTML 4 and HTML5
Why we must start using HTML5
Myths about HTML5
Summary
Chapter 2: Using the New Markup to Build a Semantic Page
Easier and faster syntax
Microdata
Summary
Chapter 3: Flexible Box Model in CSS3
Understanding Flexbox
Flex Container properties
Properties of Flex Items
Summary
Chapter 4: Web Forms in HTML5
New form attributes in HTML5
Understanding new input types in HTML5
Summary
Chapter 5: Advanced Features of HTML5
Audio and video
Drag-and-Drop
Geolocation
Webstorage
Offline web applications
Canvas
Summary
Chapter 6: CSS3 Animations
CSS3 transitions
CSS3 transforms
CSS3 animation
Summary
Chapter 7: Tools and Utilities in HTML5 and CSS3
Modernizr
Liveweave
HTML KickStart
HTML5 Boilerplate
The CSS3 Cheat sheet
Summary

What You Will Learn

  • Use Microdata for SEO purposes and learn the semantics of HTML5
  • Learn about the new HTML5 form elements
  • Work with drag-and-drop in HTML5
  • Discover how geolocation works in different browsers
  • Master HTML5 canvas theory with lots of code samples
  • Understand how offline web application works and learn about web storage concepts
  • Get acquainted with the nuances of CSS3 transition
  • Create complex web pages using advanced animations

In Detail

HTML5 and CSS3 are the way for the future. Prior to HTML5 and CSS3, it was difficult to design complicated animations and transformations. With the advent of HTML5 and CSS3, web design has become much simpler, and the new features that are now available help us design complex web pages with ease. These cool new features will be the standard for the future; hence, it is imperative to learn about them now.

HTML5 and CSS3 Transition, Transformation, and Animation will help you take advantage of the real power behind HTML5 and CSS3 and will give you a good grounding for using it in your own web pages. Each and every code sample and concept is explained in detail, and you will be provided with all the information you need to take your web pages to the next level – before all your competitors do!

The book starts by covering the basic concepts of HTML5 and CSS3 such as semantics, Microdata, and the Flexbox model. You will then quickly progress to intermediate concepts such as form elements and some exciting features with JavaScript APIs. The code samples provided in this book will give you a solid base by which you will then be able to understand, write, and execute your own HTML/CSS projects with transition and animations.

Instead of wading through loads of theory, the concepts in this book are explained in a practical manner using code samples to demonstrate the new features of HTML5 and CSS3. The code samples are such that you can copy the code (the entire code is written instead of code snippets) and execute it for better understanding. Transition, transformation, and animation are also explained in a lucid manner, and there is a gradual increase in the difficulty level throughout the book.

By the end of the book, you will be thoroughly acquainted with HTML5 and CSS3, enabling you to design a web page using the included code samples with ease.

Authors

Read More

Recommended for You