https://www.dejurka.ru Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов. Sat, 22 Jun 2019 07:00:59 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 https://www.dejurka.ru/css/littleboxes/ https://www.dejurka.ru/css/littleboxes/#comments Thu, 03 Jul 2014 10:00:49 +0000 Mary - Dejurka http://www.dejurka.ru/?p=112185
В этом уроке мы создадим меню из маленьких блоков, которое анимируются случайным образом, когда происходит нажатие на элемент меню. Нажатый элемент меню разворачивает и раскрывает область содержимого с описанием или ссылками. При следующем нажатии блоки вернутся, восстановив изначальное фоновое изображение.     Демонстрация работы – Скачать исходный код Давайте начнем. Разметка  Код HTML будет состоять [...]]]> https://www.dejurka.ru/css/littleboxes/feed/ 0 https://www.dejurka.ru/css/swipeable-side-menu/ https://www.dejurka.ru/css/swipeable-side-menu/#comments Fri, 28 Feb 2014 11:00:33 +0000 Mary - Dejurka http://www.dejurka.ru/?p=104395
В этом уроке мы расскажем, как создать боковое меню, такое, как у приложений для смартфона, но для веб-сайта. Мы опишем, как шаг за шагом создать меню, пригодное как для компьютеров, так и для смартфонов, начиная от структуры разметки и заканчивая добавлением эффекта вытягивания при открытии и закрытии меню.     Демонстрация работы – Скачать исходный [...]]]> https://www.dejurka.ru/css/swipeable-side-menu/feed/ 33 https://www.dejurka.ru/css/flyoutmenu/ https://www.dejurka.ru/css/flyoutmenu/#comments Wed, 26 Feb 2014 11:00:46 +0000 Mary - Dejurka http://www.dejurka.ru/?p=104002
В этом уроке мы создадим полностраничное меню с нестандартными шрифтами, у которого есть некоторые особенности. Когда пользователь наводит указатель мыши на пункты меню, мы передвигаем полоску, выделяющую активный пункт, чтобы подсветить его и вывести дополнительную информацию. Смотрите демонстрацию и повторяйте урок!     Демонстрация работы – Скачать исходный код Мы будем использовать jQuery для эффектов [...]]]> https://www.dejurka.ru/css/flyoutmenu/feed/ 1 https://www.dejurka.ru/css/slideoutreloaded/ https://www.dejurka.ru/css/slideoutreloaded/#comments Sat, 04 Jan 2014 11:00:07 +0000 Mary - Dejurka http://www.dejurka.ru/?p=100328
В этом уроке мы разовьем тему, начатую ранее и улучшим меню, которое создавали в прошлом уроке. Предыдущая версия была очень милой, но нам не хотелось бы, чтобы пользователю пришлось наводить указатель мыши на все пункты меню, чтобы узнать, какие они. Так что мы подпишем пункты меню и заставим их высовываться, так что пользователю всегда будет [...]]]> https://www.dejurka.ru/css/slideoutreloaded/feed/ 0 https://www.dejurka.ru/css/slideoutnav/ https://www.dejurka.ru/css/slideoutnav/#comments Mon, 30 Dec 2013 11:00:31 +0000 Mary - Dejurka http://www.dejurka.ru/?p=100318
В этом уроке мы покажем, как создать выезжающее меню для вашего веб-сайта. Меню будет почти полностью спрятанным, элементы будут выезжать только когда пользователь наводит указатель мыши на область вблизи меню. Это создает очень красивый эффект, и использование этой техники может освободить немного места на вашем сайте. Элементы будут полупрозрачными, так что то, что находится под [...]]]> https://www.dejurka.ru/css/slideoutnav/feed/ 10 https://www.dejurka.ru/css/scrollable-thumbs-css/ https://www.dejurka.ru/css/scrollable-thumbs-css/#comments Wed, 25 Dec 2013 11:00:40 +0000 Mary - Dejurka http://www.dejurka.ru/?p=99574
В этом уроке мы создадим фиксированное меню с прокручиваемыми уменьшенными изображениями.  Основная задача — создать меню, привязанное к низу страницы, и позволить вертикально расположенному набору уменьшенных изображений появляться, когда указатель мыши наведен на элемент меню. Уменьшенные изображения можно прокрутить, двигая мышь вверх-вниз, что создаст интересный эффект. Мы добавим свойства CSS3 для оригинальности.      Демо – [...]]]> https://www.dejurka.ru/css/scrollable-thumbs-css/feed/ 1