Pro HTML5 and CSS3 Design Patterns
CHAPTER 19 ■ CALLOUTS AND QUOTES Inline Quote Problem You want to create an inline quote. You cannot use because it is a block ...
C H A P T E R 20 Alerts This chapter discusses design patterns that create an alert. An alert points out important information t ...
CHAPTER 20 ■ ALERTS JavaScript Alert HTML <h1>JavaScript Alert</h1> <p>A JavaScript alert pops up a dialog box ...
CHAPTER 20 ■ ALERTS JavaScript Alert Problem You want to insert helpful, yet nonessential messages into your document, such as t ...
CHAPTER 20 ■ ALERTS Tooltip Alert HTML <h1>Tooltip Alert</h1> <p>A tooltip alert slips right into the flow of ...
CHAPTER 20 ■ ALERTS Tooltip Alert Problem You want to insert brief, helpful, nonessential tips into your document. You do not wa ...
CHAPTER 20 ■ ALERTS Pop-Up Alert HTML <h1>Popup Alert</h1> <div> <p>A pop-up can show tips and help. < ...
CHAPTER 20 ■ ALERTS Pop-Up Alert Problem You want to insert a pop-up to show helpful information to the reader. You want the pop ...
CHAPTER 20 ■ ALERTS Pop-Up Alert HTML Header <head> <!-- only script elements are shown --> <script language="jav ...
CHAPTER 20 ■ ALERTS Pop-Up Alert Problem To implement pop-ups, you need a way to attach events to HTML elements without coding t ...
CHAPTER 20 ■ ALERTS Alert HTML <h1>Alert</h1> <p>Text above the alert.</p> <div class="alert tip"> ...
CHAPTER 20 ■ ALERTS Alert Problem You want to insert an alert into your document to point out important information to the reade ...
CHAPTER 20 ■ ALERTS Inline Alert HTML <h1>Inline Alert</h1> <p>An inline alert slips right into the flow of te ...
CHAPTER 20 ■ ALERTS Inline Alert Problem You want to insert an alert into the inline flow of your document. You also want the in ...
CHAPTER 20 ■ ALERTS Hanging Alert HTML <h1>Hanging Alert</h1> <p>Text above the alert.</p> <div class ...
CHAPTER 20 ■ ALERTS Hanging Alert Problem You want to insert a hanging alert into your document. You want its heading to be move ...
CHAPTER 20 ■ ALERTS Graphical Alert HTML <h1>Graphical Alert</h1> <p>Text above the alert.</p> <div c ...
CHAPTER 20 ■ ALERTS Graphical Alert Problem You want to insert an alert into your document with a graphical heading on the left ...
CHAPTER 20 ■ ALERTS Run-In Alert HTML <h1>Run-In Alert</h1> <p>Text above the alert.</p> <div class=" ...
CHAPTER 20 ■ ALERTS Run-In Alert Problem You want to insert an alert into your document where the alert’s heading runs into the ...
«
17
18
19
20
21
22
23
24
25
26
»
Free download pdf