Använd en Markdown Previewing Mjukvara för att se detta ordentligt!

Hur man sätter up för development

Installera NodeJS eller Bun (Bun är bättre men kräver WSL)
- Hur man installerar Bun på WSL: curl -fsSL https://bun.sh/install | bash
Installera Just
- Du borde ha winget installerat. I så fall kör detta i CMD/Powershell/Terminal: winget install --id Casey.Just --exact
Öppna CMD/Powershell/Terminal i mappen du läser denna filen i.
Kör npm install -D
- ifall du har bun kör detta istället: bun install -D
Kör just

Hur man sätter upp för visning

Använd Five Server eller Live Server.

Dokumentation

Mina verktyg

(Inkluderande några VSCode extensions)

Innehållsförteckning

Dokumentation
- Mina verktyg
- Innehållsförteckning

Fördjupnings Teknik(er)

CSS Flex

Dessa kanske kan säkert också räknas:

Absolute positioning
Padding
Margin
Width och Height
Hover
Overflow
Transitions

Hur byggde jag webbsidan?

Jag använde mig utav Bun och TailwindCSS för att bygga websidan med dess snabba utility classes, för att inte spendera så mycket tid med troubleshooting pga css-problem, samtidigt finns det extensions i Tailwind som gör att använda color palettes bättre, det jag använde var @catppuccin/tailwindcss som tillåter dig att använda catppuccin's color palette inom css.

Prioriteringar

Jag prioriterade att få webbsidan att följa standarder och för att få det att se bra ut. Jag försökte fixa med Accessibility lite grann, men jag vet inte ifall jag lyckas. Därmed vet jag inte ifall websidan fungerar på alla skärmstorlekar, vilket jag kan försöka med senare.

Resultat

Det blev en fin webbsida med SVG backgrunder och ikoner, som går enligt en del standarder (I det jag vet), därmed fokuserade jag också på Performance och SEO, med att inte använda några riktiga bilder in webbsidan, bara svger. Den är rätt simpel, för jag använder mig inte utav någon framework eller någonting liknande. Men det blev väldigt bra endån.

h4rldev/examination