What tools to use as a Front-End developer?

Hi there,

First message in this group, I am glad to be here with you.

There are some listings on different sites.

However it miss a crowndsourced list from Indie hackers.

To do my part as a newbie here, I will regularly edit this post with your answers to build this reference list on IH.

List for Back-End tools : | upcoming |

PS : Any feed-backs and suggestions are warmly welcome !

| GENERAL |

[Free learning ressources]
-
-
-
-

[Paid learning ressources (with discount code?)]

Push your web development skills to the next level : https://laracasts.com reported by @dowu

| SKETCH + UI/UX DESIGN |

Create, prototype, collaborate, and bring your ideas to life with the design platform https://www.sketch.com reported by @Johan_Bavaud
Accessible UI Design : https://balsamiq.com/ reported by @Johan_Bavaud
The Guide To Design : https://start.uxdesign.cc/ reported by @Johan_Bavaud

[Free learning ressources]

https://lawsofux.com/ reported by @Johan_Bavaud
Material is a design system – backed by open-source code – that helps teams build high-quality digital experiences. : https://material.io/ reported by @Johan_Bavaud

[Paid learning ressources (with discount code?)]

| HTML |

+800 HTML template under CC license : https://templated.co reported by @Johan_Bavaud
Automate your image generation : https://htmlcsstoimage.com/ reported by @Johan_Bavaud

[Free learning ressources]

HTML Full Course - Build a Website Tutorial: https://www.youtube.com/watch?v=pQN-pnXPaVg&t=2s reported by @Johan_Bavaud
Learn HTML5 and CSS3 For Beginners - Crash Course : https://www.youtube.com/watch?v=vQWlgd7hV4A reported by @Johan_Bavaud
7 Essential HTML Tags that Separate SEO Pros from the Rookies: https://neilpatel.com/blog/html-tags-for-seo/ reported by @Johan_Bavaud

[Paid learning ressources (with discount code?)]
-
-
-
-

| CSS |

CSS animation on demand: https://animista.net/ reported by @Johan_Bavaud
A set of small, responsive CSS modules : https://purecss.io/ reported by @Johan_Bavaud
Perfect Color Palette finder : https://mycolor.space/ reported by @Johan_Bavaud
CSS Filter Generator : https://www.cssfiltergenerator.com/ reported by @Johan_Bavaud
Reduce browser inconsistencies : https://meyerweb.com/eric/tools/css/reset/ reported by @Johan_Bavaud
PostCSS plugin which parses your CSS and adds vendor prefixes : https://autoprefixer.github.io/ reported by @Johan_Bavaud
You Don't Need JavaScript: https://github.com/you-dont-need/You-Dont-Need-Javascript reported by @Johan_Bavaud

[Free learning ressources]

[Paid learning ressources (with discount code?)]

best way to learn "grid", "flexbox" and "CSS Transform" : https://codepip.com/games/ reported by @Johan_Bavaud (tested and approved - start at 6$/month)

| VANILLA JAVASCRIPT |

Press any key to get the JavaScript event keycode : http://keycode.info/ reported by @Johan_Bavaud

[Free learning ressources]

Intro to vanilla JS : https://gomakethings.com/start-here/ reported by @Johan_Bavaud
JavaScript: Understanding the Weird Parts : https://www.youtube.com/watch?v=Bv_5Zv5c-Ts reported by @Johan_Bavaud
Get Daily Developer Tips for vanilla JavaScript (Newsletter with 10k+ daily subscribers) https://gomakethings.com/ reported by @Johan_Bavaud
Practice for free (exercices + solutions ) https://practice.dev/challenges?domain=frontend reported by @Johan_Bavaud
SCRIPT-8 is a fantasy computer for making, sharing, and playing tiny retro-looking games: https://script-8.github.io/ reported by @Johan_Bavaud
An open source list of paid & free resources to learn vanilla JavaScript. https://github.com/snipcart/learn-vanilla-js reported by @Johan_Bavaud
Join an elite team of scientists at a top-secret research facility to uncover the true nature of the JavaScript programming language! https://www.twilio.com/quest/learn/javascript reported by @Johan_Bavaud