Skip to content

Principes en conventies

OniWithTheHoodie edited this page Jun 20, 2024 · 4 revisions

Bem

Heb ik BEM(block element modifier) gebruikt voor de block elementen maakt leesbaaheid beter en ook weet je welke class bij welke element hoort door de benoeming er van te omschrijven dat de te maken heeft met dat element. in dit geval noemde ik mijn nav breadcrumb omdat het ook werkelijk een breadcrumb is en alle kinderen krijgen de de naam breadcrumb__item. breadcrumb omdat ze deel zijn van de breadcrumb en item omdat het li list items zijn.

image

Line-height

gebruik van line-height voor betere leesbaarheid in dit geval 1.6

image

indenting zodat de code structuur goed leesbaar is

image

toegangkelijkheid

Heb ik toegepast door elementen te gebruiken die ingebouwde tab functies hebben dit valt onder html zoals anchors, input, button of de tab-index.

image

Clone this wiki locally