Front-End Checklist

The perfect Front-End Checklist for modern websites

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.

Around the web

Reviews

 +6 reviews
  • Jonathan SoiferSoftware Developer • UI Designer • Maker
    Pros: 

    Comprehensive, trustworthy and straightforward.

    Cons: 

    Can be blank

    Can be blank

    Jonathan Soifer has used this product for one day.

Discussion

You need to become a Contributor to join the discussion - Find out how.
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
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!
EbrahimKhalil Hassen@ebrahimkhalil · Entrepreneur
@thedaviddias1 thanks. i will use this on my next project, to make sure my designer is doing all things right :)
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
@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! 😀
Saijo George@saijogeorge · Digital Marketer
@thedaviddias1 great work buddy
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
Thanks @saijogeorge!
Mark Thomas McEwan@marktmcewan · Maker of Reallygoodlist & Reach
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
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
@marktmcewan Sorry for the mobile, I'll be soon using Jekyll to not have to use Github defaults templates.
Mark Thomas McEwan@marktmcewan · Maker of Reallygoodlist & Reach
@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 ?
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
@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.
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
@marktmcewan You can check the 🔥 NEW Front-End Checklist Application 🔥, it's dynamic and can manually generate reports! Enjoy! ➜ http://frontendchecklist.com
Arleys Resco@fearlex · Sr. Software Engineer at Fearlex Group
This is actually pretty cool to have. I love how it covers pretty much all topics. I forked it on Github. Thanks for sharing.
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
Thanks @fearlex! I'll add more informations / links in the next days, stay tuned!
Jeffrey Wyman@jeffrey_wyman · At the intersection of Tech and Business
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?
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
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!
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
@jeffrey_wyman You can check the 🔥 NEW Front-End Checklist Application 🔥 and tell me what you are thinking about :)
Jeffrey Wyman@jeffrey_wyman · At the intersection of Tech and Business
@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.
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
@jeffrey_wyman Indeed, someone asked me to change the design too. I'll change it in the next days. Thanks for your feeback!
Juha Liikala@juhaliikala · Founder, Stripped Bare Media
This is really helpful. Thanks for putting it together! 😊
David Dias 🌴Maker@thedaviddias1 · Front-End UX / UI Developer
@juhaliikala Your welcome! Don't hesitate to participate and ask a question on Github if you have any!