Learn Enough HTML, CSS and Layout to be Dangerous: An Introduction to Modern Website Creation and Templating Systems

Learn Enough HTML, CSS and Layout to be Dangerous: An Introduction to Modern Website Creation and Templating Systems

by Lee Donahoe, Michael Hartl
Released August 2022
Publisher(s): Addison-Wesley Professional
ISBN: 9780137843183

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

All You Need to Know, and Nothing You Don't, to Start Creating and Deploying Web Sites

To design, build, and deploy modern websites, you need three core skills: the ability to write and edit HTML, wield CSS to control page design, and create efficient web layouts that serve users well. But you don't need to learn "everything" about HTML, CSS and web layout, just how to use them efficiently to solve real problems. In Learn Enough HTML, CSS and Layout to Be Dangerous, expert developer Lee Donahoe and renowned instructor Michael Hartl teach the specific concepts, skills, and approaches you need to get the job done.

Even if you've never created a web page, the authors help you quickly build technical sophistication and master the lore you need to succeed. Focused exercises help you internalize what matters, without wasting time on details pros don't care about. Soon, it'll be like you were born knowing this stuff--and you'll be suddenly, seriously dangerous.

Learn enough about . . .

  • Deploying a simple but real website to the live Web right away

  • Adding advanced styling to websites, including CSS Flexbox and CSS Grid

  • Installing and configuring Jekyll, a static site generator

  • Getting started with templating systems and programming languages

  • Mastering key layout principles for web design

  • Registering and configuring custom domains, with custom URLs and email addresses

  • Receiving email at your domain with Google's G Suite

  • Setting up analytics to better understand your sites visitors

  • Making all these technologies work well together

Michael Hartl's Learn Enough series includes books and video courses that focus on the most important parts of each subject, so you don't have to learn everything to get started--you just have to learn enough to be dangerous and solve technical problems yourself.

Register your book for convenient access to downloads, updates, and/or corrections as they become available. See inside book for details.

Table of contents

  1. Cover Page
  2. About This eBook
  3. Halftitle Page
  4. Title Page
  5. Copyright Page
  6. Contents
  7. Preface
  8. About the Authors
  9. Part I: Hypertext Markup Language
    1. Chapter 1. Basic HTML
      1. 1.1 Introduction
      2. 1.2 HTML Tags
      3. 1.3 Starting the Project
      4. 1.4 The First Tag
      5. 1.5 An HTML Skeleton
    2. Chapter 2. Filling in the Index Page
      1. 2.1 Headings
      2. 2.2 Text Formatting
      3. 2.3 Links
      4. 2.4 Adding Images
    3. Chapter 3. More Pages, More Tags
      1. 3.1 An HTML Page About HTML
      2. 3.2 Tables
      3. 3.3 Divs and Spans
      4. 3.4 Lists
      5. 3.5 A Navigation Menu
    4. Chapter 4. Inline Styling
      1. 4.1 Text Styling
      2. 4.2 Floats
      3. 4.3 Applying a Margin
      4. 4.4 More Margin Tricks
      5. 4.5 Box Styling
      6. 4.6 Navigation Styling
      7. 4.7 A Taste of CSS
      8. 4.8 Conclusion
  10. Part II: Cascading Style Sheets and Page Layout
    1. Chapter 5. Introduction to CSS
      1. 5.1 You’re a Front-End Developer
      2. 5.2 CSS Overview and History
      3. 5.3 Sample Site Setup
      4. 5.4 Start Stylin’
      5. 5.5 CSS Selectors
    2. Chapter 6. The Style of Style
      1. 6.1 Naming Things
      2. 6.2 When and Why
      3. 6.3 Priority and Specificity
      4. 6.4 How to Be a Good Styling Citizen
    3. Chapter 7. CSS Values: Color and Sizing
      1. 7.1 CSS Color
      2. 7.2 Introduction to Sizing
      3. 7.3 Pixels (and Their Less-Used Cousin, the Point)
      4. 7.4 Percentages
      5. 7.5 em
      6. 7.6 rem Isn’t Just for Dreaming
      7. 7.7 vh, vw: The New(er) Kids on the Block
      8. 7.8 Just Make It Look Nice
    4. Chapter 8. The Box Model
      1. 8.1 Inline vs. Block
      2. 8.2 Margins, Padding, and Borders
      3. 8.3 Floats
      4. 8.4 A Little More About the overflow Style
      5. 8.5 Inline Block
      6. 8.6 Margins for Boxes
      7. 8.7 Padding… Not Just for Chairs
      8. 8.8 Fun with Borders
    5. Chapter 9. Laying It All Out
      1. 9.1 Layout Basics
      2. 9.2 Jekyll
      3. 9.3 Layouts, Includes, and Pages (Oh My!)
      4. 9.4 The Layout File
      5. 9.5 CSS File and Reset
      6. 9.6 Includes Intro: Head and Header
      7. 9.7 Advanced Selectors
      8. 9.8 Positioning
      9. 9.9 Fixed Header
      10. 9.10 A Footer, and Includes in Includes
    6. Chapter 10. Page Templates and Frontmatter
      1. 10.1 Template Content
      2. 10.2 There’s No Place Like Home
      3. 10.3 More Advanced Selectors
      4. 10.4 Other Pages, Other Folders
    7. Chapter 11. Specialty Page Layouts with Flexbox
      1. 11.1 Having Content Fill a Container
      2. 11.2 Vertical Flex Centering
      3. 11.3 Flexbox Style Options and Shorthand
      4. 11.4 Three-Column Page Layout
      5. 11.5 A Gallery Stub
    8. Chapter 12. Adding a Blog
      1. 12.1 Adding Blog Posts
      2. 12.2 Blog Index Content Loop
      3. 12.3 A Blog Post Page
    9. Chapter 13. Mobile Media Queries
      1. 13.1 Getting Started with Mobile Designs
      2. 13.2 Mobile Adaptation
      3. 13.3 Mobile Viewport
      4. 13.4 Dropdown Menu
      5. 13.5 Mobile Dropdown Menu
    10. Chapter 14. Adding More Little Touches
      1. 14.1 Custom Fonts
      2. 14.2 Favicons
      3. 14.3 Custom Title and Meta Description
      4. 14.4 Next Steps
    11. Chapter 15. CSS Grid
      1. 15.1 CSS Grid at a High Level
      2. 15.2 A Simple Grid of Content
      3. 15.3 minmax, auto-fit, and auto-fill
      4. 15.4 Grid Lines, Areas, and Layouts
      5. 15.5 Grid on the Inside
      6. 15.6 Conclusion
  11. Part III: Custom Domains
    1. Chapter 16. A Name of Our Own
      1. 16.1 Custom Domain Registration
      2. 16.2 Cloudflare Setup
      3. 16.3 Custom Domains at GitHub Pages
    2. Chapter 17. Custom Email
      1. 17.1 Google Mail
      2. 17.2 MX Records
      3. 17.3 Site Analytics
      4. 17.4 Conclusion
  12. Index
  13. Code Snippets

Product information

  • Title: Learn Enough HTML, CSS and Layout to be Dangerous: An Introduction to Modern Website Creation and Templating Systems
  • Author(s): Lee Donahoe, Michael Hartl
  • Release date: August 2022
  • Publisher(s): Addison-Wesley Professional
  • ISBN: 9780137843183