Каждому кто начинает погружаться в мир веб-разработки, становится сложно и непонятно на этапах освоения таких вещей как селекторы или модель flexbox. Чтобы разобраться с этим, можно использовать не скучные мануалы, а довольно забавный игровой режим, об этом сейчас и расскажу.
CSS Diner
Играть \ изучать можно тут: https://flukeout.github.io/
Отличная и наглядная игра, обучающая работе с CSS-селекторами. Ваша задача — с помощью подходящих селекторов выбрать либо тарелки, либо лежащие на них фрукты.
В игре 26 уровней, в которых селекторы постепенно усложняются. Всё начинается с простых селекторов по тэгам и по классам, а закачивается сложными структурными селекторами наподобие :nth-last-of-type и их комбинациями.
FLEXBOX FROGGY
Играть \ изучать можно тут: http://flexboxfroggy.com/#ru
Эта игра также ориентирована на изучение Flexbox. Она освещает обширный набор свойств, так что скучно точно не будет: align-items, justify-content, align-content, flex-direction, align-self, flex-wrap, flex-flow и order. Имеет 24 уровня сложности.
Если будет интересно, то расскажу и о других подобных играх, где можно прокачать свои навыки.
Подписывайся также на мой телеграм канал: https://t.me/lullisteacher