Tufte CSS VS WebFundamentals

As it is often said in various designer forums, please avoid pure white (#FFFFFF) on black (here #111111), as it makes the text glow for the human eyes (therefore making it unreadable for long text). Instead, try to lower a bit the contrast on the text color.

Also, the dispositions for the buttons at the beginning (GitHub, NPM, ...) are not adjusted correctly for keyboard navigation (each button requires two tabs).

Appart from that, I do like a minimalist stylesheet, so I will also recommend Tufte CSS [0] for readers.

[0]: https://github.com/edwardtufte/tufte-css

CSS and HTML is great for documents - not so great for applications. Most sites end up implementing their own navigation UI/UX at a minimum (an application) - many end up as more applications.

For an example of "documents", see eg:

https://edwardtufte.github.io/tufte-css/

Or

https://alistapart.com/article/building-books-with-css3/

Just for kicks, I applied Tufte CSS[0] onto the page using a browser extension. Great ROI.

0. https://edwardtufte.github.io/tufte-css/

It's not the answer you're looking for, but https://edwardtufte.github.io/tufte-css/ might be of interest to you

A famous physicist, Richard Feynman, had a practice in his his extensive writing, e.g. a three-volume physics text, to use the methodology of sentences which then cumulate sequentially into paragraphs. (ht Ed Tufte)

8. Web Fundamentals

https://developers.google.com/web/fundamentals/ https://web.dev/rail/

If you're just starting you dev journey out I wholeheartedly recommend: launchschool.com It will give you a rock solid foundation for JavaScript and the DOM API. Making a good web app it's not just about React. I'm telling that from experience. You should know the DOM API, CSS, HTML and various web idioms. These are some good and free resources for the above: https://javascript.info/ https://developers.google.com/web/fundamentals https://web.dev/ Once you've read the fundamental stuff you continue learning more about React: https://reactjs.org/docs/getting-started.html https://epicreact.dev/ https://overreacted.io/

Yes! I really enjoy the Web Fundamentals series on Web.Dev (used to be HTML5 Rocks). I'm not as familiar with Mozilla resources, but I assume they have similar guides.

Also go thru this: https://developers.google.com/web/fundamentals its a collection of docs on best practices in frontend.

Free resources(I dont think you can learn everything at one place, full stack development covers too many topics): https://www.w3schools.com/ https://web.dev netninja and fireship on youtube https://github.com/topics/epicreact-dev https://zerotomastery.io/resources/ https://digitalocean.com/community/tutorials https://developers.google.com/web/fundamentals

Google's Web Fundamentals covers performance, amongst other things.

7. Web Fundamentals - Best practices for modern web development.