In this course, HTML and CSS Playbook, you will learn tactics to solve challenges in web page development using HTML and CSS. First, you’ll look at more than twenty different problems and solutions that come up in developing compelling user interfaces on the web. Next, you’ll learn solutions that include masking inputs to ease the load on the user, creating HTML which is accessible to all audiences. Finally, you’ll see how to work with custom fonts to create effective text for your pages, and much, much more. By the end of the course, you’ll have the skills and knowledge to tackle these and many other common HTML and CSS challenges needed to create powerful web pages.
Author Name: Chris Behrens
Author Description:
Chris B. Behrens is a writer, speaker and software developer, specializing in DevOps. He has been a developer and architect for more than twenty years focusing on small to medium size companies and the development changes they face. He focuses on his flavor of Fear Based Development, whereby a developer ranks their tasks in descending order of anxiety, and how to tackle them in that order. Chief among these anxiety-inducing processes is software deployment, a topic that Behrens focuses upon. He … more

Table of Contents

• Course Overview
  1min
• Setting up Our GitHub Repo for Success
  9mins
• Make CSS Like Proper Code with SASS
  14mins
• Three Ways to Center Elements
  9mins
• Create a Collapsible List without Script
  8mins
• Make Your HTML Accessible to Everyone
  9mins
• Five Ways to Make Your Text More Readable
  6mins
• Work with Custom Fonts
  4mins
• Filter Your Inputs with Simple HTML
  9mins
• Work Effectively with Semantic HTML
  13mins
• Know What Works in Which Browsers
  9mins
• Use a UI Framework like Bootstrap
  9mins
• Create Compelling Animations Using Only CSS
  15mins
• Reduce Your HTTP Requests with CSS Image Sprites
  9mins
• Create Powerful Graphics with SVG in HTML
  19mins
• Control Your Capitalization with CSS
  8mins
• Make Your Links Target Different Media and Devices
  11mins
• Replace These Zombie Tags with Something Better
  10mins
• Restrict File Types in Upload Inputs
  7mins
• Select Multiple Files with Upload Inputs
  4mins
• Create Simple Data Visualization with HTML and CSS Only
  13mins
• Take Control Over Mobile Presentations with Media Targets
  8mins
• Conclusion
  5mins