Flexbox Froggy

Netistä löytyy tunnetusti lukematon määrä pelejä ja muuta ajanvietettä. Jotkut pelit ovat hyödyllisiä, sillä niillä voi samalla oppia uusia asioita. Flexbox Froggy on hauska nettipeli, jolla voi opetella CSS eli tyylisivujen flexbox-moduulin ohjelmointia. Flexbox Layout tai Flexible Box -moduuli on yksi kansainvälisen World Wide Web -konsortion suunnitelma, jolla pyritään tarjoamaan tehokkaampi tapa asetella kohteita tiettyjen raamien sisään jopa silloinkin, kun raamien koko on tuntematon. CSS Tricks -sivustolla on englanninkielinen A Complete Guide to Flexbox -artikkeli, jossa on perinpohjainen selostus ja paljon hyviä esimerkkejä flexbox-moduulin käytöstä.

Flexbox Froggy

Flexbox Froggy -sivustolla voi hupaisan pelin avulla harjoitella flexbox-moduulin käyttöä kirjoittamalla täysin toimivaa CSS-tyylimäärittelykoodia. Koodi saa sitten pelissä olevat sammakot hyppäämään lammessa. Tavoitteena on saada sammakko istumaan lumpeenlehden päälle. Ensimmäisellä tasolla pelissä on yksi sammakko ja aloitus on tässä vaiheessa vielä helppoa. Toisessa tasossa sammakoita on jo kaksi, ja peli muuttuu astetta vaativammaksi. Kolmannessa tasossa sammakoiden määrä nousee jälleen yhdellä ja nyt tavoitteena on saada kaikki kolme sammakkoa hyppäämään lumpeenlehdilleen. Samalla ohjeet menevät piiloon, mikä lisää jälleen vaativuustasoa. Pelissä on kaikkiaan 24 tasoa. Myöhemmin liikkeen suunnatkin muuttuvat, joten peli on loppujen lopuksi melko haastava. Flexbox Froggy on hyödyllistä ajanvietettä ainakin koodaamisesta kiinnostuneille ohjelmoijille.

Julkaistu Mondayna 30.11.2015 klo 18:48 CSS-luokassa avainsanoilla Internet, ohjelmointi ja pelit.

Edellinen
Neiti lääkärissä
Seuraava
Maton leikkaus - osa 1