Все для веб-дизайнера
Архивы за Июль, 2014
SimpleBox-плагин для создание галереи сайта
31 Июл
Все Вы видели, красивую галерею, которая отображается в модальном окне с затемнением фона, но не так часто вы встречали креативно стилизованную подобною галерею. В данном уроке мы рассмотрим, как создать с помощью замечательного плагина SimpleBox отображения изображений с подгрузкой в так называемой лайтбоксе. Кроме этого, ключевой особенностью данного плагина является индикатор подгрузки изображения, и множество вариантов вшитых эффектов, так как отображение в полном размере или в модальном окне.
Минималистичный слайдер для сайта на CSS3
30 Июл
Слайдеры очень часто используются на сайтах, где необходимо преподать нечто важное, при этом сохранив место, и не нагружая визуально сайт. Мы уже не раз публиковали различные вариации слайдера, но сегодня мы рассмотрим минималистичный слайдер. Идея состоит в том, чтобы организовать отображение слайдера с весьма интересных элементом управления-боковой навигацией стрелок с левого боку, кроме этого мы добавим заголовки к каждому слайдеру, которые будут накладываться на изображение с небольшой анимацией.
Draggable Dual- креативный подход к галереи
28 Июл
На любом сайте можно встретить множество изображений, последней тенденцией стало полноэкранные слайды, которые можно с легкостью переключать, при этом слайды во весь экран не требуют множества ресурсов. В данном уроке мы рассмотрим весьма интересную, на мой взгляд, галерею которая использует множество элементов управления, кроме этого организован весьма креативный подход к переключению слайдов. Идея основана на большой навигации, где можно посмотреть проекты в полноэкранном или в режиме карусели.
Визитная карточка для сайта с эффектом 3D
25 Июл
Как часто Вы сталкивались с проблемой, когда необходимо организовать контактную информацию на сайте, но Вы не знали как это правильно, а главное красиво сделать? Я думаю у каждого разработчика бывает такой период, что он не хочет повторяться, а реализовать нечто новое и интересное, которого нет ни у кого на сайте. В данном уроке мы рассмотрим как реализовать замечательную визитную карточку для Вашего сайта с эффектом анимации и трансформацией в 3D. Давайте посмотрим, что у нас с этого получилось.
Динамичный фон с эффектом параллакса на JS
21 Июл
Параллакс-это одна из наиболее просматриваемых тем на нашем сайте, пользователей чрезвычайно интересует данная рубрика, и это не удивительно, ведь она не только интересует разработчиков, но и обычных посетителей, которые запоминают все необычное, и делятся этим между собой, зачастую эффект параллакса применяться к фону сайта, он помогает существенно оживить Ваш ресурс, придав ему изюминку, в данном уроке мы рассмотрим именно процесс создание замечательного легкого фона сайта с эффектом параллакса.
Анимированное боковое меню для сайта на CSS3
18 Июл
Меню сайта несомненно является важнейшей его частью, но зачастую навигация совсем не выделяется на сайте, из-за чего сайтовладелец теряет драгоценные просмотры своего сайта. Но что, если Вы хотите, чтобы навигация всегда была на виду, при этом не загружала визуально сайт, скажете это не возможно? -вот Вы и ошибаетесь. В данном уроке мы рассмотрим процесс создания именно такой навигации, которая будет по умолчанию минимизированная, но хорошо выделяться, а при наведении курсора будет происходить восхитительная анимация.
Как создать объемный текст на сайте на CSS3
15 Июл
Думаю каждый из Вас но хоть раз сталкивался с ситуацией, когда необходимо создать объемный текст, при этом прибегнув к минимальным усилием и затрате времени. Думаю Вы со мной согласны. В данном уроке мы рассмотрим процесс создание достаточно простого эффекта объемности текста, в котором данная реализация была упрощена по максимуму, Вам просто необходимо ввести текст в поле html и в результате Вы получите отличный объемный текст, который будет выделятся, благодаря теням и контрастному металлическому градиенту.
Загрузка ...