Welkom bij de Elementenbibliotheek!
De Elementenbibliotheek is dé plek waar ons team elementen kan verzamelen, delen en hergebruiken. Of je nu op zoek bent naar inspiratie of specifieke onderdelen voor een project, hier vind je een gevarieerde verzameling van door het team gemaakte elementen die je kunt gebruiken of als uitgangspunt kunt nemen voor nieuwe ideeën. Samen zorgen we ervoor dat onze bibliotheek groeit en bijdraagt aan efficiënter en creatiever werken!
Opzet toevoegen van een element aan de bibliotheek:
- Zorg ervoor dat alles geordend blijft en alle soortgelijke elementen op dezelfde plek hebben gebundeld. (CTA’s bij CTA’s, Hero’s bij Hero’s, etc…)
- plaats tekst bij je element met (minimaal) de volgende informatie:
Titel:
Je naam:
Extra informatie (indien nodig): Voeg de stijlnaam toe als je meerdere elementen hebt ontwikkeld die op elkaar aansluiten
Custom code: plekken waar je het kunt vinden (zie voorbeeld) - gebruikt dividers om extra ruimte te creeëren als je bijvoorbeeld een scrolltrigger hebt toegevoegd die start wanneer de animatie in beeld komt (zie voorbeeld)
- Als je een element hebt gemaakt waar nog geen pagina voor is gemaakt, maak de pagina dan en koppel hem aan het menu
- Plaats alleen definitieve ontwerpen in de bibliotheek die responsive zijn. Iedereen heeft zijn eigen ‘sandbox’ waarin je ontwerpen kunt maken/laten staan die nog niet klaar zijn
- Zie je een ontwerp en wil je hem aanpassen naar eigen voorkeur? Maak dan een kopie en pas die aan naar wens
- PRO TIP: Als je elementen maakt, probeer ze dan slim te ontwerpen. Elementen die in dezelfde stijl zijn ontwikkeld sluiten makkelijk op elkaar aan en kunnen later gemakkelijk worden samengevoegd om een template te maken
Voorbeeld:
CTA: Stappen-wheel-spin.
Plek stappen (kleine cirkels) zijn gemakkelijk te wijzigen met container Justify content (zie navigatie voor welke containers je moet hebben). Wiel draait zodra hij in beeld komt en heeft een hover scroll trigger waarbij hij 720 graden draait. Custom CSS en JS zijn alleen de scroll trigger die start zodra de animatie in beeld komt.
Schrijf je direct in = BUTTON
Custom CSS > IMG draaiend wiel
Custom JS (animatie start pas als hij in beeld is) staat in Dashboard>Elementor>Custom code >Stappen-spinning-wheel-JS).
Zo verloopt jouw aanmelding
Aan de slag
Je bent aangenomen en kunt meteen beginnen. Tijd om te laten zien wat je kunt!
4
Gesprek met opdrachtgever
Je wordt uitgenodigd voor een gesprek met het bedrijf. Een perfecte kans om te laten zien wat je in huis hebt.
3
1
Meld je aan
Aanmelden is snel en simpel. Geef je gegevens door via het formulier
2
Telefonisch contact
Een van onze recruiters belt je voor een kort kennismakingsgesprek. Zo kunnen we je snel verder helpen.
