Web Development with HTML5 and CSS
3rd Edition
Will be published approx. on 30. July 2021
Book
Spiral bound
277 pages
978-1-7924-7595-5 (ISBN)
Description
Web Development with HTML5 and CSS assumes no previous coding experience and walks readers through the workflow of coding responsive and accessible web sites using current coding standards and best practices. The book is separated into three units, each culminating in a unit project. A preface and addendum are also included to get readers up and running with a development environment and explore JavaScript. The book is both Mac and Windows friendly.
More details
Edition
3rd Revised edition
Language
English
Place of publication
Iowa
United States
Target group
College/higher education
Edition type
Revised edition
Weight
1436 gr
ISBN-13
978-1-7924-7595-5 (9781792475955)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Content
- Introduction Setting Up Your Computer
- Recommended Prerequisite Computer Skills
- Recommended Computer Settings and Software
- Computer Settings
- Enable File Extensions (Windows 10)
- Enable File Extensions (Windows 8)
- Enable File Extensions (Windows 7)
- Enable File Extensions (Mac OS X)
- Install and Configure Brackets
- Install Brackets
- Configure Tab Key Indents
- Extensions
- Install Extensions
- Configure Extensions
- Use the Brackets Preferences Extension
- Enable the Indent Guides Extension
- Use the Beautify Extension
- Use the W3C Validation Extension
- Use the Spell Checking Extension
- Install Google Chrome
- Configure Chrome
- Brackets Live Preview
- Summary
- Google Chrome
- Brackets
- Unit 1 HTML Basics
- Chapter 1 How Web Sites Work
- Introduction
- Web Site Files
- Root Folder
- File Organization
- File Naming
- Naming a Home Page
- Recommendations
- Web Servers
- Web Hosts
- Features
- Domain Names
- TLD Upsells
- Privacy
- Nameservers
- Step by Step
- Languages of the Web
- Client-Sided Languages
- HTML
- CSS
- JavaScript
- Separation of Concerns
- Progressive Enhancement
- Server-Sided Languages
- Developer-Friendly Code
- A Solid Foundation
- Chapter 2 Basic Page Structure
- Code Editors
- WYSIWYG Editors
- Planning a Web Site
- Create a Wish List
- Site Plan
- Collect Existing Materials
- Design and Code
- Organizing a Web Site
- HTML Elements
- Tags
- Container Tags
- Content
- Void Tags
- HTML Structure
- DOCTYPE Declaration
- <html> Element
- <head> Element
- <body> Element
- Blank Lines
- Attributes and Values
- Other HTML Requirements
- Character Set Encoding
- Document Title
- A Complete <head>
- Indents
- Element Relationships
- Previewing Your Page
- Suggested Workflow
- Editing Code
- Structuring a Document
- Headings
- Tiny Headings
- Proper Closing
- Block and Inline Elements
- White Space
- Paragraphs
- Line Breaks
- Line Break Formatting Guidelines
- Nesting Elements
- HTML Comments
- Comment Syntax
- Comment Dangers
- Validating Code
- Validation Resources
- Errors and Warnings
- Validate, Validate, and Validate
- Fixing Old Sites
- Current Code Formatting Practices
- Chapter 3 Phrase Elements and Special Characters
- Element Categories
- Phrase Elements
- Text Semantics
- Four Common Phrase Elements
- Abbreviation
- Citation
- Quotation
- Small
- Time
- Var
- Word Break
- Computer Code
- Annotations and Edit Demarcations
- Phrase Element Usage
- Special Characters
- HTML Character Codes
- Ampersands
- HTML Number Codes
- Combining Diacritics
- Non-breaking Spaces
- What It Does
- Proper Usage
- Chapter 4 Images
- Computer Graphics
- Image File Formats
- Source Files
- Web-friendly File Formats
- When to Use Each
- Acquiring and Generating Images
- Copyright
- Royalty-free
- Public Domain
- Creative Commons
- Organizing Images
- Documenting Sources
- Adding Images
- Essential vs Non-Essential Images
- <img> Element
- Source
- Alternate Text
- Width and Height
- Adding SVG
- Deprecated Code
- Figures
- Figure Captions
- Misuse of Figures
- Favicons
- Adding Favicons to a Site
- Acquiring Favicons
- Chapter 5 Hyperlinks and Lists
- Hyperlinks
- Hyperlinking from Text
- The Anchor Element
- href Attribute
- Local Links
- Web Pages
- Internal Locations
- Internal Location on Other Pages
- title Attribute
- Image Links
- Other Local Resources
- The download Attribute
- Protocols
- Email Links
- Communication Links
- External Links
- target Attribute
- Hot Linking
- Lists
- Unordered Lists
- List Style Type
- Coding Unordered Lists
- Ordered Lists
- List Item Type
- start Attribute
- Reversed Numbers
- Description Lists
- Nesting Lists
- Nested Styles
- Chapter 6 Audio and Video
- Audio and Video
- Plugins
- Online Video Providers
- Native Technology
- Browser Support
- Adding HTML Video
- Codecs
- Container Formats
- The <video> Element
- The src and controls Attributes
- Fallback Content
- The <source> Element
- Common Attributes
- The type Attribute
- width and height Attributes
- Adding HTML Audio
- Browser Support
- The <audio> Element
- Supporting Old Browsers
- Playlists
- Acquiring Media
- Unit 1 Project
- Henderson Avian Watcher's Collective (HAWC)
- Research Domains and Hosting
- Get Organized
- Every Page
- The Home Page
- The Gallery Page
- The Resources Page
- Coding Practices
- Tips
- Unit 2 Structuring and Organizing Content
- Chapter 7 Structuring Content
- Web Page Anatomy
- Content Order
- Semantic Structure
- Content Sections
- Sections in HTML
- Creating Sections and Groups
- Coding Headings
- Header
- Navigation Bar
- Main Content
- Headers Revisited
- Sidebar
- Footer
- Subsections
- Article
- Section
- Address
- Blockquote
- Horizontal Rules
- Non-semantic Wrappers
- <div> for Blocks
- <span> for Phrases
- Sectioning and Outlining Resources
- Advanced Sectioning
- Use Only as Needed
- Code Formatting
- Interactive Elements
- Reverse Engineering a Design
- Visualizing Boxes
- Prioritizing Headings
- Chapter 8 Tables
- Data Tables versus Layout Tables
- Basic Table Structure
- Table, Rows, and Cells
- Temporary Borders
- Header Cells
- Additional Structure
- Caption
- Merging Cells
- Merging Cells across Columns
- Merging Cells across Rows
- Row Organization
- Grouping Headings
- Identifying Main Table Content
- Grouping Footers
- Table Accessibility
- Header Scope
- Identifying Headers Manually
- Define a Header
- Associate a Cell with a Header
- Fixing Old Sites
- Deprecated Attributes
- Layout Tables
- Chapter 9 Forms
- Web Forms
- Form Workflow
- Planning a Form
- Coding a Form
- Testing a Form
- Adding a Form
- Action
- Method
- Form Fields
- Text Fields
- Labels
- Submitting a Form
- Code Readability
- Other Single Line <input> Uses
- Guided Choices
- Datalist
- Multi-Line Text
- Hidden Fields
- Buttons
- <button> Element
- Image Submit
- Uncommon <input> Types
- Color
- Month and Week
- Time
- Datetime-local
- Search
- Range
- Usability and Accessibility
- Fieldset
- Legend
- Autofocus
- Placeholder
- Title
- Validating Data
- Client-side and Server-side Validation
- Setting the Type
- Requiring Fields
- Notifying Users of Required Fields
- Chapter 10 Accessibility and Legacy Support
- Accessibility
- Categories of Disabilities
- Accessibility Laws and Standards
- Americans with Disabilities Act
- Rehabilitation Act
- Web Content Accessibility Guidelines (WCAG)
- Principles of Accessibility
- Accessibility Guidelines
- Perceivable Guidelines
- Perceivable Guideline 1: Text Alternatives
- Perceivable Guideline 2: Time-based Media
- Perceivable Guideline 3: Adaptable
- Perceivable Guideline 4: Distinguishable
- Operable Guidelines
- Operable Guideline 1: Keyboard Accessible
- Operable Guideline 2: Enough Time
- Operable Guideline 3: Seizures
- Operable Guideline 4: Navigable
- Bypass Link Bug
- Understandable Guidelines
- Understandable Guideline 1: Readable
- Understandable Guideline 2: Predictable
- Understandable Guideline 3: Input Assistance
- Robust Guidelines
- Robust Guideline 1: Compatible
- Testing for Accessibility
- Tool Limitations
- Success Criteria
- Working toward Accessibility
- Support for Legacy Browsers
- Progressive Enhancement
- Graceful Degradation
- Coding Resources
- Caniuse
- Polyfills
- Testing Legacy Support
- Hypervisors
- Web Services
- Unit 2 Project
- Southridge Park
- Required Components/Concepts
- Get Started
- The Home Page Main Content
- The Facilities Page Main Content
- The Rentals Page Main Content
- Every Page
- Tips
- Unit 3 Cascading Stylesheets
- Chapter 11 Introduction to CSS and Styling Text
- Cascading Style Sheets
- Style
- Cascade and Inheritance
- CSS Anatomy
- Rule
- Selector
- Declaration
- Declaration Block
- Adding CSS
- Inline Styles
- Inline CSS Pros and Cons
- Embedded Styles
- Embedded Styles Pros and Cons
- External Styles
- Linking External Stylesheets
- External Styles Pros and Cons
- Styling Text
- Font Properties
- Typeface
- Font
- font-family
- font-size
- font-weight
- font-style
- font-variant
- font Shorthand
- Other Font Properties
- Text Properties
- text-align
- text-indent
- text-transform
- text-decoration
- text-shadow
- Other Typographical Properties
- line-height
- letter-spacing
- word-spacing
- Other Text Properties
- Text Color
- Web Fonts
- Using Web Fonts Site-Wide
- HTML Validation Failures
- Local Font Kits
- Validating CSS
- Chapter 12 CSS Color and The Box Model
- Color
- Color Properties
- Named Colors
- rgb()
- rgba()
- Hexadecimal
- Hex Characters
- Hex-6
- Hex-3
- Other Methods
- Brackets Tips
- CSS Comments
- Single or Multiple Line
- Color Accessibility
- Analyzing Color Contrast with the Browser
- Analyze Color Anywhere on a Page
- The Box Model
- Border
- Border Width
- Border Style
- Border Color
- border-radius
- Border Radius on Images
- Padding
- Margin
- Auto Margins
- Width
- Height
- Overflow
- Minimum and Maximum Dimensions
- Backgrounds
- Color
- Image
- Shorthand
- Multiple Backgrounds
- Other Background Properties
- opacity
- Shadows
- Inset Shadows
- Chapter 13 Advanced Selectors and Specificity
- Advanced Selectors
- Targeting Multiple Elements with class
- class Syntax
- CSS Hooks and <span>
- Targeting a Unique Element with id
- id Rules
- class or id?
- Grouping Selectors
- Universal Selector
- Descendant Selectors
- The display Property
- Child Selector
- Adjacent Sibling Selector
- General Sibling Selector
- Attribute Selector
- Pseudo-classes
- Targeting the First or Last Child
- Targeting the First or Last Occurrence
- Targeting Any Child or Occurrence
- Choosing Child Pseudo Selectors
- Pseudo-elements
- Others
- Organizing Rules
- Specificity
- Same Selector, Conflicting Declarations
- Different Selector Targeting the Same Element
- Calculating Specificity
- Solving Specificity Conflicts
- Determining the Cause
- Fixing Specificity Conflicts
- Chapter 14 Styling Lists, Tables, and Forms
- Styling Lists
- White Space
- Ordered List Markers
- Unordered List Markers
- Image Markers
- Positioning Markers
- List Shorthand
- Styling Tables
- Borders
- Cell Spacing
- Width and Height
- White Space Wrapping
- Text Alignment
- Captions
- Color Striping
- Styling Forms
- Aligning Labels and Fields
- Targeting Form Elements
- Form Pseudo-Classes
- The:not() Pseudo-Class
- Styling Form Elements
- Chapter 15 Positioning, Floating, and Flexbox
- Layout
- Positioning
- Relative
- Stacking Order
- Absolute
- Combining Absolute and Fixed
- Other Positioning Options
- Styling Bypass Links
- Floating
- Clearing
- Overflow Fix
- Other Float Fixes
- Columns
- Flexbox
- Grid
- Chapter 16 Responsive Design
- Layout Strategies
- Fixed Width Layout
- Fluid Width Layout
- Responsive Layout
- Responsive Design
- Adaptive Design
- Breakpoints
- Mobile- or Desktop-First?
- Finding Breakpoints
- Screens, Windows, and Viewports
- Flexible versus Responsive Images
- Flexible Images
- Flexible Video
- HTML
- CSS
- Dynamic Text
- Fluid Text
- Media Queries
- Media Query Logic
- Breakpoints and Media Queries
- Default Mobile Browser Behavior
- Controlling the Mobile Viewport
- Responsive Navigation
- Pure CSS Responsive Navigation
- Step 1
- Step 2
- Step 3
- Step 4
- Step 5
- Fluid Text Revisited
- Validation
- Setting Fluid Text Thresholds
- Step 1-Determine Smallest Font Size for Smallest Viewport
- Step 2-Determine Largest Font Size for Widest Viewport
- Step 3-Code the Fluid Text
- Summary
- Unit 3 Project
- Brand Salon
- Required Components/Concepts
- Assets
- Get Started
- Tips
- Addendum
- Introduction to JavaScript
- JavaScript
- Adding JavaScript
- Summary
- Recommended Prerequisite Computer Skills
- Recommended Computer Settings and Software
- Computer Settings
- Enable File Extensions (Windows 10)
- Enable File Extensions (Windows 8)
- Enable File Extensions (Windows 7)
- Enable File Extensions (Mac OS X)
- Install and Configure Brackets
- Install Brackets
- Configure Tab Key Indents
- Extensions
- Install Extensions
- Configure Extensions
- Use the Brackets Preferences Extension
- Enable the Indent Guides Extension
- Use the Beautify Extension
- Use the W3C Validation Extension
- Use the Spell Checking Extension
- Install Google Chrome
- Configure Chrome
- Brackets Live Preview
- Summary
- Google Chrome
- Brackets
- Unit 1 HTML Basics
- Chapter 1 How Web Sites Work
- Introduction
- Web Site Files
- Root Folder
- File Organization
- File Naming
- Naming a Home Page
- Recommendations
- Web Servers
- Web Hosts
- Features
- Domain Names
- TLD Upsells
- Privacy
- Nameservers
- Step by Step
- Languages of the Web
- Client-Sided Languages
- HTML
- CSS
- JavaScript
- Separation of Concerns
- Progressive Enhancement
- Server-Sided Languages
- Developer-Friendly Code
- A Solid Foundation
- Chapter 2 Basic Page Structure
- Code Editors
- WYSIWYG Editors
- Planning a Web Site
- Create a Wish List
- Site Plan
- Collect Existing Materials
- Design and Code
- Organizing a Web Site
- HTML Elements
- Tags
- Container Tags
- Content
- Void Tags
- HTML Structure
- DOCTYPE Declaration
- <html> Element
- <head> Element
- <body> Element
- Blank Lines
- Attributes and Values
- Other HTML Requirements
- Character Set Encoding
- Document Title
- A Complete <head>
- Indents
- Element Relationships
- Previewing Your Page
- Suggested Workflow
- Editing Code
- Structuring a Document
- Headings
- Tiny Headings
- Proper Closing
- Block and Inline Elements
- White Space
- Paragraphs
- Line Breaks
- Line Break Formatting Guidelines
- Nesting Elements
- HTML Comments
- Comment Syntax
- Comment Dangers
- Validating Code
- Validation Resources
- Errors and Warnings
- Validate, Validate, and Validate
- Fixing Old Sites
- Current Code Formatting Practices
- Chapter 3 Phrase Elements and Special Characters
- Element Categories
- Phrase Elements
- Text Semantics
- Four Common Phrase Elements
- Abbreviation
- Citation
- Quotation
- Small
- Time
- Var
- Word Break
- Computer Code
- Annotations and Edit Demarcations
- Phrase Element Usage
- Special Characters
- HTML Character Codes
- Ampersands
- HTML Number Codes
- Combining Diacritics
- Non-breaking Spaces
- What It Does
- Proper Usage
- Chapter 4 Images
- Computer Graphics
- Image File Formats
- Source Files
- Web-friendly File Formats
- When to Use Each
- Acquiring and Generating Images
- Copyright
- Royalty-free
- Public Domain
- Creative Commons
- Organizing Images
- Documenting Sources
- Adding Images
- Essential vs Non-Essential Images
- <img> Element
- Source
- Alternate Text
- Width and Height
- Adding SVG
- Deprecated Code
- Figures
- Figure Captions
- Misuse of Figures
- Favicons
- Adding Favicons to a Site
- Acquiring Favicons
- Chapter 5 Hyperlinks and Lists
- Hyperlinks
- Hyperlinking from Text
- The Anchor Element
- href Attribute
- Local Links
- Web Pages
- Internal Locations
- Internal Location on Other Pages
- title Attribute
- Image Links
- Other Local Resources
- The download Attribute
- Protocols
- Email Links
- Communication Links
- External Links
- target Attribute
- Hot Linking
- Lists
- Unordered Lists
- List Style Type
- Coding Unordered Lists
- Ordered Lists
- List Item Type
- start Attribute
- Reversed Numbers
- Description Lists
- Nesting Lists
- Nested Styles
- Chapter 6 Audio and Video
- Audio and Video
- Plugins
- Online Video Providers
- Native Technology
- Browser Support
- Adding HTML Video
- Codecs
- Container Formats
- The <video> Element
- The src and controls Attributes
- Fallback Content
- The <source> Element
- Common Attributes
- The type Attribute
- width and height Attributes
- Adding HTML Audio
- Browser Support
- The <audio> Element
- Supporting Old Browsers
- Playlists
- Acquiring Media
- Unit 1 Project
- Henderson Avian Watcher's Collective (HAWC)
- Research Domains and Hosting
- Get Organized
- Every Page
- The Home Page
- The Gallery Page
- The Resources Page
- Coding Practices
- Tips
- Unit 2 Structuring and Organizing Content
- Chapter 7 Structuring Content
- Web Page Anatomy
- Content Order
- Semantic Structure
- Content Sections
- Sections in HTML
- Creating Sections and Groups
- Coding Headings
- Header
- Navigation Bar
- Main Content
- Headers Revisited
- Sidebar
- Footer
- Subsections
- Article
- Section
- Address
- Blockquote
- Horizontal Rules
- Non-semantic Wrappers
- <div> for Blocks
- <span> for Phrases
- Sectioning and Outlining Resources
- Advanced Sectioning
- Use Only as Needed
- Code Formatting
- Interactive Elements
- Reverse Engineering a Design
- Visualizing Boxes
- Prioritizing Headings
- Chapter 8 Tables
- Data Tables versus Layout Tables
- Basic Table Structure
- Table, Rows, and Cells
- Temporary Borders
- Header Cells
- Additional Structure
- Caption
- Merging Cells
- Merging Cells across Columns
- Merging Cells across Rows
- Row Organization
- Grouping Headings
- Identifying Main Table Content
- Grouping Footers
- Table Accessibility
- Header Scope
- Identifying Headers Manually
- Define a Header
- Associate a Cell with a Header
- Fixing Old Sites
- Deprecated Attributes
- Layout Tables
- Chapter 9 Forms
- Web Forms
- Form Workflow
- Planning a Form
- Coding a Form
- Testing a Form
- Adding a Form
- Action
- Method
- Form Fields
- Text Fields
- Labels
- Submitting a Form
- Code Readability
- Other Single Line <input> Uses
- Guided Choices
- Datalist
- Multi-Line Text
- Hidden Fields
- Buttons
- <button> Element
- Image Submit
- Uncommon <input> Types
- Color
- Month and Week
- Time
- Datetime-local
- Search
- Range
- Usability and Accessibility
- Fieldset
- Legend
- Autofocus
- Placeholder
- Title
- Validating Data
- Client-side and Server-side Validation
- Setting the Type
- Requiring Fields
- Notifying Users of Required Fields
- Chapter 10 Accessibility and Legacy Support
- Accessibility
- Categories of Disabilities
- Accessibility Laws and Standards
- Americans with Disabilities Act
- Rehabilitation Act
- Web Content Accessibility Guidelines (WCAG)
- Principles of Accessibility
- Accessibility Guidelines
- Perceivable Guidelines
- Perceivable Guideline 1: Text Alternatives
- Perceivable Guideline 2: Time-based Media
- Perceivable Guideline 3: Adaptable
- Perceivable Guideline 4: Distinguishable
- Operable Guidelines
- Operable Guideline 1: Keyboard Accessible
- Operable Guideline 2: Enough Time
- Operable Guideline 3: Seizures
- Operable Guideline 4: Navigable
- Bypass Link Bug
- Understandable Guidelines
- Understandable Guideline 1: Readable
- Understandable Guideline 2: Predictable
- Understandable Guideline 3: Input Assistance
- Robust Guidelines
- Robust Guideline 1: Compatible
- Testing for Accessibility
- Tool Limitations
- Success Criteria
- Working toward Accessibility
- Support for Legacy Browsers
- Progressive Enhancement
- Graceful Degradation
- Coding Resources
- Caniuse
- Polyfills
- Testing Legacy Support
- Hypervisors
- Web Services
- Unit 2 Project
- Southridge Park
- Required Components/Concepts
- Get Started
- The Home Page Main Content
- The Facilities Page Main Content
- The Rentals Page Main Content
- Every Page
- Tips
- Unit 3 Cascading Stylesheets
- Chapter 11 Introduction to CSS and Styling Text
- Cascading Style Sheets
- Style
- Cascade and Inheritance
- CSS Anatomy
- Rule
- Selector
- Declaration
- Declaration Block
- Adding CSS
- Inline Styles
- Inline CSS Pros and Cons
- Embedded Styles
- Embedded Styles Pros and Cons
- External Styles
- Linking External Stylesheets
- External Styles Pros and Cons
- Styling Text
- Font Properties
- Typeface
- Font
- font-family
- font-size
- font-weight
- font-style
- font-variant
- font Shorthand
- Other Font Properties
- Text Properties
- text-align
- text-indent
- text-transform
- text-decoration
- text-shadow
- Other Typographical Properties
- line-height
- letter-spacing
- word-spacing
- Other Text Properties
- Text Color
- Web Fonts
- Using Web Fonts Site-Wide
- HTML Validation Failures
- Local Font Kits
- Validating CSS
- Chapter 12 CSS Color and The Box Model
- Color
- Color Properties
- Named Colors
- rgb()
- rgba()
- Hexadecimal
- Hex Characters
- Hex-6
- Hex-3
- Other Methods
- Brackets Tips
- CSS Comments
- Single or Multiple Line
- Color Accessibility
- Analyzing Color Contrast with the Browser
- Analyze Color Anywhere on a Page
- The Box Model
- Border
- Border Width
- Border Style
- Border Color
- border-radius
- Border Radius on Images
- Padding
- Margin
- Auto Margins
- Width
- Height
- Overflow
- Minimum and Maximum Dimensions
- Backgrounds
- Color
- Image
- Shorthand
- Multiple Backgrounds
- Other Background Properties
- opacity
- Shadows
- Inset Shadows
- Chapter 13 Advanced Selectors and Specificity
- Advanced Selectors
- Targeting Multiple Elements with class
- class Syntax
- CSS Hooks and <span>
- Targeting a Unique Element with id
- id Rules
- class or id?
- Grouping Selectors
- Universal Selector
- Descendant Selectors
- The display Property
- Child Selector
- Adjacent Sibling Selector
- General Sibling Selector
- Attribute Selector
- Pseudo-classes
- Targeting the First or Last Child
- Targeting the First or Last Occurrence
- Targeting Any Child or Occurrence
- Choosing Child Pseudo Selectors
- Pseudo-elements
- Others
- Organizing Rules
- Specificity
- Same Selector, Conflicting Declarations
- Different Selector Targeting the Same Element
- Calculating Specificity
- Solving Specificity Conflicts
- Determining the Cause
- Fixing Specificity Conflicts
- Chapter 14 Styling Lists, Tables, and Forms
- Styling Lists
- White Space
- Ordered List Markers
- Unordered List Markers
- Image Markers
- Positioning Markers
- List Shorthand
- Styling Tables
- Borders
- Cell Spacing
- Width and Height
- White Space Wrapping
- Text Alignment
- Captions
- Color Striping
- Styling Forms
- Aligning Labels and Fields
- Targeting Form Elements
- Form Pseudo-Classes
- The:not() Pseudo-Class
- Styling Form Elements
- Chapter 15 Positioning, Floating, and Flexbox
- Layout
- Positioning
- Relative
- Stacking Order
- Absolute
- Combining Absolute and Fixed
- Other Positioning Options
- Styling Bypass Links
- Floating
- Clearing
- Overflow Fix
- Other Float Fixes
- Columns
- Flexbox
- Grid
- Chapter 16 Responsive Design
- Layout Strategies
- Fixed Width Layout
- Fluid Width Layout
- Responsive Layout
- Responsive Design
- Adaptive Design
- Breakpoints
- Mobile- or Desktop-First?
- Finding Breakpoints
- Screens, Windows, and Viewports
- Flexible versus Responsive Images
- Flexible Images
- Flexible Video
- HTML
- CSS
- Dynamic Text
- Fluid Text
- Media Queries
- Media Query Logic
- Breakpoints and Media Queries
- Default Mobile Browser Behavior
- Controlling the Mobile Viewport
- Responsive Navigation
- Pure CSS Responsive Navigation
- Step 1
- Step 2
- Step 3
- Step 4
- Step 5
- Fluid Text Revisited
- Validation
- Setting Fluid Text Thresholds
- Step 1-Determine Smallest Font Size for Smallest Viewport
- Step 2-Determine Largest Font Size for Widest Viewport
- Step 3-Code the Fluid Text
- Summary
- Unit 3 Project
- Brand Salon
- Required Components/Concepts
- Assets
- Get Started
- Tips
- Addendum
- Introduction to JavaScript
- JavaScript
- Adding JavaScript
- Summary