Твит

Идем дальше и в этом уроке посмотрим еще один элемент, который можно применять на собственном сайте. Мы не остановимся только на вращении одного изображения. Сегодня мы создадим карусель из новостей. Карусель будет вращаться вокруг оси Y и каждый элемент карусели, который будет содержать ссылку - ведет на соответствующую статью. В отличие от прошлого урока - в этом, пример можно скачать и настроить под себя, подставив свои изображения и ссылки.

Твит

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

Твит

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

Твит

В одном из уроков про CSS преобразованиям был комментарий, в котором говорилось о том, что непонятно где применять эти преобразования на реальном сайте. Статья, которую мы сегодня рассмотрим, покажет каким образом можно с помощью CSS преобразований и не только, сделать действительно оригинальные всплывающие подсказки. Использовать javascript мы здесь не будем, так что это сразу не так страшно (я говорю про тех, кто побаивается программирования ;) ).

Твит

Сегодня, в последнем уроке из этого цикла, мы рассмотрим более продвинутую анимацию. Хочу сразу предпредить, что продвинутая анимация - это не значит что будет много кода или он будет очень сложным. На самом деле с CSS преобразованиями всегда всё очень легко. Буквально пару строчек кода - а результат впечатляет. В этом уроке мы посмотрим как можно связать анимацию двух элементов на странице, а также различные функции трансформации.

Твит

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

Твит

Анимация на сайте, хорошо это или плохо? Я думаю, что правильно подобранная и настроенная анимация придает сайту еще большую привлекательность. Этим уроком я начинаю цикл статей посвященных анимации с помощью технологии CSS. Эта очень мощная технология, с помощью которой, без использования javascript, можно сделать очень красивые анимации элементов на сайте. В первом уроке я рассмотрю лишь самые основы, которые покажут вам что всё это очень просто и легко. Здесь нет ничего страшного. Переходите по ссылке ниже и сами убедитесь в этом!

Твит

Сегодня я предлагаю посмотреть как можно с помощью Canvas и javascript сделать шапку для сайта. Немного анимации и сайт смотрится совсем иначе. Согласен, на загрузку это также влияет, но ведь и скорости интернета с каждым днем только растут! Также один пример анимации интерактивен, потому что для полноты эффекты нужен указатель мыши, а точнее его перемещение. Переходите в полную новость и смотрите что это за эффекты.

Твит

В статье рассмотрим способы с помощью которых можно привлечь внимание пользователя. Ведь ссылки делают связь с пользователем более интерактивной. Здесь одну CSS3 библиотеку, которая и позволяет создавать красивые, интересные и необычные эффекты лишь немного изменяя HTML код. Эффекты, которые вы найдете в статье: загнутый угол, уголок выдвигается при наведении, искажение, тень под ссылкой (или кнопкой) и другие.

Твит

В этой статье я рассмотрю несколько книг по теме сайтостроения, которыми пользуюсь я сам. Книги подойдут абсолютно всем: пусть вы даже начинаете или уже в этой теме давно - вё равно вы найдете что-то новое для себя. Потому что в книгах рассмотрены все нюансы, а также моменты, которые редко используются, но они весьма эффективны и экономят время написания кода. Если вы изучите данные книги от А до Я, то значительно увеличите свою эффективность в данной области. Все книги наделены примерами, поэтому изучение проходит очень легко.

Твит

Новые графические элементы на сайте всегда "освежают" дизайн и вид сайта. Дизайнеры постоянно в поиске новых иконок, чтобы создать еще более красивый и неповторимый дизайн. Поэтому в этой статье я предлагаю вам 10 наборов иконок, которые вы можете использовать в своих проектах. Все иконки являются бесплатными. Исходники наборов можно найти в форматах PSD, AI, EPS, а также в формате SVG. Подробнее - в полной новости.