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/css3_tabbed_nav/ https://www.dejurka.ru/css/css3_tabbed_nav/#comments Thu, 29 May 2014 10:00:09 +0000 Mary - Dejurka http://www.dejurka.ru/?p=110002
Не смотря на то, что не совсем понятно, для чего в CSS3 была добавлена анимация, у этого развивающегося стандарта есть несколько очень приятных элементов, которые были добавлены в CSS и которыми мы сегодня воспользуемся. Мы создадим интересное меню в виде вкладок с использованием CSS3.     Этот урок использует следующие свойства CSS и CSS3: Цвет [...]]]> https://www.dejurka.ru/css/css3_tabbed_nav/feed/ 3 https://www.dejurka.ru/css/purpose-of-responsive-menu/ https://www.dejurka.ru/css/purpose-of-responsive-menu/#comments Fri, 09 May 2014 10:00:21 +0000 Mary - Dejurka http://www.dejurka.ru/?p=108506
В этом уроке мы расскажем о способе создания адаптивного меню.  Это меню использует чистую разметку HTML5 и может быть выровнено по левой стороне, центру или правой стороне. Меню раскрывается, когда пользователь наводит указатель мыши, а также обладает индикатором, показывающим активный/текущий элемент меню. Это меню работает во всех браузерах на мобильных устройствах и настольных компьютерах, включая [...]]]> https://www.dejurka.ru/css/purpose-of-responsive-menu/feed/ 3 https://www.dejurka.ru/css/slide-out-menu-css/ https://www.dejurka.ru/css/slide-out-menu-css/#comments Tue, 25 Mar 2014 11:00:48 +0000 Mary - Dejurka http://www.dejurka.ru/?p=105968
В этом уроке мы создадим необычное выезжающее снизу меню. У пунктов этого большого меню будет название и описание. Оно будет выезжать снизу, открывая описание и уменьшенное изображение. Мы будем использовать свойства CSS3 для интересных эффектов тени и jQuery для взаимодействия.      Демонстрация работы – Скачать исходный код Набор уменьшенных изображений Luna Grey можно скачать [...]]]> https://www.dejurka.ru/css/slide-out-menu-css/feed/ 4 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 https://www.dejurka.ru/css/slidedownbox-css/ https://www.dejurka.ru/css/slidedownbox-css/#comments Fri, 20 Dec 2013 11:00:54 +0000 Mary - Dejurka http://www.dejurka.ru/?p=99492
В этом уроке мы создадим уникальный выезжающий блок навигации. Основная задача — сделать так, чтобы блок с пунктом меню сдвинулся вниз и в то же время уменьшенное изображение появилось сверху. Мы также добавим блок подменю с вложенными ссылками для некоторых пунктов меню. Подменю будет выезжать влево или вправо в зависимости от того, на какой пункт [...]]]> https://www.dejurka.ru/css/slidedownbox-css/feed/ 1