Архивы за Май, 2014

Эффект объемных тучек на сайт с помощью JS
31 мая
Продолжаем тему объемности хотелось бы подчеркнуть, что в современном дизайне стали популярны фоновые эффекты с объемными элементами, в данном уроке мы рассмотрим один из таких фонов. Мы создадим эффект тучек, которые будут анимированные, а при движении курсора мыши будут изменять свое позиционирование относительно осей координат. Это смотрится весьма эффектно, здесь задействован эффект параллакса, именно он не оставит равнодушным любого посетителя. Вы можете его использовать для заглушки сайта, начальной страницы.

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

Анимированные цифровые часы для сайта на JS
28 мая
В данном уроке мы рассмотрим процесс создания достаточно простых, но в тоже время весьма привлекательных цифровых часов для сайта. Идея состоит в том, чтобы не просто вывести информацию о времени на сайт, но еще немного ее приукрасить, мы применим небольшой эффект подергивания активной части часов. Возможно не всем сразу стало понятно какого это, расскажу, часы будут поделены на три сегмента: час, минута и секунда, секунда у нас будет постоянно активна, соответственно мы ее будем немного тормошить, чтобы она двигалась, как будто ее встряхнули.

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

Создаем мега меню для сайта с помощью CSS3
23 мая
В данном уроке мы рассмотрим как создать мега меню для сайта, с красивыми выпадающими окнами и плавной анимацией. Стиль меню будет выполнен в минималистическом стиле, при этом будет приведено в пример четыре варианта меню с различной структуризацией и вариантом исполнения. Такое меню очень легкое в весе, легко устанавливается и поддерживает не только современные браузеры но и старые, такие как старый ослик IE. В исходниках будут вложены различные стили для навигации, благодаря им Вы сможете легко изменить цветовую палитру.

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