Найти в Дзене
Веселый IT

Игры про html и css для новичков и профессионалов

Если вы устали смотреть скучные видео и читать нудные учебники, то можно поиграть в игры, которые хоть и не сделают вас профессионалом, но дадут отличную базу. Super Markup Man Это игра, в которой вам надо управлять суперразметчиком и CSS-полицейским, которые перетаскивают теги и селекторы, чтобы в конечном итоге получить точную копию заданной страницы. Flexbox Froggy В этой игре вам придется, используя средства CSS, помогать лягушкам добраться до пруда. Erase All Kittens В этой игре нужно управлять котенком и изменять html разметку, проходя препятствия. CSS Diner В этой игре вы увидите группу html-элементов, изображенных в виде продуктов и посуды. Вам нужно взаимодействовать с этими элементами при помощи подходящих CSS селекторов. FlexBox Defense Эта игра - это обычный tower defense. Ну почти обычный. В отличие от обычного, здесь вам нужно расставлять башни, пушки и т.д. при помощи CSS Flexbox. Grid Garden Игра которая помогает изучить CSS Grid. В этой игре вам надо выращивать морковь
Оглавление

Если вы устали смотреть скучные видео и читать нудные учебники, то можно поиграть в игры, которые хоть и не сделают вас профессионалом, но дадут отличную базу.

Super Markup Man

Это игра, в которой вам надо управлять суперразметчиком и CSS-полицейским, которые перетаскивают теги и селекторы, чтобы в конечном итоге получить точную копию заданной страницы.

Flexbox Froggy

-2

В этой игре вам придется, используя средства CSS, помогать лягушкам добраться до пруда.

Erase All Kittens

-3

В этой игре нужно управлять котенком и изменять html разметку, проходя препятствия.

CSS Diner

-4

В этой игре вы увидите группу html-элементов, изображенных в виде продуктов и посуды. Вам нужно взаимодействовать с этими элементами при помощи подходящих CSS селекторов.

FlexBox Defense

-5

Эта игра - это обычный tower defense. Ну почти обычный. В отличие от обычного, здесь вам нужно расставлять башни, пушки и т.д. при помощи CSS Flexbox.

Grid Garden

-6

Игра которая помогает изучить CSS Grid. В этой игре вам надо выращивать морковь, используя CSS Grid.

Grid Critters

-7

В этой игре вам надо спасти обитателей таинственной планеты Grideros. Делать вы это будете, конечно же, при помощи CSS.

CSSBattle "LEARN"

-8

В этой игре вы пройдете интерактивный обучающий курс по CSS, делая из квадрата различные фигуры. И если в начале это будет круг и треугольник, то потом будут, например, гитара или гриб. При этом всем, пройдя курс вы сможете посоревноваться с другими игроками.

Вот такая получилась подборка, также я хочу сделать подборку и по другим языкам, так что если вам понравилась статья, то ставьте лайки и подписывайтесь, продолжение скоро.