You are previewing Instant Migration to HTML5 and CSS3 How-to.
O'Reilly logo
Instant Migration to HTML5 and CSS3 How-to

Book Description

Discover how to upgrade your existing website to the latest HTML5 and CSS3 standards

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.

  • Learn how to upgrade existing websites to HTML5 & CSS3 without changing appearance

  • Improve browser and mobile devices support for websites

  • Reduce the size of web pages by using the latest HTML5 elements and CSS3 features for faster, more-efficient websites

  • Make smarter websites with Local Storage, Web Sockets, Canvas for Rich Internet Applications (RIA), and natively supported Audio and Video

  • Explained with code based examples for each of the key topics

In Detail

Written for designers and developers alike, this book guides you with code-based examples of HTML5 and CSS3 to upgrade a web page from old HTML or XHTML to the new web standards from W3C.

"Instant Migration to HTML5 and CSS3 How-to" helps developers or designers with existing knowledge of HTML or XHTML to update each section of a web page to HTML5. This book helps you to reduce the file size of a web page and add semantics to the content structure.

This book is written with the clear aim to help you take one web page at a time and transform it without changing the overall design or appearance. By reducing the existing practice of lengthy coding to semantically correct, new HTML5 elements, this book makes your websites efficient and easier to maintain in the future.

New elements such as headers, articles, or footers are explained in simple examples. You also learn about media queries for a seamless multi-device website experience and advanced features such as WebSockets, Local Storage, and Canvas for Rich Internet Applications (RIA).

The book explains how you can use CSS3 to reduce the number of images with rounded corners, drop shadows, and external fonts. You will also discover all about Audio and Video support in HTML5 with file format support for various browsers as well as Microformats and their role in making the data accessible and smart.

Overall, "Instant Migration to HTML5 and CSS3 How-to" provides solutions that will help you leverage the power of HTML5 and CSS3 with existing content.

Table of Contents

  1. Instant Migration to HTML5 and CSS3 How-to
    1. Instant Migration to HTML5 and CSS3 How-to
    2. Credits
    3. About the Author
    4. About the Reviewer
    5. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    6. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Reader feedback
      5. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    7. 1. Instant Migration to HTML5 and CSS3 How-to
      1. Analysis of the current website (Must know)
        1. Getting ready
        2. How to do it…
        3. How it works...
        4. There's more...
          1. Impact of valid code
          2. Importance of HTML5
          3. The Semantic Web in a nutshell
          4. Finally
      2. The migration begins (Must know)
        1. Getting ready
        2. How to do it…
          1. The DOCTYPE
          2. The root element
          3. The head element
          4. The body element
          5. The CSS
          6. The compatibility scenarios
          7. Further semantic sections
          8. Figures and captions
          9. Form elements
          10. Input types
        3. How it works...
        4. There's more...
          1. Section versus Article
          2. Menu versus Nav
      3. Microformats – the smarter Web(Should know)
        1. Getting ready
          1. Published microformats
          2. Draft microformats
        2. How to do it…
          1. hCard
          2. Date/Time
          3. rel-nofollow
        3. How it works...
        4. There's more...
          1. Extended data
      4. Play it on – multimedia (Must know)
        1. Getting ready
        2. How to do it…
          1. Video
          2. Audio
        3. How it works...
        4. There's more...
          1. File formats
      5. The mobile – the seamless experience (Become an expert)
        1. Getting ready
        2. How to do it…
          1. The @media rule
          2. The @import rule
        3. How it works...
        4. There's more...
          1. The current trends
      6. RIA – Canvas (Become an expert)
        1. Getting ready
        2. How to do it…
        3. How it works...
        4. There's more...
          1. Open source JS frameworks for Canvas
      7. CSS3 – beautiful yet powerful (Should know)
        1. Getting ready
        2. How to do it…
          1. External fonts
            1. Local fonts
            2. Web fonts
          2. Drop shadow
            1. Box shadow
            2. Text shadow
          3. Rounded corners
          4. Gradients
          5. Opacity
          6. Background sizing
          7. Columns
          8. Transition
        3. There's more...
          1. A few more properties
      8. Data – smart websites (Become an expert)
        1. Getting ready
        2. How to do it…
          1. Local storage
            1. Appcache
            2. The .htaccess file
            3. The cache manifest
          2. WebSocket
        3. How it works…
        4. There's more...
          1. Sockets in action
      9. The transferrable Web (Must know)
        1. Results
        2. Future scalabilities
        3. There's more...
          1. A few more tags
          2. Cool stuff to try