Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «css3»

CSS анимация без проблем 2012-05-22 14:01:00
+ развернуть текст сохранённая копия

CSS анимация — относительно новая технология, которая будет активно развиваться ввиду своей простоты и удобства. Не все браузеры пока поддерживают анимацию, однако уже есть инструменты, помогающие разработчикам в создании «живых» объектов на своих страницах. CSS анимация без проблем © Виктор Милашечкин GB: Блог о дизайне, верстке и веб-разработке, 2012.
Тэги: css, css3, web-dev, сайтостроение
[Перевод] Как создать видео-проигрыватель на JQuery, HTML5 и CSS3 2012-05-17 13:03:46
... мы будем использовать CSS3, а для реализации ...
+ развернуть текст сохранённая копия
В этом уроке мы создадим видеоплеер из набора элементов пользовательского интерфейса «Impressionist UI» Владимира Кудинова. Для оформления мы будем использовать CSS3, а для реализации функциональности — MediaElement.js. MediaElement.js это HTML5 аудио и видео плеер, который также работает в старых браузерах имитируя MediaElement HTML5 API с помощью Flash и Silverlight.
ДЕМО
Исходные файлы
Читать дальше →
Тэги: css, css3, html5, jquery, веб-разработка
[Перевод] Эффект наложения с появлением объектов в CSS3 2012-05-14 23:18:15
Демо
Исходные ...
+ развернуть текст сохранённая копия
Демо
Исходные файлы
Урок о том, как создать эффект наложения, при том чтобы показывались некоторые детали объекта или изображения. Используем только CSS комбинацию: проверка псевдо-класса с одноуровневыми элементами.
В этом уроке мы создадим небольшой эффект наложения с CSS, используя комбинацию: проверка псевдо-класса с одноуровневыми элементами. Идея состоит в том, чтобы сделать изображение или элемент интерактивными, с переходом наложения.
Читать дальше →
Тэги: css, css3, tutorial, веб-дизайн, веб-разработка
Создание декоративной ленты(ribbon) с помощью CSS 2012-05-14 11:58:10
... лишь CSS разметку. CSS3 дает нам возможность ...
+ развернуть текст сохранённая копия
В вашем проекте может возникнуть потребность в создании какой-либо красивой ленты, но для этого вам потребуется использовать изображение. В этой статье вы научитексь, как создать красивую ленту используя всего лишь CSS разметку. CSS3 дает нам возможность создавать привлекательные пользовательские интерфейсы без использования больших изображений.
Тэги: css, css3
[Перевод] vw, vh и vmin — что за ними таится 2012-05-06 01:37:10
... , CSS CSS3 привнесло в нашу ...
+ развернуть текст сохранённая копия
Хабы: Веб-разработка, CSS CSS3 привнесло в нашу жизнь новые единицы измерения: vw, vh, и vmin. С недавних пор dev-версия Chrome (под номером 20) тоже поддерживает их, а это дарует некоторую надежду, что и разработчики других браузеров последуют этому примеру. На самом деле, это было бы кстати, ведь это очень удобно и практично, а я попробую рассказать, почему это так.
Почему это клево?
Много причин. Вот две из них:
- Существует такая вещь, как длина строки текста, при которой чтение является комфортным. Я не хочу разжигать холивары, но, допустим, это 80 символов. Так вот, эти единицы измерения позволяют вам соблюдать это значение на любом размере экрана
- Еще они могут регулировать отношение заголовка к основному тексту, как, например, в одном из постов Trent Walton (англ.)
Читать дальше →
Тэги: css, css3, viewport, веб-разработка, типографика
Главная / Главные темы / Тэг «css3»
|
Взлеты Топ 5
Падения Топ 5
|