Как вставить видео и плейлист c Youtube на свой сайт

 
Источник: Как вставить видео и плейлист YouTube на сайт в виде галереи

Хороший vs плохой web-дизайнер

Плохой дизайнер использует зеленый цвет на фиолетовом фоне, а хороший дизайнер — серый на сером.


Читать далее «Хороший vs плохой web-дизайнер»

A bit of equipment: a fixed bar for ads or messages

Many websites are showing a fixed message bar at the bottom of the page in order to display an announcement, promotional offers or an important article recently published. Here is a super easy tutorial for doing so on your website.


Читать далее «A bit of equipment: a fixed bar for ads or messages»

Крохотные Web-инструменты для работы с CSS

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

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

Будьте готовы поместить эти ссылки в закладки браузера, начинаем:
Читать далее «Крохотные Web-инструменты для работы с CSS»

61 CSS-эффект для текста

Коллекция эффектов текста на HTML и CSS с мизерными вставками JavaScript: 3D, анимация, глюки, эффекты наведение, тени, вращение и печать. Живые примеры, код можно загрузить (*zip).

Читать далее «61 CSS-эффект для текста»

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

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

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

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

Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать

  Статья на Хабре, которую можно вполне использовать в качестве конспекта для практических занятий

f85f1cd6[1]Вы PM. Как узнать – готова ли вёрстка к реальному использованию?
Вы заказчик. Как убедиться, что работа выполнена качественно?

Как оценить качество вёрстки?
Читать далее «Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать»