Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents
https://github.com/thedaviddias/Front-End-Checklist

Last synced: 5 days ago
JSON representation

Accessibility
- Accessibility testing
  - Managing Focus - A11ycasts #22
  - Wave testing
- Best practices
- Form
  - Using the aria-label attribute - MDN
- Performance testing
  - A11ycasts with Rob Dodson
  - A11ycasts with Rob Dodson
- Semantics
  - Mobile Input Types
  - Mobile Input Types
Author
- Guide
  - David Dias
CSS
- CSS testing
- 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](http://cssreference.io/). There is also a short [Code Guide](http://codeguide.co/) for consistency.
  - Reset.css
  - Reboot
  - Autoprefixer CSS online
  - Normalize.css
- Performance
Front-End Checklist Badge
- Accessibility testing
  - ![Front‑End_Checklist followed - End-Checklist/)
Head
HTML
- Best practices
  - About rel=noopener
- HTML testing
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
  - ZorroSVG - like compression for transparent images using svg masking.
  - Native lazy loading polyfill
- CSS testing
  - Essential Image Optimization
JavaScript
- Best practices

Programming Languages

JavaScript 8 HTML 1 CSS 1 TypeScript 1

Categories

SEO 122 Head 105 HTML 44 CSS 23 Security 14 Translations 13 Images 12 Performance 12 Accessibility 11 Webfonts 6 JavaScript 5 Support 3 Uncategorized 2 Front-End Checklist Badge 1 Author 1 Sponsors 1 License 1

Sub Categories

Accessibility testing 141 Meta tag 94 HTML testing 54 Best practices 41 CSS testing 13 Social meta 7 Performance 6 Performance testing 5 Guide 3 HTML tags 3 Preparing upcoming requests 2 Semantics 2 Uncategorized 2 Form 1 JavaScript testing 1

Keywords

css 4 reference 3 web-development 3 nodejs 2 optimization 2 svg 2 html 2 javascript 2 resources 2 lists 2 guidelines 2 frontend 2 front-end-development 2 front-end-developer-tool 2 checklist 2 favicon 1 webpack-plugin 1 rollup-plugin 1 purgecss 1 postcss-plugin 1 postcss 1 optimization-tools 1 inline-styles 1 performance 1 png 1 performance-metrics 1 minify 1 jpg 1 imagemin 1 gif 1 svgo 1 minification 1 critical-css 1 cli 1 normalize-css 1 css-reset 1 critical-path-css 1 twitter-cards 1 seo 1 critical-path-styles 1 meta-tags 1 list 1 html5 1 inline-css 1 head 1 frontend-development 1 buffer 1