Deeltaak ‐ Progressive Enhancement
Kies minimaal 3 UI componenten:
- Carrousel;
- Switch Menu;
- Mobiel Menu.
Beschrijf in eigen woorden wat dit component is, en wat de core functionaliteit is. Gebruik de demo video om een idee te krijgen.
Wat is de core functionaliteit van de carrousel? Om (meer) informatie te kunnen lezen/bekijken.
Schets het component en de interactie Laag 1: Onderzoek welke HTML je voor de core functionaliteit nodig hebt, maak hiervan een breakdownschets, en codeer je HTML (gebruik de hints en content in de code die klaarstaat, MDN en CanIUse). Test deze HTML versie op verschillende browsers en devices.
A moet eigenlijk wel op elke browser werken want het is letterlijk een link.
button is over het algemeen ook wel over te gebruiken alleen interessant bij "UC Browser for Android", dit heb ik getest via browser stack, op een oude galaxy en opzich werkt het.
Werkt opzich ook wel.
Laag 2: Voeg CSS toe, aan de hand van MDN, CanIUse en @supports. Test deze “enhanced” versie op verschillende browsers en devices.
Laag 3 en verder: Voeg eventueel meer CSS & JS toe, aan de hand van MDN, CanIUse, @supports en feature detection. Test deze “enhanced” versie(s) op verschillende browsers en devices. --
PE first!
Beschrijf in eigen woorden wat dit component is, en wat de core functionaliteit is. Gebruik de demo video om een idee te krijgen.
Een menu is eigenlijk een overzichtje, om alles snel en makkelijk te vinden.
Schets het component en de interactie Laag 1: Onderzoek welke HTML je voor de core functionaliteit nodig hebt, maak hiervan een breakdownschets, en codeer je HTML (gebruik de hints en content in de code die klaarstaat, MDN en CanIUse). Test deze HTML versie op verschillende browsers en devices.
werken allemaal prima!
Laag 2: Voeg CSS toe, aan de hand van MDN, CanIUse en @supports. Test deze “enhanced” versie op verschillende browsers en devices.