Markup Spikes
Accessibility
How do you write markup so that your page is accessible to as many users as possible?
Questions to consider
- Who does semantic HTML benefit?
- How does ARIA relate to HTML?
- What’s the difference between accessible and inclusive?
Useful resources
- What a Year of Learning and Teaching Accessibility Taught Me
- Why, How, and When to Use Semantic HTML and ARIA
CSS architecture
How should you write CSS to ensure it’s easy to read, maintain and scale as a website grows?
Questions to consider
- Why are CSS naming conventions useful?
- When might specificity become a problem?
- How can composition help us build UIs?
Useful resources
CSS layout
How does CSS decide where to put elements on the page?
Questions to consider
- What is the box model?
- How does the
display
property affect layout? - How does the
position
property affect layout?
Useful resources
Responsive design
How do you design and build a webpage that looks good on any device?
Questions to consider
- What CSS units should we use for dimensions? What are absolute and relative units?
- When should you use a media query? Are they only for screen size?
- How can mobile-first CSS make responsive styling easier?
Useful resources
Github projects (stretch)
Questions to consider
- How can we leverage Github projects to help us plan and track work?