frontend
Contents about HTML + CSS + JavaScript
See also: links - free assets
Forms
Links
- https://web.dev - many rich contents
- Web Design in 4 minutes
- https://learnfromsteph.dev/ - A (modern/2020ish) web development video course for beginners
- https://web.dev/learn/css/ - Very in-depth way to learn CSS
- https://www.freecodecamp.org/ - really awesome to learn frontend stuff.
- https://htmldom.dev/ - useful DOM manipulation recipes.
- https://thisthat.dev/ - What is the difference between this & that? e.g.:
display: nonevs.[hidden] - https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript#use_async_or_defer - in depth guide about optimizing the loading time of javascript files.
practice
- https://www.frontendmentor.io/
- https://www.frontendpractice.com/
- https://csslayout.io/ - nice inspiration to pick a layout and then practice CSS.
- https://html5up.net/ - simple designs to study.
- https://pagexl.com/ - Create a simple and beautiful one-page website in 5 minutes.
colors
- https://coolors.co/ - The super fast color palettes generator
- https://www.happyhues.co/ - Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.
- https://paletton.com/ - Useful tool to help you to pic a nice color scheme.
design
- https://figma.com - prototyping UI
- https://whimsical.com - prototype, wireframes, flowcharts, etc.
- https://www.freecodecamp.org/news/what-is-a-wireframe-ux-design-tutorial-website/ - wireframes prototyping - pt 1
- https://www.freecodecamp.org/news/designing-a-website-ui-with-prototyping/ - wireframes prototyping - pt 2
- https://blog.prototypr.io/how-to-design-a-dark-theme-for-your-android-app-3daeb264637