Архивы за Февраль, 2014

Анимированные шаги для сайта с помощью CSS3
21 Фев
В данном уроке мы рассмотрим как создать замечательный эффект для сайта, а именно — анимированные шаги. Возможно кто-то не понял, что это и как это выглядит, я объясню. Идея состоит в том чтобы при прокрутке выводить сообщения последовательно, эти окна будут стилизованы, кроме этого мы добавим окружность с номером записи. Которая будет сдвигаться справа налево, вся эта анимация будет минимальной и не нагромождать визуально, заголовок текста будет отделен линией, что позволит не нагромождать текст на сообщении.

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

Рефокусировка объектов на сайте с помощью JS
13 Фев
В данном уроке мы рассмотрим весьма маленькую заплатку для сайта, а именно для изображений, это будет рефокусировка, кто не знает кто это, расскажу, это изменение фокуса для объектов, с помощью данного приема можно выделить конкретную информацию на сайте. Такое реализовать можно достаточно просто, мы будем использовать небольшой фрагмент правил CSS и JS, кроме этого нам понадобится несколько изображений, некоторые из них будет в формате png, так как нам необходима прозрачность, и так, давайте посмотрим, что у нас получилось.

Регулятор света на сайте с помощью JavaScript
7 Фев
В данном уроке мы рассмотрим небольшую заплатку для сайта, а именно, как сделать регулятор освещения и затемнения на сайта. Следует отметить, что это весьма интересная штука, если Вашему посетителю необходимо выделить интересную информацию, также такой эффект часто используется при просмотре видео, фото, чтобы фоновая информация не отвлекала от просматриваемой информации. Обратите внимание, что уровень затемнения и освещения можно регулировать самостоятельно, что весьма удобно, пользователь может лично внести коррективы.

Создаем 3D меню для сайта с помощью CSS3
4 Фев
В данном уроке мы рассмотрим как создать весьма привлекательно объемное меню для сайта, идея состоит в том, что меню будет наклонено под углом в сорок пять градусов, при этом некоторые пункты будут содержать подпункты, которые буду плавно выпадать при наведении, такой эффект обрамлен тенями, что выделяет пункты еще сильнее и увеличивает эффект, такое меню можно прикрутить к сайту портфолио или персональному блогу. Меню легко кастомизировать присваивая ему градиенты. И так, давайте посмотрим, что у нас получилось.