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/fancy-sliding-form/ https://www.dejurka.ru/css/fancy-sliding-form/#comments Fri, 18 Jul 2014 10:00:35 +0000 Mary - Dejurka http://www.dejurka.ru/?p=113046
В этом уроке мы создадим интересную форму, показывающую подтверждение правильности введенных данных после каждого шага. Эта форма сэкономит много места, и ее легко использовать, в основе ее работы лежит принцип показа изображений, но вместо изображений в ней наборы полей ввода.     Демонстрация работы – Скачать исходный код Давайте начнем. Разметка  HTML будет состоять из [...]]]> https://www.dejurka.ru/css/fancy-sliding-form/feed/ 0 https://www.dejurka.ru/css/circular-portfolio/ https://www.dejurka.ru/css/circular-portfolio/#comments Sun, 13 Jul 2014 10:00:46 +0000 Mary - Dejurka http://www.dejurka.ru/?p=112585
В этом уроке мы создадим интересный эффект кругового движения с помощью jQuery. Мы воспользуемся модулем jQuery.path, чтобы анимировать меню с круговым движением для примера в подборке работ. Основная задача в том, чтобы создать скругленную область содержимого с основным меню. При наведении указателя мыши на один из элементов меню появится элемент под-меню, двигающийся вокруг области содержимого. Давайте начнем! [...]]]> https://www.dejurka.ru/css/circular-portfolio/feed/ 0 https://www.dejurka.ru/css/elegant-recordion-css/ https://www.dejurka.ru/css/elegant-recordion-css/#comments Thu, 20 Mar 2014 11:00:51 +0000 Mary - Dejurka http://www.dejurka.ru/?p=105445
Сегодня мы создадим элегантные складывающиеся информационные блоки. Основная задача - сделать так, чтобы вертикальные складывающиеся вкладки выезжали, когда пользователь наводит на них указатель мыши. Мы добавим свойства CSS3, чтобы улучшить внешний вид.     Демонстрация работы – Скачать исходный код Давайте начнем с разметки. Разметка HTML будет содержать список, в котором каждая складывающаяся вкладка будет [...]]]> https://www.dejurka.ru/css/elegant-recordion-css/feed/ 4 https://www.dejurka.ru/css/new-plugins-jquery-2/ https://www.dejurka.ru/css/new-plugins-jquery-2/#comments Mon, 10 Mar 2014 11:00:26 +0000 Mary - Dejurka http://www.dejurka.ru/?p=104390
Количество плагинов jQuery не поддается подсчету, и мы периодически публикуем подборки полезных примеров. Сегодняшний материал - не исключение. В нем вы найдете 15 интересных и полезных jQuery-плагинов, которые разнообразят вашу работу и помогут поэкспериментировать над улучшением вашего сайта.     A-Slider Это отзывчивый слайдер с аудио-поддержкой, который может прокручивать любой контент, а не только картинки. [...]]]> https://www.dejurka.ru/css/new-plugins-jquery-2/feed/ 3 https://www.dejurka.ru/css/image-highlight/ https://www.dejurka.ru/css/image-highlight/#comments Wed, 05 Mar 2014 11:00:16 +0000 Mary - Dejurka http://www.dejurka.ru/?p=105183
В этом уроке мы покажем, как создать выделение и предварительный просмотр изображений, включенных в статью или разбросанных по странице. Это хороший способ позволить пользователям увидеть увеличенное изображение, связанное по смыслу с текстом. Мы выделим изображение, накрыв страницу полупрозрачным фоном, появляющимся с задержкой, и предложим предварительный просмотр, который увеличит изображение и поместит его в центр экрана. [...]]]> https://www.dejurka.ru/css/image-highlight/feed/ 2 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/web-design/jquery-web-design/ https://www.dejurka.ru/web-design/jquery-web-design/#comments Tue, 11 Feb 2014 11:00:29 +0000 Mary - Dejurka http://www.dejurka.ru/?p=102451
Мы часто публикуем уроки по использованию JQuery в веб-дизайне. На этот раз пришло время посмотреть живые примеры применения этой JavaScript-библиотеки. Вашему вниманию подборка из 20 сайтов, в которых использована JQuery.     curadmir.com  sportsillustrated.cnn.com  shopmack.com  magneticzero.com  etecminds.com production-digital.com gcm.at edgemagazine.com bornin82.com loucurasdolar.com.br andremaurice.it  withatrace.org  bananacafe.com.br davidgraus.com digitalpod.co.uk abramsbooks.com trezee.com greydays.gr whatsmynvme.com  quechua.com Автор подборки Дежурка [...]]]> https://www.dejurka.ru/web-design/jquery-web-design/feed/ 3 https://www.dejurka.ru/css/cssoverlay/ https://www.dejurka.ru/css/cssoverlay/#comments Mon, 03 Feb 2014 11:00:23 +0000 Mary - Dejurka http://www.dejurka.ru/?p=102577
В этом уроке мы покажем, как создать полупрозрачный слой, который накрывает всю страницу, и блок сообщений, который может быть закрыт. Затем мы добавим библиотеку jQuery, которая заставит появляться накрывающий слой и выезжать из верхнего края страницы блок сообщений. Посмотрите демонстрацию работы по ссылке.     Демонстрация работы – Скачать исходный код HTML Нам нужно всего [...]]]> https://www.dejurka.ru/css/cssoverlay/feed/ 11 https://www.dejurka.ru/css/gallery-cover-small/ https://www.dejurka.ru/css/gallery-cover-small/#comments Wed, 29 Jan 2014 11:00:28 +0000 Mary - Dejurka http://www.dejurka.ru/?p=102571
В этом уроке мы покажем шаг за шагом, как создать прекрасную трехмерную интерактивную галерею, используя только CSS3 и jQuery. На создание этого урока автора вдохновил веб-сайт Tapmates. В этом уроке мы добавим интересные взаимодействия, которые могут быть применены к чему угодно, начиная от веб-сайта, основанного на изображениях, и заканчивая портфелем с образцами выполненных вами работ. [...]]]> https://www.dejurka.ru/css/gallery-cover-small/feed/ 2 https://www.dejurka.ru/css/billboard-css-jquery/ https://www.dejurka.ru/css/billboard-css-jquery/#comments Tue, 14 Jan 2014 11:00:01 +0000 Mary - Dejurka http://www.dejurka.ru/?p=101053
Очень интересно создавать то, что обычно делается на flash, используя только CSS и jQuery. В этом уроке мы таким образом создадим поворачивающийся рекламный шит. Мы будем использовать изображения, CSS и jQuery, чтобы создать поворачивающийся рекламный щит с двумя рекламными изображениями. Основная задача, — чтобы один набор фрагментов изображения исчезал, пока другой набор с другим рекламным [...]]]> https://www.dejurka.ru/css/billboard-css-jquery/feed/ 6