Front-End-Checklist
🗂 The essential checklist for modern web development, for humans and AI agents
https://github.com/thedaviddias/Front-End-Checklist
Last synced: 10 days ago
JSON representation
Accessibility
Accessibility testing
Best practices
- Enable / Disable JavaScript in Chrome Developer Tools
- Why headings and landmarks are so important -- A11ycasts #18
- Contrast ratio
- Contrast ratio
Form
Performance testing
Semantics
Author
Guide
CSS
CSS testing
- stylelint, a CSS linter
- Sass guidelines
- Responsive Website Design Tester
- Responsinator
- XRespond
- CSS Validator
- Pixel Perfect - Chrome Extension
- Building RTL-Aware Web Apps & Websites: Part 1 - Mozilla Hacks
- Building RTL-Aware Web Apps & Websites: Part 2 - Mozilla Hacks
- Mobile Friendly Test
- Pixel Perfect - Chrome Extension
HTML testing
- CSS guidelines - guidelin.es/) followed by most Front-End developers. If you have a doubt about CSS properties, you can visit CSS Reference. There is also a short Code Guide for consistency.
- Reset.css
- Reboot
- Autoprefixer CSS online
- Normalize.css
Performance
Front-End Checklist Badge
Accessibility testing
- 
Head
HTML tags
Meta tag
- Title - HTML - MDN
- Meta Description - HTML - MDN
- Favicon Generator
- RealFaviconGenerator
- Favicons, Touch Icons, Tile Icons, etc. Which Do You Need? - CSS Tricks
- PNG favicons - caniuse
- Use canonical URLs - Search Console Help - Google Support
- 5 common mistakes with rel=canonical - Google Webmaster Blog
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- PNG favicons - caniuse
- Browser configuration schema reference
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Use canonical URLs - Search Console Help - Google Support
- Configuring Web Applications
- Supported Meta Tags
- Favicon Cheat Sheet
Social meta
HTML
Best practices
HTML testing
- W3C validator
- Dirty markup
- webhint
- W3C Link Checker
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
- Use AdBlocking in your Dev Environment
Images
Best practices
- KeyCDN Image Processing
- Kraken.io
- TinyPNG
- How to Build Responsive Images with srcset
- Alt-texts: The Ultimate Guide
- Imagemin
- SVGO - based tool for optimizing SVG vector graphics files.
- SVGOMG - based GUI version of SVGO for optimising your svgs online.
- ImageOptim
CSS testing
JavaScript
Best practices
- Minify Resources (HTML, CSS, and JavaScript)
- Remove Render-Blocking JavaScript
- Vanilla JavaScript for building powerful web applications
- Customize your Modernizr