Ура! Сегодня мы объявляем очередной КУС — Конкурс уважаемых советчиков. Этот конкурс посвящён веб‑разработке.
Недавно в бюро сделали проект «Три слова», где люди предлагают три слова — значения цветов российского флага или три важных для себя ценности. На сайте проекта летают анимированные флаги из предложенных слов.
Словами можно поделиться в соцсетях, в посте появится картинка с флагом:
Представим, что мы захотели дать людям возможность не только поделиться статичной картинкой с флагом, но и встроить живой, анимированный флаг из слов к себе на сайт. В этом случае понадобится надёжное, гибкое и несложное в обращении техническое решение, которым можно пользоваться без особых знаний веб‑разработки.
Уважаемые советчики! Предложите свою реализацию встраиваемого анимированного флага из трёх слов на веб‑технологиях.
Исходя из задачи, к решению предъявляются не только технические, но и дизайнерские требования:
гибкость и адаптивность — флаг должен без проблем работать со словами разной длины, размер флага должен настраиваться;
надёжность и устойчивость к окружающей среде — флаг должно быть легко встроить на сайт, он должен быть базово устойчив к воздействию окружающего его ХТМЛ‑ и ЦСС‑кода;
гигиена кода — «под капотом» всё должно быть аккуратно и чисто, чтобы код было не сложно читать, понимать и развивать;
соответствие анимации — флаг должен колыхаться так же, как на сайте «Три слова»;
простота установки — встроить флаг с нужными словами на сайт должно быть под силу человеку с базовыми знаниями веб‑технологий.
Вы можете использовать нашу реализацию с сайта «Три слова». Но имейте в виду: мы запускали сайт в сжатые сроки и наше решение «в лоб» не идеальное технически и не самое простое в обслуживании. В чистом виде оно не удовлетворяет всем требованиям задачи конкурса.
Друк, Коммершиал Тайп и Кастом Фонтс
Мы использовали для флагов платный шрифт «Друк», вы можете взять любой похожий бесплатный, хоть Ариал Болд.
Друк, Коммершиал Тайп и Кастом Фонтс
Приложите в комментарии ссылку с демонстрацией своего решения до понедельника 20 сентября. Можно использовать любой хостинг, Кодпен или подобные ресурсы. Можно использовать Яваскрипт, канвас и другие веб‑технологии. Укажите имя и фамилию, без этого работа не сможет участвовать в конкурсе. С понедельника новые работы могут появиться, но не будут участвовать в конкурсе. А через две недели мы рассекретим комментарии, оценим работы и назовём победителя.
В жюри два разработчика и арт‑директор. Мы с Василием Половнёвым оценим работы с технической стороны, а Михаил Нозик оценит с позиции дизайнера и пользователя. Каждый из членов жюри поставит каждой работе оценку от 1 до 5. В четверг 23 сентября, т. е. ровно через две недели, мы объявим результаты конкурса.
Победитель получит ценный подарок — три месяца подписки на все лекции бюро.