HTML & CSS : The Good Parts (1ST)

個数:

HTML & CSS : The Good Parts (1ST)

  • 提携先の海外書籍取次会社に在庫がございます。通常2週間で発送いたします。
    重要ご説明事項
    1. 納期遅延や、ご入手不能となる場合が若干ございます。
    2. 複数冊ご注文の場合、分割発送となる場合がございます。
    3. 美品のご指定は承りかねます。
  • ≪洋書のご注文につきまして≫ 「海外取次在庫あり」および「国内仕入れ先からお取り寄せいたします」表示の商品でも、納期の目安期間内にお届けできないことがございます。あらかじめご了承ください。

  • 製本 Paperback:紙装版/ペーパーバック版/ページ数 318 p.
  • 言語 ENG,ENG
  • 商品コード 9780596157609
  • DDC分類 006.74

Full Description


HTML and CSS have dominated web development for more than a decade, but these technologies - and the ways developers use them - have accumulated some incredible and intricate junk along the way. In "HTML & CSS: The Good Parts", author Ben Henick removes the junk code, the bolted-on parts, and all those ideas that once made sense to reveal a core set of reliable components that will spare you hours of battling browsers and adjusting page layouts. This book covers all aspects of web page design, from typography and color to layout, to help you: learn which pieces of HTML and CSS deserve focus, and which can be abandoned; discover how the two technologies tightly mesh; understand how the Web 2.0 era has changed the way we use HTML and CSS; set priorities and choose components that will work reliably across sites and browsers; and, recognize the bad and downright awful parts of HTML and CSS, along with the good, to understand why warning labels are sometimes necessary. Whether you handcraft individual pages or build templates, "HTML & CSS: the Good Parts" will help you get the most out of HTML and CSS without being trapped by junk code.

Table of Contents

Preface                                            xvii
Hypertext at the Core 1 (6)
The Web Without Links 1 (1)
URIs 2 (5)
Managing Links 3 (1)
Improving the User Experience with 3 (1)
Linking
Hypertext Implementation Challenges 4 (3)
Working with HTML Markup 7 (16)
HTML Syntax 7 (3)
Tags, Elements, and Attributes 8 (2)
Page Structure 10 (1)
Rendering Modes, Flavors of HTML, and 10 (4)
Document Type Declarations
HTML or XHTML? 11 (1)
Strict, Transitional, or Frameset? 12 (1)
A Tale of Two Box Models 12 (1)
Choosing the Right Document Type for 13 (1)
Your Project
Beautiful Parts: Universal Attributes 14 (4)
Providing Stylesheet Hooks with class 14 (1)
and id
Describing Content with title and lang 15 (2)
The contenteditable Attribute in HTML5 17 (1)
Separating Content, Structure, 18 (2)
Presentation, and Behavior
Making Your Sites ``Safe As Houses'' 18 (1)
Separation in Practice 18 (1)
Working with Document Trees 19 (1)
Browsers, Parsing, and Rendering 20 (3)
Dynamic HTML, Ajax, and Rendering 21 (2)
CSS Overview 23 (92)
Connecting Stylesheets to HTML Documents 23 (73)
Dealing with More Than Three Columns 95 (1)
Semantically Empty Containers for 95 (1)
Multicolumn Layouts
Advanced Layout in CSS3 96 (1)
CSS Positioning Properties 96 (3)
How Positioning Works 96 (3)
Bounding Positioned Elements 99 (1)
The visibility and z-index Properties 99 (3)
Altering Visibility Without Affecting 100 (1)
Document Flow
Stacking 101 (1)
Obtaining Precise Navigation Source Order 102 (4)
and Layout
Orienting the List 102 (2)
Forcing the Navigation List into the 104 (2)
Desired Coordinates
Layout Types and Canvas Grids 106 (9)
Fixed, Proportional, and Flexible 106 (2)
Layouts
Defining Grids 108 (2)
The Rule of Thirds, the Golden Ratio, 110 (1)
and the Fibonacci Sequence
Implementing a Flexible Page Grid 111 (4)
Working with Lists 115 (14)
Ordered and Unordered Lists 115 (5)
User Agent Default Styles for Ordered 115 (1)
and Unordered Lists
Creating Valid Ordered and Unordered 116 (1)
Lists
The list-style-type Property and the 116 (1)
type Attribute
The nav Element (HTML5) 117 (2)
Changing the Range of an Ordered List 119 (1)
Other Uses for Lists 120 (1)
Outlines 120 (1)
Inline Serial Lists 120 (1)
Altering the Layout of Footer Links 121 (1)
Bullets in Backgrounds? 121 (1)
Styling Navigation Elements 121 (3)
Placing the Primary Site Navigation 122 (1)
Within the Source Order
The Primary Navigation Layout Recipe 122 (1)
The Footer Navigation Recipe 123 (1)
Definition Lists 124 (5)
Styling Definition Lists 124 (1)
Dictionary Example 125 (2)
Dialogue Example 127 (2)
Headings, Hyperlinks, Inline Elements, and 129 (14)
Quotations
Headings and Good Writing 129 (2)
Headings in Print 129 (2)
Optimal Heading Insertion 131 (1)
Styling Heading Elements 131 (2)
Heading Sizes and Type Treatments 132 (1)
Normalizing Heading Dimensions 132 (1)
Heading Accents 133 (1)
Link Markup 133 (4)
Link Attributes 134 (1)
Virtuous Use of the href Attribute 134 (1)
Linking to Specific Passages Within 135 (1)
Documents
Creating Effective Link Content and 136 (1)
title Values
Styling Links 137 (3)
Link Pseudoclasses 137 (1)
Using display: block to Increase the 138 (1)
Footprint of a Link
The text-decoration Property 139 (1)
The cursor Property 140 (1)
Adding Semantic Value with Inline Elements 140 (2)
Quotations 142 (1)
Colors and Backgrounds 143 (20)
Color Theory and Web Color Practice 143 (7)
Usability, Accessibility, and Color 144 (1)
The Additive Color Model 144 (1)
The HSB Color Model 145 (1)
The Subtractive Color Model 145 (1)
Design, Contrast, and Complements 146 (1)
Identifying Colors, in Brief 147 (1)
Display Environments and the Web-Safe 148 (1)
Palette
Creating Your Own Palettes 149 (1)
CSS Backgrounds 150 (2)
Setting background-position Values 151 (1)
The CSS background Shorthand Property 152 (1)
Composing Background Images 152 (5)
``Faux Columns'' 154 (1)
Tiled Background Textures and Patterns 155 (1)
Large Background Textures and 156 (1)
Nonrepeating Devices
Drop Shadows, Gel Effects, and Rounded 157 (1)
Corners
Bitmapped Copy and Fahrner Image 157 (3)
Replacement
The FIR Stylesheet Rules 159 (1)
Drawbacks of FIR 159 (1)
Reducing Server Load with Sprites 160 (3)
(Data) Tables 163 (14)
The Disadvantages of Layout Tables 163 (2)
Source Order:Square Peg, Round Hole 163 (1)
CSS Zen Becomes a Myth 164 (1)
Template Slavery Is Unavoidable 164 (1)
Positioning Is Rendered Useless 164 (1)
The Parts of a Data Table 165 (3)
Example:The Full Smash of Table Markup 166 (2)
Composing Cells 168 (4)
Table and Data Composition 170 (2)
Table Headers, Footers, and Heading Cells 172 (5)
Attribute and Child Selectors 173 (1)
Reducing Header and Footer Contrast 173 (2)
Adding Rollover Accents to a Table 175 (2)
Images and Multimedia 177 (26)
Replaced Elements 177 (1)
Preparing Images for Production 178 (2)
The alt Attribute Explained 179 (1)
Image Dimensions and Borders 179 (1)
Image Production 180 (5)
Cropping 180 (1)
Matting: Creating a Virtual ``Frame'' 181 (1)
Resampling: Altering the Absolute Size 182 (1)
of an Image
Level Changes: Optimizing the Contrast 183 (2)
of Photographs
Applying Multiple Adjustments 185 (1)
Working with Color Profiles 185 (1)
Image Optimization 186 (2)
Choosing the Right Image Format 186 (1)
Finding the Happy Medium Between Size 187 (1)
and Quality
Publishing Images 188 (2)
Keeping Images Organized 188 (1)
Image Publishing and Management in a CMS 189 (1)
Image Publication Etiquette 190 (1)
Styling Images and Plug-in Content 190 (5)
Composing Image Layout Within a Column 190 (1)
Captioning Images 191 (1)
Working with Previews (Thumbnail 192 (2)
Images) in a Gallery or Slideshow
Setting
Lightbox: Previews, Galleries, and 194 (1)
Slideshows
SlideShowPro 194 (1)
Adding Motion and Sound: Using SWFObject 195 (1)
to Insert Flash Videos and Presentations
Inserting Unwrapped Multimedia 196 (7)
A Tale of Three Companies 197 (1)
Enter Flash 197 (1)
Using Bare Markup to Publish Multimedia 198 (1)
Content
A Caveat of Plug-ins with the HTTP 199 (1)
Content-Disposition Header Field
Keeping an Open Mind 199 (1)
The video and audio Elements (HTML5) 199 (2)
The canvas Element (HTML5) 201 (2)
Web Typography 203 (34)
A Brief History of Letterforms 203 (3)
Origins of Modern Western Letterforms 204 (1)
Gutenberg's Press and the Art of 204 (1)
Typography
The Emergence of Digital Typesetting 205 (1)
Different Limitations Without Changed 205 (1)
Expectations
A Visual Glossary of Typography 206 (4)
Aliasing and Anti-Aliasing 210 (2)
Type Styles, Readability, and Legibility 212 (3)
Styling for Readability 212 (1)
Styling for Legibility 213 (1)
``The Fold''and Tiny Type 213 (2)
Sizing Type 215 (2)
Choosing the Right Units for Sizing Type 216 (1)
Em/Percentage Size Telescoping 216 (1)
Size Keywords 217 (1)
Working with Typefaces and Fonts 217 (7)
The Challenge of Limited Choices 217 (3)
Applying Type Choices:the font-family 220 (2)
Property
Finding Canonical Typeface Names 222 (1)
Accessing System Default Type with the 222 (2)
font Property
Character Encoding in Brief 224 (4)
What is Character Encoding? 224 (1)
ASCII, ISO 8859-1, Unicode, and UTF-8 225 (1)
Choosing an Encoding Scheme 225 (1)
Inserting Entities to Provide Non-ASCII 226 (2)
Characters
Creating Balanced Type Treatments 228 (6)
Predictability, Preference, and Panic 228 (1)
Assessing Content Scope 229 (1)
Distinguishing Type: Face, Size, 230 (2)
Weight, Style, Color
Setting Type Around Blowouts 232 (1)
Styling Passages of Similar Priority 232 (1)
Enter Type Treatments 233 (1)
Typographical Miscellany in CSS 234 (2)
The line-height Property 234 (1)
The font-variant and text-transform 235 (1)
Properties
The letter-spacing and word-spacing 236 (1)
Properties
The white-space Property 236 (1)
The Practice of Good Web Typography 236 (1)
Clean and Accessible Forms 237 (28)
Building Effective Forms 237 (4)
Web Applications, User Perspective, and 237 (1)
Design Choices
Organizing User Interfaces by Function 238 (1)
Ten Rules for Effective Web Forms and 239 (2)
Applications
Assessment and Structure 241 (5)
Establishing Requirements 241 (2)
Markup and Structure 243 (3)
Basic Form Structure, Presentation, and 246 (5)
Behavior
Form-Originated get Requests 247 (2)
The post Method and File Uploads 249 (1)
Manipulating the size and Apperance of 249 (2)
Individual Controls
Prototyping and Layout 251 (4)
Prototyping 101 251 (1)
Design Patterns, Style Resets, and Form 252 (2)
Layout
Grouping Controls by Appearance 254 (1)
Required Fields and Other Submission 255 (3)
Constraints
Identifying Required Fields 255 (1)
Discovering and Identifying User Input 256 (1)
Errors
The disabled and readonly Attributes 257 (1)
Creating Accessible Forms 258 (3)
Implementing Forms for Accessibility 259 (1)
Supporting Keyboard Navigation of Forms 260 (1)
Form Features in HTML5 261 (4)
New Input Types 262 (1)
The required Attribute 262 (3)
The Bad Parts 265 (26)
The Numbing Nature of Internet Explorer 265 (6)
(Especially IE 6)
Browser Wars 2.0 266 (1)
Absent or Poor Selector Support 267 (1)
hasLayout 268 (1)
Margin Doubling 268 (1)
expressionO Values 269 (1)
ActiveX Filters and Transitions 269 (1)
PNG Support(or Lack Thereof) 270 (1)
Poor Property Support 270 (1)
Issues with XHTML and XML 271 (1)
Systemic Ugliness 271 (5)
Template Fragility and Third-Party 272 (1)
Content
Markup Validation As a Prerequisite to 272 (1)
Proper Style Implementation
``Best Viewed with'' 272 (1)
Graded Support 273 (1)
Embed Versus object 274 (1)
Form Controls, Plug-in Instances, and 275 (1)
Element Stacking
Invalid Markup for Stupid Reasons 276 (1)
HTML's Bad Neighborhoods and Cul-de-sacs 276 (6)
Frames 277 (1)
The strike Element 278 (1)
The name Attribute 279 (1)
The noscript and noframes Elements 279 (1)
Semantic Contortions and the Limited 280 (1)
Vocabulary of HTML
Inline Presentation Elements 280 (1)
Manipulating Vertical Space: hr and br 281 (1)
The pre Element Versus the white-space 281 (1)
Property
CSS Travesties 282 (4)
@-Rules 282 (1)
Computed Values and Rounding Differences 282 (1)
Vendor-Specific-moz and -webkit 283 (1)
Property Prefixes
The inherit Value 283 (1)
Hiding Stuff: z-index and clip 284 (1)
Counters 284 (1)
Element Flow Rules 285 (1)
Unicode Code Position Values and the 285 (1)
content Property
The Awful Parts 286 (4)
The marquee and blink Elements 286 (1)
MSIE User Interface Properties 287 (1)
The align Attribute 287 (1)
The style Attribute 287 (1)
div-itis 288 (1)
Event Handler Attributes 288 (1)
Gratuitous Underlining 289 (1)
The http-equiv Attribute 289 (1)
Picking Up the Pieces 290 (1)
Appendix: URIs, Client-Server Architecture, and 291 (6)
HTTP
Glossary 297 (6)
Index 303