HTML5 and CSS3, Second Edition

brightness()brightness(1.0); Adjusts the brightness of an element’s color. 0 is completely dark, 1 is normal, and 10 is maximum ...

sense. But like all visual effects, keep these reigned in. Don’t “oversaturate” your page with tons of filters that distract fro ...

APPENDIX 1 Features Quick Reference In the descriptions that follow, browser support is shown in square brackets using a shortha ...

Other elements: Description lists Defines a list of names and associated values, like definitions and descriptions. [All browser ...

Range (slider) [<inputtype="range">] Displays a slider control. [C5, S4, F23, IE10, O10.1] Number [<inputtype="number"& ...

Referenced in Tip 14, Providing Navigation Hints with ARIA Roles, on page 93 aria-live [<div aria-live="polite">] Identifi ...

Referenced in Tip 20, Working with Audio, on page 137 <video> [<videosrc="tutorial.m4v"></video>] Plays video ...

Column support [#content{column-count:2; column-gap:20px;column-rule:1pxsolid#ddccb5; }] Divides a content area into multiple co ...

src: url(http://example.com/awesomeco.ttf);font-weight:bold; }] Allows use of specific fonts via CSS. [C4, F3.5, S3.2, IE5, O10. ...

Web SQL Databases Fully relational databases with support for creating tables, inserts, updates, deletes, and selects, with tran ...

Web Workers Process intensive or long running tasks in a background thread. [C4, S4, F3.5, IE10, O12.1, iOS5, A2.1] Referenced i ...

APPENDIX 2 jQuery Primer Writing clean and concise JavaScript that works well across all web browsers is a difficult chore. Many ...

our pages faster. Using Google’s content-delivery network has an additional benefit—since other sites link to the jQuery library ...

hide(), show(), and toggle() The hide() and show() methods make it easy to hide and show user-interface elements. We can hide on ...

we can create new elements in the list by appending these new elements when we submit the form. jqueryprimer/methods.html $(func ...

This is a trivial example that can be replaced by the :focus pseudoclass in CSS3, but that’s unsupported in some browsers. Chain ...

on the jQuery object that take a function. For example, we can make all the links on a page with the class of popup open in a ne ...

On line 3, we use event.target to get a reference to the actual element the user clicked on. We can then wrap that with a jQuery ...

We could wrap our code in the window.onLoad() event handler, but that event gets fired after all the content has loaded. This co ...

forms and making Ajax requests and includes some utility functions that make looping and DOM traversal much easier. Once you bec ...