Канадские программисты создали головоломку, обучающую основам CSS

27 февраля в сети появилась занимательная игра-головоломка, которая обучает азам веб-программирования.

Super Markup World — творение канадских разработчиков из DaGGaSoft, которое в игровой форме знакомит пользователей с основами CSS. Игра напоминает типичный платформер, за исключением небольшой консоли вверху экрана.

supermarkupworld

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

К примеру, вот такой код:
<div style=’right:170px;width:150px;top:80px’></div>
создаст платформу шириной 150 px, отступом от правого края в 170 px и верхнего — 80 пикселей, которая поможет игроку достичь цели.

От уровня до уровня сложность головоломки растет. Приходиться сооружать все больше вспомогательных платформ. Хорошо, что их количество не ограничено.

Super Markup World будет полезна начинающим веб-разработчикам, которые только начали изучать основы создания интернет страниц.

CSS или каскадные таблицы стилей — формальный язык, который используют вебмастера для описания внешнего вида HTML страницы, добавления дизайна.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Комментариев: 3 на “Канадские программисты создали головоломку, обучающую основам CSS

  1. artemmian

    Кнопку нужно мышкой нажимать, а это ппц надоедает, да и уровни особо разнообразием не блещут — играешь отступом снизу у двух блоков перед очередным препятствием и перепрыгиваешь как по лестнице по ним…

    А в остальном задумка отличная!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *