Efficiënter themen met de styleguide module

Efficiënter themen met de styleguide module

Wat is een styleguide?

Een styleguide of stijlgids geeft je een overzicht van alle gemeenschappelijke Drupal elementen, vormelementen, en andere HTML-elementen die je theme gebruikt.  Zoals tabellen, formulieren, links, lijsten, enz.

Waarom gebruiken we een styleguide?

Het is belangrijk om op voorhand vast te leggen hoe elementen zoals formulieren, buttons, kleuren, etc. eruit gaan zien.

Met een digitale styleguide kan je al grotendeels de stijl van je website vastleggen. Op die manier kan de look & feel tijdens het bouwen van je website gewaarborgd worden. En ook daarna bij uitbreiding aan de website.

Een ander voordeel van een digitale styleguide is dat de componenten niet alleen in vorm maar ook in gedrag getoond kunnen worden.
Het is direct duidelijk hoe een button reageert op een mouse over of hoe een checkbox eruitziet indien deze actief is.

Wat staat er allemaal in?

Op de website van Entityone maken we uiteraard ook gebruik van een styleguide, hieronder kan je enkele voorbeelden zien. Meer over de style guide module zelf kan je terugvinden op drupal.org

Algemeen

Link,  Bold,  Delete,  Emphasis,  Italic,  Quote,  Strikethrough,  Small,  Strong,  Subscript,  Superscript,  Underline

Status message
Warning message
Error message

Formulieren


Buttons

Tekst

Alle stijlen van de tekst kan je ook terugvinden in deze styleguide

zoals een block quote

of monospace,

Headers

h1

h2

h3

h4

h5

Blijf op de hoogte via onze nieuwsbrief