HTML5 & CSS3: Наложение текста на видео

Пример Скачать .zip

Ранее я уже писал о том как наложить текст на изображение. Сейчас пришло время поговорить о том, как решить более сложную задачу и наложить текст поверх видео. Источником вдохновения стал сайт Everlane, на котором подобная задача решена.

Однако, приведенный здесь код значительно проще по причине того, что будет работать только на современных браузерах: режим mix-blend-mode пока не поддерживается в MS Edge. Но, как говорится, поучительно и будет работать в IE10+.
Читать далее «HTML5 & CSS3: Наложение текста на видео»

Рецепты наложения текста на изображения

Я с огромным наслаждением читаю статью Эрика Д. Кеннеди (Erik D. Kennedy) 7 Rules for Creating Gorgeous UI (Part 2). Четвёртое правило в ней гласит: Learn the methods of overlaying text on images — Изучите методы наложения текста на изображениях. Думаю, что здесь можно было бы детальнее обсудить эту тему, рассмотреть вопросы кодирования и обратить внимание на технику.
Читать далее «Рецепты наложения текста на изображения»