Zwerfkei docs

Welkom bij de Zwerfkei front-end docs. Hier staan de herbruikbare Vue-componenten, Blade-patronen en experimenten die we binnen dit project gebruiken, zodat je snel kan opzoeken wat er al bestaat voordat je iets nieuws bouwt.

Waarom een playground?

De playground is de plek waar componenten en pagina-onderdelen los van een echte pagina gebouwd en getest worden. Zo zie je een component meteen in al zijn staten (leeg, gevuld, met korting, op verschillende schermformaten) zonder dat je daar eerst een hele pagina voor hoeft op te zoeken, en kan een collega in één oogopslag zien wat er al bestaat voordat hij iets nieuws bouwt. Alles hier is een levend, werkend voorbeeld — geen losse documentatie die na verloop van tijd kan gaan afwijken van de echte code.

Brandguide & Front-end Conventions: lees dit eerst

Voordat je hier zelf iets bouwt: de Brandguide en de Front-end Conventions zijn geen bijzaak, maar de basis waar al het andere op voortbouwt. De Brandguide bepaalt hoe alles eruitziet — kleuren, typografie, spacing, componenten — en de Front-end Conventions bepalen hoe we het bouwen: de Blade- en Vue-structuur, naamgeving en afspraken. Wijk je hiervan af, dan werk je jezelf en je mede-front-ender straks extra werk in.

Wat staat er in de playground?

  • Product — alle product atoms, molecules en organisms.
  • Try-outs — losse experimenten, zoals @container-queries en de parallax-demo's.
  • UI Componenten — generieke, herbruikbare UI-componenten zoals tabs en de slider container.