SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Text courses/
  • Responsive Design
Responsive Design

Responsive Design

An Undead Introduction to Mobile Web Development


Course details

4.0∙2 Ratings1 review

Published
October 2018
Publisher
Undead Institute
Chapters
14

About the course

Zombies can attack anytime and anywhere. So if you build websites that work on your phone and your desktop you’ll be ready to stop them no matter where you are or what you’re doing. Responsive design will let you build one website to stop them all.

Responsive Design is a framework of code and processes and approaches that will make your website (and zombie destruction) as versatile as the screens thrown at it. You’ll learn how responsive design works, why it’s a great option, how media queries can change your page, what the viewport meta tag does, what to do about images and other media, and a horde of best practices for making your website awesome no matter what screen it displays on.

You won't just passively take in the view, like a zombie shuffling across the mainland. You’ll have plenty of combat practice with analogies, examples, and code tutorials you can build, break and fix again. Working with your hands and your head you’ll craft code that pleases the eye and knocks a zombie into last Tuesday.

All the code and directions are provided as both CodePen tutorials and downloadable HTML files, so you can fight the apocalypse how and where you like. You can work with them on the codepen site or on your own device.

And later you'll bring those skills together in a final project that cements those skills into zombie smashing muscle memory.

Author

John Rhea

John Rhea

John is a storyteller with design and development skills. By day he designs and builds websites and mobile apps, by night he spins sci-fi stories at StoryLab (https://storylab.us) and counts his words carefully at https://8wordstories.com. He's a pineapple in disguise https://pineapplecomics.com and (as you know) tries to make learning web development fun by helping you kill zombies https://undead.institute.

Course Outline

Chapter 1: Bringing a Shotgun to a Web Fight
Chapter 2: The Mobile-Solutions Cage Match
Chapter 3: Hand-to-HTML Combat and Other Prerequisites
Chapter 4: Suit Up for Your First Zombie Fight
Chapter 5: Flexible Layouts—A Vice around a Zombie's Head
Chapter 6: Hitting Zombies in the Break Point
Chapter 7: Squash and Stretch (the Zombie's Face)
Chapter 8: Human Resistance Manifesto (or, Best Practices in Responsive Design)
Chapter 9: Pitfalls and Zombie Traps
Chapter 10: Leaving the Horde Behind
Chapter 11: Responsively Killing Zombies
Chapter 12: Resources
Chapter 13: Glossary
Chapter 14: Sneak Peek of More Advanced CSS: Zombie in a Ballgown

Reviews
4.0

2 total

0
2
0
0
0

Course details

4.0∙2 Ratings1 review

Published
October 2018
Publisher
Undead Institute
Chapters
14

SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy