Flexbox Froggy - gierka pozwalająca nauczyć się jak działa flexbox w HTML 5
![Flexbox Froggy - gierka pozwalająca nauczyć się jak działa flexbox w HTML 5](https://wykop.pl/cdn/c3397993/link_h72a4ELA3iKkIoUUUBGpjvZ3lYFeF6sE,w300h194.jpg)
Z pomocą żabek i zadań o rosnącym poziomie trudności, można nauczyć się jak działa ten bardzo potężny ficzer html5 - flexbox :) Bardzo mi to przypomina "CSS selector game", który również znajdziecie w powiązanych.
![noisy](https://wykop.pl/cdn/c3397992/noisy_mubGZNQ8s2,q52.jpg)
- #
- #
- #
- #
- 67
- Odpowiedz
Komentarze (67)
najlepsze
I nawet pod IE10 niestraszne :)
caniuse
@support: Powiedz to klientowi. Skoro 10 i 11 nie obsługują (jak trzeba), to mało który klient Ci powie "lej na to". A robienie równolegle dwóch wersji przypomina mi czasy IE6...
@support: Jasne kolego. Ale powiedz mi jaki to jest procent projektów? Nie będę strzelał, ale baaaardzo mały.
@grabarzchaosu_pl: Jak nie zawołasz @noisy to pewnie nie zauważy.
Można się posiłkować np.: Juiced - Flexbox CSS Framework
Oczywiście czasami trafia się na bugi, no ale żadna nowość ;)
@sim_co: No więc właśnie kolego:
A jeśli ktoś się uprze i wdroży flexa + zajmie się implementacją fallbacków pod IE, to zajmie to więcej czasu niż po prostu stworzenie layoutu 'po bożemu'.
Uważam,
z resztą swego czasu jak byłem na studiach i obowiązywały w miarę odświeżone standardy W3C, to wykładowca na przedmiocie nie przyjął projektu na divach.. 'to jest źle, na tabelkach miało być'... także masz jedną z prawdopodobnych genez problemu.
flex-wrap: wrap-reverse;
flex-direction: column-reverse;
align-content:space-between;
justify-content:center;
flex-wrap: wrap-reverse;flex-direction: column-reverse;align-content:space-between;justify-content:center;
jak można w 3 komendy. To pokaż ?
flex-flow: column-reverse wrap-reverse;
justify-content: center;
align-content: space-between;
w trzech, drobna różnica.
źródło: comment_LxotfhAegJcFP2iQ0aWMhr1k3BiUHjKO.jpg
PobierzPrzypomniał mi się żółw. :)