HTML5 and CSS3, Second Edition
Figure 24—Captions as displayed by Video.js It’s a lot of work to build up caption files for your videos, but it makes things mu ...
Explore the Media Content JavaScript API In this chapter we’ve briefly touched on the JavaScript APIs for the audio and video el ...
CHAPTER 8 Eye Candy As web developers, we’re always interested in making our user interfaces a little more eye-catching, and CSS ...
src: url(http://example.com/awesomeco.ttf);font-weight:bold; }] Allows use of specific fonts via CSS. [C4, F3.5, S3.2, IE5, O10. ...
Tip 23 Tip 23. Rounding Rough Edges On the Web, everything is a rectangle by default. Form fields, tables, and even sections of ...
<labelfor="email">Email</label> <inputid="email"type="email"name="email"> </li> <li> <labelfor= ...
These basic styles remove the bullets from the list and ensure that the input fields are all the same size. We also modify the f ...
We just bump the fieldset down 20 pixels and pull the legend up 10 pixels, creating the tab. We also nudge the legend over to th ...
Tip 24 Working with Shadows, Gradients, and Transformations Rounded corners get a lot of attention, but they’re just the beginni ...
<sectionid="badge"> <h3>Hi, My NameIs</h3> <h2>Barney</h2> </section> <sectionid="info"&g ...
With that in place, we have our badge and content region displayed side by side, as in the following figure. Figure 28—Our basic ...
and an ending color, but we can specify more colors than that if we want more control over the gradient. But let’s shift gears a ...
Shadows on Text In addition to adding styles on elements, you can easily apply shadows to your text. It works just like box-shad ...
do that we specify cosines and sines of the angle we want. For example, let’s say we want to specify our badge rotation using ma ...
css3_banner/stylesheets/style.css #info{ background-color:rgba(255,255,255,0.95); } When working with transparency values like t ...
Tip 25 Tip 25. Working with Fonts Typography is important to user experience. The book you’re reading right now has fonts that w ...
AwesomeCo’s director of marketing has decided that the company should decide on a font for both print and the Web. You’ve been a ...
Fonts and Rights Some fonts aren’t free. As with stock photography or other copyrighted material, you are expected to comply wit ...
Joe asks: How Do I Convert My Own Fonts? If you have developed your own font or have purchased the rights to a font and need to ...
Figure 29—The blog with the new font applied Font stacks are lists of fonts ordered by priority. You specify the font you most w ...
«
4
5
6
7
8
9
10
11
12
13
»
Free download pdf