• visit the first-site-upgrade website and see for yourself 👀

• the full source code is available here on github in this repository, or find the source code of the project's main files on the website's code site 👾

• check out the changelog here on github in this repository or on the website's changelog site to see what has changed and improved compared to the first-site 📋

• anything that's incorrect, not ideal, or not following good practice 😵‍💫

  • let me know in a message, or create an issue 💬
  • or fix it yourself and create a pull request afterward 🛠️
  • i try very hard to implement everything with perfection, but as we all know, four eyes see more than two, and one cannot know everything 🔍
  • i'm always open to further suggestions and ideas 📡

pagespeed insights (psi) reports on the user experience of a page on both mobile and desktop devices, and provides suggestions on how that page may be improved

feel free to contribute to this project - see the contributing guidelines for information on how to get started and work on this project

• there's no need to reinvent the wheel 🎡

• this is to encourage the idea that other resources can and should be used because, in today's fast-paced industry, it's not always necessary to do everything yourself 🕹️

• the following tools, libraries, and inspirations used for this project were (mostly) created to help us developers and make our work easier 🧰

  • design system guidelines
  • html/css style guide
  • html/css code guide
  • css guidelines
  • cube css
  • prettier code formatter
  • normalize css
  • jquery library
  • google-webfonts-helper
  • font analyzer
  • fluid type scale calculator
  • fluid line-height calculator
  • fluid space scale calculator
  • favicon emojis
  • favicon svgs
  • favicon generator
  • maskable icons editor
  • svg icons
  • svg optimizer
  • typewriter effect inspiration
  • nav icon inspiration
  • glitch effect inspiration
  • orbit svg inspiration
  • css filter generator
  • css triangle generator
  • public domain clipart
  • royalty-free video and audio
  • source code image tool
  • image compression tool
  • image map resizer library
  • video transcoder
  • audio editor
  • multimedia command-line tool
  • button inspiration
  • iframe map
  • details element inspiration
  • dialog element inspiration
  • canvas confetti library
  • prism syntax highlighter library
  • vs code dark+ theme for prism syntax highlighter
  • marked markdown compiler
  • css autoprefixer
  • browser support tables
  • html validator
  • css validator
  • accessibility evaluation
  • facebook open graph debugger
  • twitter card validator
  • webvtt validator
  • pagespeed insights
  • pagespeed insights for readme (svg api)
  • gitignore files generator

created along with the beginner-friendly learning resource "front-end web developer learning pathway" from the mdn web docs