Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Front-End-Checklist

🗂 The perfect Front-End Checklist for modern websites and meticulous developers
https://github.com/thedaviddias/Front-End-Checklist

Last synced: 3 days ago
JSON representation

Head
SEO
- Accessibility testing
HTML
- HTML testing
- Best practices
  - About rel=noopener
Webfonts
- HTML testing
  - Typekit Web Font Loader
  - Google Technical considerations about webfonts
CSS
- HTML testing
  - Normalize.css
  - 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
- Performance
- CSS testing
Images
- Best practices
  - Imagemin
  - SVGO - based tool for optimizing SVG vector graphics files.
  - SVGOMG - based GUI version of SVGO for optimising your svgs online.
  - KeyCDN Image Processing
  - Kraken.io
  - TinyPNG
  - ZorroSVG - like compression for transparent images using svg masking.
  - How to Build Responsive Images with srcset
  - Alt-texts: The Ultimate Guide
- CSS testing
  - Essential Image Optimization
JavaScript
- Best practices
- JavaScript testing
  - ESLint - The pluggable linting utility for JavaScript and JSX
Security
- Scan and check your web site
  - Observatory by Mozilla
- Best practices
Performance
- Best practices
- Preparing upcoming requests
  - Explanation of the following techniques
  - Difference between prefetch and preload
- Performance testing
  - GTmetrix - Website speed and performance optimization
  - WebPagetest - Website Performance and Optimization Test
Accessibility
- Performance testing
  - A11ycasts with Rob Dodson
- Best practices
- Semantics
  - Mobile Input Types
- Form
  - Using the aria-label attribute - MDN
- Accessibility testing
  - Managing Focus - A11ycasts #22
Support
- Guide
  - Twitter
Author
- Guide
  - David Dias
Sponsors
- Guide
  - [Become a sponsor
Front-End Checklist Badge
- Accessibility testing
  - ![Front‑End_Checklist followed - End-Checklist/)

Programming Languages

JavaScript 7 TypeScript 1 CSS 1 HTML 1

Categories

SEO 73 Head 52 HTML 44 CSS 20 Security 14 Images 10 Performance 9 Accessibility 7 JavaScript 5 Webfonts 2 Support 1 License 1 Sponsors 1 Author 1 Front-End Checklist Badge 1

Sub Categories

Accessibility testing 75 HTML testing 50 Meta tag 46 Best practices 35 CSS testing 10 Performance 6 Guide 4 Performance testing 3 HTML tags 3 Social meta 2 Preparing upcoming requests 2 Form 1 JavaScript testing 1 Scan and check your web site 1 Semantics 1

Keywords

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