The "Front-End Design Checklist" is an exhaustive list of elements which Web Designers and Front-End Developers need to take into consideration to facilitate their collaboration. The elements listed are a mix of known practices and new elements based on a long experience analysing web designs.

discussion
Would you recommend this product?
2 Reviews5.0/5
David Dias 🌴
Maker
Software Engineer - Front-End UX-UI
Hey Product Hunt, For years, I’ve been reviewing a lot of creatives. From simple websites to international and big platforms, I have worked with a lot of Web Designers with different backgrounds, trying to give life to digital projects. After creating the well-known “Front-End Checklist”, I decided to launch the “Front-End DESIGN Checklist” which is an exhaustive list of elements which can help developers to analyse and understand web designs and ensure the quality of their Front-End development. Most of the time, many Front-End beginners struggle in giving feedback to the creative team. Then, they face issues during the development phase. With that checklist, I hope to help people to have a single document to work with and facilitate the collaboration between different teams. Next up: * A website based on the Front-End Checklist design and functionalities * New open-source project around the Front-End development * A tool which will have all the future tools in one place... Thanks everyone for the support and don’t hesitate to leave me a comment or do a pull request on Github! David
Upvote (5)
Share

very nice work ;)

Pros:

very usefull to do list

Cons:

wait for webdev and webdesigner feedback

Upvote (1)
Share
Whoa this is pretty awesome. What tool was used to take these screenshots of the browser tab?
Upvote (1)
Share
David Dias 🌴
Maker
Software Engineer - Front-End UX-UI
@leonardofed just took a screenshot of the website in his chrome browser :)
Upvote
Share
Logan HoneycuttFounder at @artistsatscale
Lovely! Huge fan of your previous checklist
Upvote (1)
Share
David Dias 🌴
Maker
Software Engineer - Front-End UX-UI
@growwithlogan :D The app version will be launched in the next days :) Don't hesitate to send some PR!
Upvote
Share
Charly RWeb-designer & Frontend Dev
Cool ! You should put first in the readme on github ex: Blazing fast static site generator for React https://www.gatsbyjs.org
Upvote
Share
David Dias 🌴
Maker
Software Engineer - Front-End UX-UI
@charly_r Gatsby is awesome! I love it, but I can't see the value to add that on the checklist? 🤔
Upvote (1)
Share
Charly RWeb-designer & Frontend Dev
@thedaviddias1 If you can add the link to see your solution live would be great
Upvote
Share
David Dias 🌴
Maker
Software Engineer - Front-End UX-UI
@charly_r I'll be launching the app in the next days 😉
Upvote
Share