Подборка игр и тренажёров для начинающих разработчиков интерфейсов
Для тех, кто только начинает свой путь во фронтенде, — подборка Академии Яндекса.
Ozaria
Ozaria — сервис для изучения JavaScript и Python в игровой форме. Подойдёт тем, кому мало освоить разработку интерфейсов, хочется заодно спасти мифическое королевство.
Яндекс.Практикум

В Яндекс.Практикуме можно бесплатно освоить базовый синтаксис HTML и CSS (управление цветом, шрифтами и расположением блоков на странице). Обучение происходит в процессе работы над проектами в тренажёре.
Pixactly

Pixactly пригодится разработчикам интерфейсов для того, чтобы развить глазомер и технику вёрстки Pixel Perfect. Если руководствоваться этой техникой, то свёрстанный шаблон должен в точности (пиксель в пиксель) совпадать с макетом.
NetCoder

NetСoder — тренажёр «Нетологии-Групп», в котором можно попробовать выполнить базовые задания по вёрстке.
Grid Сritters

Grid Сritters — игра, с помощью которой можно освоить популярный инструмент для разметки CSS Grid. По сюжету игрок — пилот космического корабля, которому нужно спасти жителей планеты Гридерос от вымирания.
Тренажёр Ильяхова

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