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/diproart/Front-End-Checklist

Last synced: about 12 hours ago
JSON representation

SEO
- Accessibility testing
Head
HTML
- Best practices
  - About rel=noopener
- HTML testing
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.
  - TinyPNG
  - Kraken.io
  - 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
How to use?
- README_APP file
JavaScript
- Best practices
- JavaScript testing
  - ESLint - The pluggable linting utility for JavaScript and JSX
Security
- Scan and check your web site
  - Observatory by Mozilla
  - ASafaWeb - Automated Security Analyser for ASP.NET Websites
- Best practices
Performance
- Performance testing
  - WebPagetest - Website Performance and Optimization Test
  - GTmetrix - Website speed and performance optimization
- Best practices
- Preparing upcoming requests
  - Explanation of the following techniques
  - Difference between prefetch and preload
Accessibility
- Best practices
  - Enable / Disable JavaScript in Chrome Developer Tools
  - Contrast ratio
- Semantics
  - Mobile Input Types
- Form
  - Using the aria-label attribute - MDN
Front-End Checklist Badge
- Accessibility testing
  - ![Front‑End_Checklist followed - End-Checklist/)
Support
- Guide
  - Twitter
Author
- Guide
  - David Dias
Sponsors
- Guide
  - [Become a sponsor
Contributing
- Guide
  - Front-End Checklist

Programming Languages

JavaScript 7 TypeScript 1 CSS 1 HTML 1

Categories

SEO 64 Head 48 CSS 16 Security 11 Images 9 Performance 8 JavaScript 5 HTML 5 Accessibility 4 Webfonts 2 License 1 How to use? 1 Contributing 1 Support 1 Sponsors 1 Author 1 Front-End Checklist Badge 1

Sub Categories

Accessibility testing 65 Meta tag 43 Best practices 28 HTML testing 11 CSS testing 7 Guide 5 Performance 5 Social meta 2 Preparing upcoming requests 2 Performance testing 2 Scan and check your web site 2 HTML tags 2 Form 1 JavaScript testing 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