Goede praktijken¶

Hier zijn een paar opmerkingen die u zullen helpen om de lay-out van uw sites beter te begrijpen en te gebruiken, zelfs als het evolueert, blijft de trend om “gecentreerde” sites te maken met een uitgebreide achtergrond of niet, dit is waar de eigenschappen van de Box belangrijk zijn.

Dozen, marges en afstandhouder¶

Gebruik van de doos
Ter herinnering, de Box is het eerste onderdeel dat u op een pagina laat vallen, het bevat een of meer regels die op hun beurt componenten bevatten (afbeelding, knop, kleurvlak, …).
Gebruik van de marges
Een van de nieuwe kenmerken van deze versie is de integratie van Margins (niet te verwarren met Spacers). De Marge is aanwezig voor een Box maar ook voor een groot aantal onderdelen (tekst, galerij, afbeelding, …) en het is de aanwezigheid van deze 2 opties die u toelaten om een aangepaste (en originele) site te creëren. Aarzel niet om ze te gebruiken om bijvoorbeeld componentcompensaties te maken,…
Gebruik van afstandhouders
Afstandhouders zijn effectief voor het centreren van een component (zoals een menu) en voor het definiëren van een weergavegebied (zoals een afbeelding), anders raden wij in de overgrote meerderheid van de gevallen het gebruik van marges en horizontale afstand (in een lijn met meerdere componenten) aan.

Voorbeelden¶

Voorbeeld van een goed gebruik van de Horizontale Spacer :

Voorbeeld van een goed gebruik van de Vertical Spacer :

Dezelfde component met 1 px verticale afstandhouder:

Gebruik van de toetsen op het toetsenbord¶

De Shift-toets ingedrukt:
Deze toets wordt gebruikt om in de diepte te scrollen (navigeren) door de elementen onder de muis. U wordt bijvoorbeeld gepositioneerd op een tekstcomponent, door op de muis te klikken (en de shift-toets in te drukken) gaat u om de beurt van de tekstcomponent naar de regelcomponent en dan naar Box. Dit zal u helpen om snel te bladeren door de verschillende eigenschappen/opties die worden toegepast op de gekozen componenten.
Druk op de Ctrl-toets :
Op een meer traditionele manier kunt u met deze toets meerdere onderdelen selecteren om deze elders op dezelfde (of een andere) pagina te kopiëren/plakken.