2. Ontwerpen 📙 - Daan645/fix-the-flow-ui-events GitHub Wiki

code

Toggle me!Peek a boo!

.1 Color button

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er op geklikt wordt:

Schets

WhatsApp Image 2023-12-14 at 12 36 47

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-14 at 12 12 32

.2 Optel functie

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er op geklikt wordt:

Schets

WhatsApp Image 2023-12-14 at 14 13 03

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-14 at 14 13 09

.3 Doubleclick check function

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er op geklikt en gedubbelklikt wordt:

Schets

WhatsApp Image 2023-12-14 at 14 53 58

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-14 at 14 53 52

.4 Hover grow functie

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er op geklikt en gedubbelklikt wordt:

Schets

WhatsApp Image 2023-12-14 at 15 34 46

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-14 at 15 45 13

.5 Key down functie

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er op pijltje naar beneden gedrukt wordt:

Schets

WhatsApp Image 2023-12-15 at 15 03 22

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-15 at 15 03 35

.6 Zigzag functie

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er geklikt is, dit heb ik aangegeven met pijlen:

Schets

WhatsApp Image 2023-12-15 at 15 43 40

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-15 at 15 43 47

.7 Dissapear functie

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er gehovert is, dit heb ik aangegeven met pijlen:

Schets

WhatsApp Image 2023-12-15 at 16 19 53

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-15 at 16 19 59

.8 Shake functie

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er op geklikt is, dit heb ik aangegeven met pijlen:

Schets

WhatsApp Image 2023-12-17 at 16 14 02

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-17 at 16 14 10

.9 Spin functie

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er overheen gehovert is, dit heb ik aangegeven met pijlen:

Schets

WhatsApp Image 2023-12-17 at 16 39 13

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-17 at 16 39 23

.10 Rainbow functie

Schets:

Ik heb eerst een schets gemaakt waarin je ziet wat de knop normaal doet en wanneer er op geklikt is, dit heb ik aangegeven met pijlen:

Schets

WhatsApp Image 2023-12-17 at 17 01 23

Breakdown schets: Ik heb daarna een breakdown schets gemaakt met belangrijke punten die ik nodig ga hebben voor de functie:

Breakdown schets

WhatsApp Image 2023-12-17 at 17 01 31

⚠️ **GitHub.com Fallback** ⚠️