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


180 bookmarks. First posted by pozorvlak october 2017.


The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.
reading  ui 
5 weeks ago by shearichard
Front End Checklist: All important things around front-end in one list https://ift.tt/2zxO3bG
7 weeks ago by johnloy
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
dev  checklist  frontend 
april 2018 by vcavallo
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
march 2018 by ogwmnm
The Front-End Checklist Application is perfect for modern websites and meticulous developers!
css  javascript  frontend  checklist  html  webdev  web  reference 
march 2018 by kybernetikos
Github repo
Name: Front-End-Checklist
Tagline: 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
Homepage: https://frontendchecklist.io
Languages:
JavaScript = 53801 bytes
CSS = 50197 bytes
HTML = 33027 bytes

[![Front-End Checklist Logo](https://github.com/thedaviddias/Front-End-Checklist/blob/master/src/img/banners/front-end-checklist-banner-light.jpg?raw=true)](https://frontendchecklist.io)

<h2 align="center"><a href="https://frontendchecklist.io">Front-End Checklist</a></h2>

<p align="center">
<em>The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your site / HTML page to production.</em>
</p>

[![Join the chat at https://gitter.im/Front-End-Checklist/Lobby](https://badges.gitter.im/Front-End-Checklist/Lobby.svg)](https://gitter.im/Front-End-Checklist/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![Front‑End_Checklist followed](https://img.shields.io/badge/Front‑End_Checklist-followed-brightgreen.svg)](https://github.com/thedaviddias/Front-End-Checklist/)
[![Backers on Open Collective](https://opencollective.com/front-end-checklist/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/front-end-checklist/sponsors/badge.svg)](#sponsors)
[![Contributors](https://img.shields.io/github/contributors/thedaviddias/Front-End-Checklist.svg)](https://github.com/thedaviddias/Front-End-Checklist/graphs/contributors)
[![StackShare](https://img.shields.io/badge/tech-stack-0690fa.svg?style=flat)](https://stackshare.io/thedaviddias/front-end-checklist)
[![CC0](https://img.shields.io/badge/license-CC0-green.svg)](https://creativecommons.org/publicdomain/zero/1.0/)

It is based on Front-End developers' years of experience, with the additions coming from some other open-source checklists.

## Table of Contents

1. **[Head](#head)**
2. **[HTML](#html)**
3. **[Webfonts](#webfonts)**
4. **[CSS](#css)**
5. **[Images](#images)**
6. **[JavaScript](#javascript)**
7. **[Security](#security)**
8. **[Performance](#performance-1)**
9. **[Accessibility](#accessibility)**
10. **[SEO](#seo)**
11. **[Translations](#translations)**

---

## How to use?

All items in the **Front-End Checklist** are required for the majority of the projects, but some elements can be omitted or are not essential (in the case of an administration web app, you may not need RSS feed for example). We choose to use 3 levels of flexibility:

* ![Low][low_img] means that the item is **recommended** but can be omitted in some particular situations.
* ![Medium][medium_img] means that the item is **highly recommended** and can eventually be omitted in some really particular cases. Some elements, if omitted, can have bad repercussions in terms of performance or SEO.
* ![High][high_img] means that the item **can't be omitted** by any reason....
github  programming  github-starred-to-pinboard  crypto 
february 2018 by brianyang
Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
frontend  development  validator 
february 2018 by ottok
brilliant checklist for webpage with links and resources
webdesign  web  design  checklist  frontend  html  head  favicon  meta  css  seo  serps 
december 2017 by piperh
The perfect Front-End Checklist for modern websites and meticulous developers
checklist  frontend  html  css  javascript  webdev  reference  web 
december 2017 by Boggin
via dfjs’s Activity
opensource 
december 2017 by darren
Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
frontend 
december 2017 by zmoog
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your site / HTML page to production.
html  css  javascript  checklist  frontend  webdev 
december 2017 by bvt
The perfect Front-End Checklist for modern websites and meticulous developers
frontend 
november 2017 by kaneru
Exhaustive front-end "checklist" with 15k stars Not sure how I missed this! Will merge with…
from twitter
november 2017 by cdmorris
RT : Front-End Checklist ✅ - - A modern checklist (with code examples) for front-end web develop…
from twitter_favs
november 2017 by johnfmorton
Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
november 2017 by zackkatz
baumandm starred thedaviddias/Front-End-Checklist
from:ifttt  github-starred 
november 2017 by attackpanda
RT : Front-End Checklist ✅ - - A modern checklist (with code examples) for front-end web develop…
from twitter_favs
november 2017 by sairam
Front-End Checklist ✅ - - A modern checklist (with code examples) for front-end web develop…
from twitter_favs
november 2017 by andydavies
Things to check before launching a website.
checklist  css  javascript  html 
november 2017 by drmeme
Sr. front-end devs: “What a useful checklist!” Beginners: “The web is terrifying, and I could never learn this.”
from twitter_favs
november 2017 by martinjc
Sr. front-end devs: “What a useful checklist!” Beginners: “The web is terrifying, and I could never learn this.”
from twitter_favs
november 2017 by moritz_stefaner
About rel=noopener
testing  html  best-practice 
november 2017 by gbilder
Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
best-practices  frontend-checklist 
november 2017 by spdaly
The perfect Front-End Checklist for modern websites and meticulous developers
html  css  web  design 
november 2017 by dstelow
Great checklist.
checklist  development  web 
november 2017 by traggett
- 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
html  css  javascript  checklist 
november 2017 by LaptopHeaven
Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
web  checklist  frontend 
november 2017 by hynek
namuit starred thedaviddias/Front-End-Checklist
from:ifttt  github 
november 2017 by namu
一份适用于现代网站及细心开发者的前端核查清单,包括 head、html、webfonts、css、images 等方面。
front-end 
november 2017 by xuxiaodong
frontend checklist
november 2017 by svp
The perfect Front-End Checklist for modern websites and meticulous developers
checklist  css  html  javascript  webfonts  security  performance  accessibility  seo 
november 2017 by ste
The perfect Front-End Checklist for modern websites and meticulous developers.
css  frontend  html  javascript  webapps 
november 2017 by macloo