Best Practices (v1)

Introduction

This is a brief catch-all section designed to make sure you understand not just what elements and selectors and attributes you CAN use, but which ones you SHOULD use in each situation. When you go visit several "normal" webpages (preferably one that isn’t too massively corporate, since they do some abnormal stuff), there are a lot of similarities in the way they are structured (which you can see in your developer tools). They all tend to judiciously use container divs for grouping elements and they use classes and IDs as necessary to determine styles.

Study

  1. Watch the following video about Accessibility Fundamentals with Rob Dodson.

Duration: 30 minutes

  1. Study the CSS Style Guide by Mark Otto, one of the creators of Bootstrap.

Resources

LOOKING FOR HELP?

When looking for help, try doing so in the following order:

  • Did you try everything you could?
  • Did you read the documentation?
  • Did you Google for it?
  • Did you post your question on Slack/Forum?
  • Did you ask your fellow students for help?
  • Did you ask your Mentors for help?
  • Did you leave a comment on the comments section of this page?
  • Did you ask your Instructor for help?
    • Did you arrange and appointment with your instructor using Calendly? Visit this URL and set up an appointment: https://calendly.com/kostasx
    • Is it urgent? Did you try reaching him on Slack

UPDATED: 17.01.2022

  • 30.10.2020: Adding Web Accessibility fundamentals with Rob Dodson
  • 17.01.2021: Updated Pesticide Extension links

CONTRIBUTORS: