Elementstatus (desktop, hover...)
Hoewel slidde net zo eenvoudig is als een grafisch ontwerpgereedschap. Elementstatussen zijn de functie die responsief webdesign en interactieve animatie mogelijk maakt. Door gebruik te maken van elementstatussen, kun je een mooie poster maken en deze vervolgens omzetten in een echte webpagina.
Door op de knop te klikken, kun je zien welke elementstatussen zijn toegestaan voor deze stijl eigenschap.
Standaard
De standaardstatus voor deze stijl eigenschap.
Desktop
De desktopstatus is gedefinieerd om specifiek desktop schermen te targeten. Dit stelt je in staat om je ontwerp aan te passen voor grotere schermen, waardoor een optimale lay-out en functionaliteit op desktopapparaten wordt gegarandeerd.
Wanneer je een desktopstatus toevoegt voor een stijl eigenschap, is de standaardstatus van toepassing op mobiele schermen en de desktopstatus op desktop schermen. Meestal stel je grote lettergroottes en afstanden in voor de desktopstatus.
Hover
De hoverstatus wordt geactiveerd wanneer een gebruiker zijn cursor over een element beweegt. Het is nuttig voor het aangeven van interactiviteit, zoals het markeren van knoppen of links.
Meestal kun je kleuren, schaal en rotatie instellen voor hoverstatussen.
Ingedrukt
De ingedrukte status wordt geactiveerd wanneer een element wordt aangeklikt of aangeraakt. Dit kan worden gebruikt om een visueel feedbackeffect te creëren, dat aangeeft dat een knop of link is ingedrukt.
Geselecteerd
De geselecteerde status is van toepassing op een knop of link wanneer deze overeenkomt met de huidige URL. Dit wordt vaak gebruikt voor navigatiemenu's om de actieve pagina te markeren.
Focus
De focusstatus wordt gebruikt voor invoervelden en tekstgebieden wanneer ze zijn geselecteerd, meestal via toetsenbordnavigatie. Dit helpt gebruikers te identificeren welk invoerveld actief is.
Placeholder
De placeholder-stijl bepaalt de opmaak van de placeholder-tekst binnen invoervelden en tekstgebieden. Dit kan worden aangepast om aan te sluiten bij je ontwerpesthetiek.