Resources

CSS

CSS Tricks

• Snippets Complete index list
• CompleteGuide to CSS Functions
• Complete guide to flexbox on CSS Tricks
• Complete guide to grid on CSS Tricks
• Complete Guide to CSS Media Queries
• Styling progress bars
• Proper Numbers
• Variable Google Fonts Guide
• Practical CSS Scroll Snapping
• Web Components

MDN Reference

• Complete index page

Grid

• Grid by Example

Others

• What Does % Mean?

Accessibility

WCAG

• WCAG Checklist
• About WCAG 2.1

Inclusive design

• Inclusive design principles
• Inclusive components

Practitioners

• Paciello group

Information

• UK Home Office accessibility posters

Tools

• Axe Chrome dev tools extension
• Khan Academy Tota11y toolmark

HTML

• HTML head elements

Javascript

• ES6 Overview in 350 Bullet Points

Fonts

• Variable Fonts

Icons

• Feather Icons
• The Noun Project

Useful Tools

CSS Generators

• Shadows
• CSS Grid

Placeholders

• JSON Placeholder
• Place Kitten
• Fill Murray
• Steven Segallery
• Place Cage

APIs

• Marvel
• Star Wars
• Public APIs

Performance

• Addy Osmani Pupetter recipes
• Performance Analysis Tools for Front End Development

CLIs

• SVGr

UX

• Laws of UX

Funnies & Writing

• 7XX status codes
• HTTP Status Cats
• HTTP Status Dogs
• Execution in the Kingdom of Nouns
• Programming Sucks

History

• The Web, Part 1