Все для веб-дизайнера
Архивы за Август, 2013
Интересная анимация магазина с помощью CSS
31 Авг
Продолжаем рассматривать различные анимации которые меня заинтересовали, в данном посте мы посмотрим вариант реализации интересной анимации для магазина. Такое решение отлично подойдет для заглушки сайта или для организации фона. Основная идея состоит в том, что элементы в анимации появляются постепенно с плавной анимацией, то есть магазин разворачивается постепенно при этом нет никаких тормозов и подвисаний, в связи использовании только правил css и полного отсутствия изображений, что значительно упрощает работу с анимацией и придает ей гибкости.
Создаем стрелочные часы при помощи CSS3
26 Авг
Создатели своих веб-ресурсов часто любят устанавливать такие гаджеты как часы, честно я не понимаю смысл в этом, ведь я всегда посмотрю время на часы на руке или на ноуте, но все же такой урок имеет место быть, ведь на каждый товар есть свой покупатель. В данном уроке мы рассмотрим как создать замечательные на вид, на мой взгляд, стрелочные часы. Следует отметить, что данные часы являются экспериментом, и могут не поддерживаться некоторыми браузерами включая ранние версии старого ослика, и так, давайте приступим.
Интерактивная загрузка для сайта с помощью JS
23 Авг
Если вы создаете громоздкой сайт и не хотите, чтобы пользователи видели как подгружается постепенно сайт, тогда Вам необходимо организовать индикатор загрузки. Мы рассматривали уже не раз различные варианты индикатор, сейчас мы попытаемся создать интерактивный индикатор в виде анимированного сердечка, оно будет плавно собираться в единое целое с помощью плавной анимации. Все это мы будем реализовывать с помощью трансформаций css и чтобы все плавно работало нам необходимо несколько правил созданных с помощью скриптов.
Кнопки социальных сетей для сайта на CSS
20 Авг
Мы уже не раз рассказывали о важности интеграции социальных сетей на вашем сайте. Они позволят не только увеличить оборот посетителей но и привлечь постоянных читателей сайта, что соответственно увеличит ядро аудитории. В сегодняшнем уроке мы рассмотрим как создать достаточно простые но привлекательные социальные кнопки для сайта, для этого мы будем использовать только CSS, что значительно ускорит загрузку страницы.
Интересная анимация для навигации сайта
15 Авг
После небольшого перерыва мы возвращаемся к работе, сразу хочется извинится за перерывы в обновлении сайта, это связано с загруженностью администратора сайта и его работой, но тем не менее сайт жив и будет дальше обновляться. Вся команда в сборе и продолжает функционировать. И так, приступим, в сегодняшнем уроке мы рассмотрим замечательные исполнение анимации для навигации сайта с помощью переходов и трансформаций, следует отметить, что это только экспериментальный пример, он может не работать в старых браузерах.
Создаем концепт выпадающего меню для сайта
7 Авг
Создание сайта начинается с разработки концепции на бумаге, обдумки всех мелочей и частиц сайта. Но каждый разработчик хочет сделать не просто сайт, а нечто уникальное, которое будет притягивать взор посетителей необычным решением той или иной задачи. С таким мнением мы подошли к реализации следующего урока в котором мы рассмотрим как создать концептуальное меню для сайта с использованием css и jquery. Несмотря на то, что это всего лишь концепт, но он успешно работает во всех последних версиях браузера, включая ослика IE, проверено мною лично.
