CSS анимация — относительно новая технология, которая будет активно развиваться ввиду своей простоты и удобства. Не все браузеры пока поддерживают анимацию, однако уже есть инструменты, помогающие разработчикам в создании «живых» объектов на своих страницах. CSS анимация без проблем © Виктор Милашечкин GB: Блог о дизайне, верстке и веб-разработке, 2012.
... мы будем использовать
, а для реализации ...
В этом уроке мы создадим видеоплеер из набора элементов пользовательского интерфейса «Impressionist UI» Владимира Кудинова. Для оформления мы будем использовать CSS3, а для реализации функциональности —
MediaElement.js.
MediaElement.js это HTML5 аудио и видео плеер, который также работает в старых браузерах имитируя MediaElement HTML5 API с помощью Flash и Silverlight.
ДЕМО
Исходные файлы
Читать дальше →
Исходные ...
Демо
Исходные файлы
Урок о том, как создать эффект наложения, при том чтобы показывались некоторые детали объекта или изображения. Используем только CSS комбинацию: проверка
псевдо-класса с одноуровневыми элементами.
В этом уроке мы создадим небольшой эффект наложения с CSS, используя комбинацию: проверка псевдо-класса с одноуровневыми элементами. Идея состоит в том, чтобы сделать изображение или элемент интерактивными, с переходом наложения.
Читать дальше →
... лишь CSS разметку.
дает нам возможность ...
В вашем проекте может возникнуть потребность в создании какой-либо красивой ленты, но для этого вам потребуется использовать изображение. В этой статье вы научитексь, как создать красивую ленту используя всего лишь CSS разметку. CSS3 дает нам возможность создавать привлекательные пользовательские интерфейсы без использования больших изображений.
... , CSS
привнесло в нашу ...
Хабы: Веб-разработка, CSS
CSS3 привнесло в нашу жизнь новые единицы измерения:
vw,
vh, и
vmin. С недавних пор dev-версия Chrome (под номером 20) тоже поддерживает их, а это дарует некоторую надежду, что и разработчики других браузеров последуют этому примеру. На самом деле, это было бы кстати, ведь это очень удобно и практично, а я попробую рассказать, почему это так.
Почему это клево?
Много причин. Вот две из них:
- Существует такая вещь, как длина строки текста, при которой чтение является комфортным. Я не хочу разжигать холивары, но, допустим, это 80 символов. Так вот, эти единицы измерения позволяют вам соблюдать это значение на любом размере экрана
- Еще они могут регулировать отношение заголовка к основному тексту, как, например, в одном из постов Trent Walton (англ.)
Читать дальше →
+ развернуть текст 
