Front-End Checklist

The perfect Front-End Checklist for modern websites 🗂

30 followers

The perfect Front-End Checklist for modern websites 🗂

30 followers

Visit website

Project management software

•

Testing and QA software

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. It is based on Front-End developers’ years of experience, with the addition from some other open-source checklists. After the Github repository which received +18000 stars, you can access the app online!

Launch tags:Web App•Software Engineering•Developer Tools

Launch Team

LM-Kit OneThe Private AI Application Server

Promoted

Made me chuckle - what’s going on with the width of the site on mobile ? Looks amazing tho - I’ll be using it Monday for sure

Report

9yr ago

Maker

@marktmcewan Sorry for the mobile, I'll be soon using Jekyll to not have to use Github defaults templates.

Report

9yr ago

@thedaviddias1 Made me laugh, but its a great idea, a strong starting point for any project, I would find great benefit in having this as a working index.html file (with delete as appropriate sections) ? Basically all the mandatory elements into a easily downloadable file ! the starting point for everything oh and a side note, fb:app_id tag ?

Report

9yr ago

Maker

@marktmcewan Thanks for your suggestions! I'm already working on a small and easy web app (open source too) with everything in the checklist but more dynamic :) In the first version, it'll be possible to delete some non-necessary items. It'll be possible to download a version checked or not.

Report

9yr ago

Maker

@marktmcewan You can check the 🔥 NEW Front-End Checklist Application 🔥, it's dynamic and can manually generate reports! Enjoy! ➜ http://frontendchecklist.io

Report

9yr ago

@thedaviddias1 did you forget your domain name? 😂

Report

8yr ago

I like it. My suggestion: increase padding of list items (they are too close together), and include ability to sort by priority. Shouldn't we all focus on high priority first?

Report

9yr ago

Maker

Hi @jeffrey_wyman, thanks for your support. Actually, I'm using a Github Page template, I can't modify it (the only option is to build a personalized template with Jekyll). I'm already working on a small web app that will use that checklist. The design will be better and it will possess a filter like you are asking. Stay tuned!

Report

9yr ago

Maker

@jeffrey_wyman You can check the 🔥 NEW Front-End Checklist Application 🔥 and tell me what you are thinking about :)

Report

9yr ago

@thedaviddias1 nicely done! another suggestion: make the checkboxes blank instead of red fill, I thought all items were high priority and didn't realize it was just a checkbox.

Report

9yr ago

Maker

@jeffrey_wyman Indeed, someone asked me to change the design too. I'll change it in the next days. Thanks for your feeback!

Report

9yr ago

Maker

Hi everyone, I'm pretty excited 😜 to share with you the perfect Front-End Checklist you may need to ensure the quality of your developments / websites. It'll be a continuous "work in progress" but with the help of the community, this checklist will hopefully become one of the most complete to help you in your daily work. I'll love to hear what you all think. Don't hesitate to put your comments / questions!

Report

9yr ago

Write Invisible

@thedaviddias1 thanks. i will use this on my next project, to make sure my designer is doing all things right :)

Report

9yr ago

Maker

@ebrahimkhalil hé hé! I'm working on a documentation called "The Creative guidelines written by a Front-End dev"... I'm sure that it'll help you too! 😀

Report

9yr ago

tl;dr Marketing

@thedaviddias1 great work buddy

Report

9yr ago

Maker

Thanks @saijogeorge!

Report

9yr ago

@thedaviddias1 looks amazing. But it seems like sometimes the markups are missing. And if you click multiple times on the markups it duplicates.

Report

8yr ago

Neat idea David - I can see this being useful, since sometimes it can be quite hectic making sure you've checked all the boxes in my head! A couple of suggestions: - Echoing what someone else here has said, I think the padding and spacing between elements could use some work. Right now it's a bit overwhelming to scan through each item. - I'm partial to this UX checklist I found years back (http://uxchecklist.github.io/). One thing I felt they did well was they described the action required and gave an external link that explained why that certain task was important. ^ Similarly, perhaps you could do the same and provide a link to an article about the importance of certain tasks? After scanning through your list, I found a few technical terms that I am not quite familiar with. e.g.: "WAVE tool" Cool stuff, keep up the awesome work!

Report

9yr ago

Maker

Thanks for you comment @donbosco. I'll take in consideration your points and see what I can change. But you are right about the "action required" and external links. It's something I'll add soon.

Report

9yr ago

Read2Me

My expectation was that I will input a URL and it'll tell me what's good and what's bad, but I can't get this to work - I tried clicking on "Generate report", "Start new checklist" and the small buttons (ie HEAD, HTML)

Pros:

Good idea

Cons:

I don't know how to use it

Report

9yr ago

Maker

Hi @ninoskopac, the Front-End Checklist is at the moment just a checklist, so nothing is automatic. Before creating something that can run tests automatically, it needed to have something manual first.

Report

9yr ago

I agree. I also thought it was going to generate some sort of report.

Report

8yr ago

This is actually pretty cool to have. I love how it covers pretty much all topics. I forked it on Github. Thanks for sharing.

Report

9yr ago

Maker

Thanks @fearlex! I'll add more informations / links in the next days, stay tuned!

Report

9yr ago

Remote Hacker

There's really not that much else to say. I could't use it.

Pros:

Good idea

Cons:

I have no idea hos to use this website. Too complex for something so simple. Automatic scrolling is also kinda confusing imo.

Report

9yr ago

Maker

Hi @sandbeachplease, I'm not understanding your review... The Front-End Checklist is a simple checklist, so you use it like a checklist... nothing more. Can you describe exactly what you can't do? Don't hesitate to use Github Issue if you want to describe your problem.

Report

9yr ago

1 2

Reviews