moonlightlizaa/lifely-getting-started-with-artificial-intelligence

Ontwerp en maak een responsive website voor een startup.

✨ portfolio – moonlightlizaa

showcasing all my designs on a website i developed myself, because i am a designer AND a front-end developer

💗 made with sveltekit and prismic + a little bit of ✨magic✨

lifely-getting-started-with-artificial-intelligence's Issues

// Read more is er nog niet

<h2> gebruik

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/index.html#L38

Als je gebruik maakt van h1-h6 is het beter om deze exclusief voor headings te gebruiken. Als je tekst te lang ( denk meer dan 1 zin, meer dan 12 woorden, voel dit zelf aan) wordt is het beter om gebruik te maken van een andere tag zoals een

.

gebruik betere namen

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/84514288fa71cd82310194b9a62968a97b97ec43/styles/style.css#L3-L11

Dry

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/styles/style.css#L21

Ik zie dat je 2x dezelfde font-family gebruikt, maak gebruik custom properties, zodat je jezelf niet hoeft te herhalen.

// Footer is nog niet compleet

// Cases

Ik heb nog niet de cases toegevoegd

Center text

Center deze tekst in je css

Dry

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/styles/style.css#L58

De line-height gebruik je ook meerdere malen, deze kun je plaatsen in je root:

Gebruik bij img geen px maar em of rem

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/styles/style.css#L71-L72

Global CSS

Ik zie bijvoorbeeld dat je Font-family en color text vaker hernoemt in de css. Maar als een kopje maakt met
" * { font-family:.. & Color:.... } " dan wordt het gelijk in de hele pagina aangepast. Ook wel Global.CSS. (Te vinden in je CSS folder. Regels 31, 85).

Deze kan in de head, omdat je "defer" gebruikt.

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/index.html#L50

Fallback font

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/styles/style.css#L31

Maak gebruik van een fallback font als je een font-family selecteert om mogelijke problemen te voorkomen als je primaire font-family niet ingeladen kan worden. https://css-tricks.com/css-basics-fallback-font-stacks-robust-web-typography/

geen alt tekst

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/84514288fa71cd82310194b9a62968a97b97ec43/index.html#L36

zet custom properties

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/84514288fa71cd82310194b9a62968a97b97ec43/styles/style.css#L21

Let op de taal van je document :)

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/index.html#L2

BR weg, gebruik CSS.

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/index.html#L22

Je pagina is niet Engels, doe nl

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/84514288fa71cd82310194b9a62968a97b97ec43/index.html#L2

// Kalender werkt nog niet

Je kan geen afspraak maken.

Zijn dit links of buttons? :)

https://github.com/moonlightlizaa/the-startup-responsive-interactieve-website/blob/659525be517d47f91c6698d1af8b4e6986d1c871/index.html#L44-L45