Vecka 2: SKAPA EN LOADER
Vi rullar vidare …till … nä…sta kodutmani…ning. Laddar… ⏳
Inte jättekul att vänta på att sidan ska laddas MEN denna veckan ser vi till att göra det roligt 🥳 Veckans kodutmaning går alltså ut på att skapa en "laddar..."-modul!
Från tidigare vecka kikade vi in på animationer och det går att applicera även på denna utmaning. Utmaningen i sig kräver endast CSS & HTML för att lösas, men vi kommer inte hindra din kreativitet om du väljer att addera Javascript.
En loading kan se ut på många sätt: det typiska röret som sakta fylls, cirklar i rad som byter storlek om vartannat, en cirkel som snurrar... ⭕️(Äggstra kul med lite påsk-tema!)
Här kan du se tips & tricks:
https://www.w3schools.com/css/css3_animations.asp
https://www.w3schools.com/howto/howto_css_loader.asp
Googla: "CSS loader"
🐣 10 första som skickar in sitt bidrag & fyller i detta formulär: https://forms.gle/sPowpm2CkXtrzW7z8 får en överraskning postad till sig - PÅSK EDITION! 🐣
🙋♀️ SKRIV GÄRNA ER INSTAGRAM (i profil eller döp projektet) OM NI VILL BLI TAGGADE 🙋♀️
NYTT! Tidigare vecka önskades en slack-kanal för kodutmaningen, självklart fixade vi detta: https://tjejerkodar.us10.list-manage.com/track/click?u=fa644753272b5c75701dade66&id=9ad74cb612&e=98a5b73a70 <-- #kodutmaningen
_
/* Detta är en del av en 6 veckor lång kodutmaning, kodutmaningen släpps varje måndag & ska lämnas in varje fredag samma vecka. Följ oss på instagram @Tjejerkodar för att vara med live på fredagar! */
Inte jättekul att vänta på att sidan ska laddas MEN denna veckan ser vi till att göra det roligt 🥳 Veckans kodutmaning går alltså ut på att skapa en "laddar..."-modul!
Från tidigare vecka kikade vi in på animationer och det går att applicera även på denna utmaning. Utmaningen i sig kräver endast CSS & HTML för att lösas, men vi kommer inte hindra din kreativitet om du väljer att addera Javascript.
En loading kan se ut på många sätt: det typiska röret som sakta fylls, cirklar i rad som byter storlek om vartannat, en cirkel som snurrar... ⭕️(Äggstra kul med lite påsk-tema!)
Här kan du se tips & tricks:
https://www.w3schools.com/css/css3_animations.asp
https://www.w3schools.com/howto/howto_css_loader.asp
Googla: "CSS loader"
🐣 10 första som skickar in sitt bidrag & fyller i detta formulär: https://forms.gle/sPowpm2CkXtrzW7z8 får en överraskning postad till sig - PÅSK EDITION! 🐣
🙋♀️ SKRIV GÄRNA ER INSTAGRAM (i profil eller döp projektet) OM NI VILL BLI TAGGADE 🙋♀️
NYTT! Tidigare vecka önskades en slack-kanal för kodutmaningen, självklart fixade vi detta: https://tjejerkodar.us10.list-manage.com/track/click?u=fa644753272b5c75701dade66&id=9ad74cb612&e=98a5b73a70 <-- #kodutmaningen
_
/* Detta är en del av en 6 veckor lång kodutmaning, kodutmaningen släpps varje måndag & ska lämnas in varje fredag samma vecka. Följ oss på instagram @Tjejerkodar för att vara med live på fredagar! */