Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Front-End-Checklist
🗂 The perfect Front-End Checklist for modern websites and meticulous developers
https://github.com/thedaviddias/Front-End-Checklist
- a list of everything
- Determining the character encoding - HTML5 W3C
- Title - HTML - MDN
- SERP Snippet Generator
- Meta Description - HTML - MDN
- Favicon Generator
- RealFaviconGenerator
- Favicon Cheat Sheet
- Favicons, Touch Icons, Tile Icons, etc. Which Do You Need? - CSS Tricks
- PNG favicons - caniuse
- Configuring Web Applications
- Supported Meta Tags
- Browser configuration schema reference
- Use canonical URLs - Search Console Help - Google Support
- 5 common mistakes with rel=canonical - Google Webmaster Blog
- dir - HTML - MDN
- x-default - Google
- About conditional comments (Internet Explorer) - MSDN - Microsoft
- Critical by Addy Osmani on GitHub
- Meta Tags
- A Guide to Sharing for Webmasters
- Best Practices - Sharing
- Facebook OG testing
- Getting started with cards — Twitter Developers
- Twitter card validator
- HTML Reference
- About rel=noopener
- W3C validator
- Dirty markup
- webhint
- W3C Link Checker
- Use AdBlocking in your Dev Environment
- Google Technical considerations about webfonts
- WOFF - Web Open Font Format - Caniuse
- WOFF 2.0 - Web Open Font Format - Caniuse
- TTF/OTF - TrueType and OpenType font support
- Using @font-face - CSS-Tricks
- Typekit Web Font Loader
- 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.
- - lang.com/)).
- Reset.css
- Normalize.css
- Reboot
- Autoprefixer CSS online
- loadCSS by filament group
- Example of preload CSS using loadCSS
- UnCSS Online
- PurifyCSS
- PurgeCSS
- Chrome DevTools Coverage
- stylelint, a CSS linter
- Sass guidelines
- Am I Responsive?
- Mobile Friendly Test
- 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
- Essential Image Optimization
- Imagemin
- ImageOptim
- KeyCDN Image Processing
- Kraken.io
- TinyPNG
- ZorroSVG - like compression for transparent images using svg masking.
- SVGO - based tool for optimizing SVG vector graphics files.
- SVGOMG - based GUI version of SVGO for optimising your svgs online.
- How to Build Responsive Images with srcset
- Alt-texts: The Ultimate Guide
- Native lazy loading polyfill
- Minify Resources (HTML, CSS, and JavaScript)
- Guidelines for Developing Secure Applications Utilizing JavaScript
- Remove Render-Blocking JavaScript
- You may not need jQuery
- Vanilla JavaScript for building powerful web applications
- Customize your Modernizr
- ESLint - The pluggable linting utility for JavaScript and JSX
- securityheaders.io
- Observatory by Mozilla
- Let's Encrypt - Free SSL/TLS Certificates
- Free SSL Server Test
- Strict Transport Security
- Check HSTS preload status and eligibility
- HTTP Strict Transport Security Cheat Sheet - OWASP
- Transport Layer Protection Cheat Sheet - OWASP
- Cross-Site Request Forgery (CSRF) Prevention Cheat Sheet - OWASP
- XSS (Cross Site Scripting) Prevention Cheat Sheet - OWASP
- DOM based XSS Prevention Cheat Sheet - OWASP
- X-Content-Type-Options - Scott Helme
- X-Frame-Options - Scott Helme
- RFC7034 - HTTP Header Field X-Frame-Options
- Content Security Policy - An Introduction - Scott Helme
- CSP Cheat Sheet - Scott Helme
- CSP Cheat Sheet - OWASP
- Content Security Policy Reference
- Website Page Analysis
- WebPageTest
- Size Limit: Make the Web lighter
- Cookie specification: RFC 6265
- Cookies
- Browser Cookie Limits
- Simple sharing buttons generator
- Explanation of the following techniques
- Difference between prefetch and preload
- Google PageSpeed
- Test your mobile speed with Google
- WebPagetest - Website Performance and Optimization Test
- GTmetrix - Website speed and performance optimization
- Speedrank - Improve the performance of your website
- A11ycasts with Rob Dodson
- Enable / Disable JavaScript in Chrome Developer Tools
- Contrast ratio
- Why headings and landmarks are so important -- A11ycasts #18
- Mobile Input Types
- Using the aria-label attribute - MDN
- Wave testing
- Managing Focus - A11ycasts #22
- Google Analytics
- GA Checker (and others)
- Search Console
- Tota11y, tab Headings
- Sitemap generator
- The robots.txt file
- Google Robots Testing Tool
- Introduction to Structured Data - Search - Google Developers
- JSON-LD
- Microdata
- Rich Results Test
- Schema.org Full Hierarchy
- Sitemap guidelines - Google Support
- miya0001/Front-End-Checklist
- eoasakura/Front-End-Checklist-ES
- JohnsenZhou/Front-End-Checklist
- kesuskim/Front-End-Checklist
- jcezarms/Front-End-Checklist
- euclid1990/Front-End-Checklist
- EngineLin/Front-End-Checklist
- ynizon/Front-End-Checklist
- ungear/Front-End-Checklist
- eraycetinay/Front-End-Checklist
- xfuture603/Front-End-Checklist
- mbiesiad/Front-End-Checklist
- nniinnoo/Front-End-Checklist
- ![Front‑End_Checklist followed - End-Checklist/)
- ![Front‑End_Checklist followed - End-Checklist/)
- Front-End Checklist
- Chat on Gitter
- David Dias
- [Become a backer
- [Become a sponsor
- ![CC0
Programming Languages
Keywords
css
5
javascript
4
reference
3
web-development
3
html
3
nodejs
2
optimization
2
svg
2
html5
2
checklist
2
front-end-developer-tool
2
front-end-development
2
frontend
2
guidelines
2
lists
2
resources
2
vanilla-js
1
polyfill
1
native-lazy-loading
1
critical-css
1
critical-path-css
1
critical-path-styles
1
inline-css
1
lazy-loading
1
twitter-cards
1
seo
1
meta-tags
1
list
1
head
1
frontend-development
1
turkce
1
website
1
svgo
1
minification
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
css-reset
1
inline-styles
1