Resources
Starting As A Beginner
Section titled “Starting As A Beginner” Beginner tutorial into web development Learn about developing your first website using HTML and CSS.
MDN Curriculum for front-end development More in depth and complex introduction to web development. Found some parts unnecessarily complex.
CSS fundamentals Introducing the fundamentals of CSS.
Collections of Components
Section titled “Collections of Components” Web components by Codestich A collection of web components. Code provided.
Collections of Components Using Astro
Section titled “Collections of Components Using Astro” Components in the Starlight Github project The Github repo of the Starlight project by the Astro team.
Components in the Fulldev UI Github project The Github repo of the Fulldev UI component library.
W3 Validator Validate your HTML.
Generate schema.org markup A tool to generate schema.org markup.
Favicon Generator Provide an image and get all files needed for your favicon.
Optimize your SVGs Optimise your SVGs.
Can I use? See browser support for various HTML and CSS keywords.
Youtuber
Section titled “Youtuber” Kevin Powell Youtube Understand CSS.
Coding in Public Youtube Various things on web development, especially the Astro framework.
Web Development Advice (Blog Posts)
Section titled “Web Development Advice (Blog Posts)” Common web dev mistakes Some common web development mistakes to avoid.
Understand schema.org markup Learn how to use schema.org markup for your website.
Good Forms How to build good designed forms.
Implementing dark and light mode toggle Have your site toggle between light and dark mode.
Documentation
Section titled “Documentation” MDN Docs The go-to documentation for web developers.
W3 Schools Introduction into HTML things.
Web.dev Some more information on HTML and its friends.
Freelancing
Section titled “Freelancing” Full freelancing guide Indepth guide to web freelancing.
Community & Infotainment
Section titled “Community & Infotainment” r/webdev Reddit Reddit forum dedicated to web development.
Hacker News Tech focussed community site. Not necessarily web development.
Design
Section titled “Design” Graphic Design Psychology Introduction Understand how people perceive and process information. (YouTube video)
Homepage Design Example How the website for a business proposition could look like. (YouTube video)
Spacing Rules Rules for good spacing. (YouTube video)
UX/UI Guides by Uxcel Shorter guides on different topics of UX/UI.
Accessibility Guidelines GOV.UK The website of the UK government has useful guidelines concerning accessibility that should always be applied.
HTML5up example websites Example websites for you to copy.
Discussion about modern web dev Discussion blog post on (not) React, Browsers and Web Standards.
Accessibility Checklist An accessibility checklist by the a11y project.