Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying HTML5 Multimedia Development Cookbook
  • Table Of Contents Toc
HTML5 Multimedia Development Cookbook

HTML5 Multimedia Development Cookbook

4.2 (6)
close
close
HTML5 Multimedia Development Cookbook

HTML5 Multimedia Development Cookbook

4.2 (6)

Overview of this book

HTML5 is the most significant new advancement the web has seen in many years. HTML5 adds many new features including the video, audio, and canvas elements, as well as the integration of SVG. This cookbook is packed full of recipes that will help you harness HTML5’s next generation multimedia features. HTML5 is the future.Whether you’re a seasoned pro or a total newbie, this book gives you the recipes that will serve as your practical guide to creating semantically rich websites and apps using HTML5. Get ready to perform a quantum leap harnessing HTML5 to create powerful, real world applications. Many of the new key features of HTML5 are covered, with self-contained practical recipes for each topic. Forget hello world. These are practical recipes you can utilize straight away to create immersive, interactive multimedia applications. Create a stylish promo page in HTML5. Use SVG to replace text dynamically. Use CSS3 to control background size and appearance. Use the Canvas to process images dynamically. Apply custom playback controls to your video.
Table of Contents (16 chapters)
close
close
HTML5 Multimedia Development Cookbook
Credits
Foreword
About the Authors
About the Reviewers
www.PacktPub.com
Preface

Adding skip navigation


The ability to skip repeated elements like navigation is beneficial to those who use screen readers. Imagine when visiting a website, you read every single navigation element before you could proceed to the main content. That would be annoying, wouldn't it? Well, it can be for those using screen readers too. Let us take a look at an easy way to not annoy a part of our audience.

Getting ready

What we are going to do in this example is create a simple but special invisible anchor that will give our screen reader friends the option to skip over our navigation and get right to the good stuff: our site content.

How to do it...

If you have been around HTML for a while, you have no doubt created a skip navigation at some point. It probably looked something like this:

<a class="skip" href="#content">Skipnav</a>

Your CSS would include something like this to make the anchor invisible:

.skip {display: none}

The first div that contained your primary content then included...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
HTML5 Multimedia Development Cookbook
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon