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

Last synced: about 12 hours ago
JSON representation

SEO
- Accessibility testing
HTML
- HTML testing
- Best practices
  - About rel=noopener
Sponsors
- Guide
  - [Become a sponsor
Head
Webfonts
- HTML testing
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.
  - 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
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
- 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
Front-End Checklist Badge
- Accessibility testing
  - ![Front‑End_Checklist followed - End-Checklist/)
Contributing
- Guide
  - Front-End Checklist
  - Front-End Checklist
Support
- Guide
  - Twitter
  - Facebook
Author
- Guide
  - David Dias

Programming Languages

JavaScript 7 TypeScript 1 CSS 1 HTML 1

Categories

SEO 71 Head 57 HTML 46 Security 16 CSS 16 Performance 9 Images 9 Accessibility 7 JavaScript 6 Webfonts 3 Support 2 Contributing 2 License 1 How to use? 1 Sponsors 1 Author 1 Front-End Checklist Badge 1

Sub Categories

Accessibility testing 73 HTML testing 53 Meta tag 51 Best practices 36 Guide 7 CSS testing 7 Performance 5 Social meta 3 Performance testing 3 Preparing upcoming requests 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