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/styling-visited-links/ https://www.dejurka.ru/css/styling-visited-links/#comments Fri, 09 Mar 2018 11:00:20 +0000 Mary - Dejurka http://www.dejurka.ru/?p=177151
По соображениям безопасности браузер ограничивает возможности CSS для задания стилей посещенным ссылкам всего четырьмя свойствами: цветом, цветом фона, цветом рамки и цветом подчеркивания. В то время как обычные ссылки могут выглядеть намного разнообразней, исходя из желаний дизайнера, строгие ограничения на задание стилей посещенным ссылкам может создать у пользователя плохое понимание того, что именно они уже [...]]]> https://www.dejurka.ru/css/styling-visited-links/feed/ 0 https://www.dejurka.ru/css/ibm_lotusphere/ https://www.dejurka.ru/css/ibm_lotusphere/#comments Mon, 14 Apr 2014 10:00:56 +0000 Mary - Dejurka http://www.dejurka.ru/?p=107230
Некоторое время назад автор урока посетил страницу конференции IBM Lotusphere. Он сразу обратил внимание на красивый логотип. Хотя дизайн логотипа простой и минималистичный, он очень хорошо выглядит. Сегодня мы создадим этот логотип, используя только HTML и CSS. Основной секрет этого эффекта — использование свойств border-radius и overflow:hidden. Мы создали две версии. Первая версия использует дополнительные элементы [...]]]> https://www.dejurka.ru/css/ibm_lotusphere/feed/ 0 https://www.dejurka.ru/css/water-drops-css/ https://www.dejurka.ru/css/water-drops-css/#comments Sun, 30 Mar 2014 10:00:06 +0000 Mary - Dejurka http://www.dejurka.ru/?p=105770
В этом уроке мы научимся создавать эффект капель дождя на стекле, используя CSS. Урок очень прост, однако результат вам наверняка понравится. Для выполнения туториала вам понадобятся базовые знания CSS и совсем немного jQuery.     Финальный вариант Демо Шаг 1 - Исходник Первое что нам нужно сделать - найти изображение, на которое мы будем ориентироваться при создании капель. [...]]]> https://www.dejurka.ru/css/water-drops-css/feed/ 6 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/related-posts-slide-outs/ https://www.dejurka.ru/css/related-posts-slide-outs/#comments Fri, 13 Dec 2013 11:00:07 +0000 Mary - Dejurka http://www.dejurka.ru/?p=98833
Многие задаются вопросом, как показать посетителям больше своих работ. Обычно старые сообщения в блоге забываются, и даже если что-то все еще интересно и актуально, оно теряется в куче нового. Мы создадим небольшое приложение, которое может использоваться, чтобы показать связанные сообщения на каждой странице. Основная задача – показать список, закрепленный с правой стороны экрана, с выглядывающими [...]]]> https://www.dejurka.ru/css/related-posts-slide-outs/feed/ 1 https://www.dejurka.ru/css/css-blur-effect/ https://www.dejurka.ru/css/css-blur-effect/#comments Sat, 07 Dec 2013 11:00:38 +0000 Mary - Dejurka http://www.dejurka.ru/?p=97726
Сегодня вы увидите, как создать простой эффект размытия для текстовых элементов. Основная задача – есть набор текстовых блоков, которые будут размываться и уменьшаться, когда мы проводим над ними указателем мыши. Элемент в фокусе будет увеличиваться. Это создаст эффект фокуса, который привлечет внимание к элементу, над которым указатель мыши находится сейчас.    Демо – Исходный код Мы [...]]]> https://www.dejurka.ru/css/css-blur-effect/feed/ 1 https://www.dejurka.ru/css/rotating-words-with-css-animations/ https://www.dejurka.ru/css/rotating-words-with-css-animations/#comments Wed, 27 Nov 2013 11:00:54 +0000 Mary - Dejurka http://www.dejurka.ru/?p=96532
Сегодня нас ждет урок, в котором мы научимся создавать очень красивый эффект. Он понравится креативным разработчикам, которым хочется добавить изюминку своему веб-творению. Мы создадим эффект оформления текста. Суть в том, что у нас есть предложение, и нам нужно поворачивать его часть. Мы будем заменять определенные слова из этого предложения, используя CSS-анимацию.     Демо – Исходный [...]]]> https://www.dejurka.ru/css/rotating-words-with-css-animations/feed/ 1 https://www.dejurka.ru/css/animate-css/ https://www.dejurka.ru/css/animate-css/#comments Sat, 02 Nov 2013 10:00:24 +0000 marina http://www.dejurka.ru/?p=84890
Несмотря на все трудности возникающие при создании анимации, безусловно стоит стремиться к получению навыков,  приобретению уверенности и достижению мастерства в этой области. Ден Эден – дизайнер и студент из Манчестера (Великобритания) -  создал своеобразную библиотеку анимации Animate.css. По его словам, изначально идея возникла для оптимизации собственного времени на разработку проектов, а затем приобрела большие масштабы. Теперь все [...]]]> https://www.dejurka.ru/css/animate-css/feed/ 1 https://www.dejurka.ru/css/jquery-image-lightbox/ https://www.dejurka.ru/css/jquery-image-lightbox/#comments Wed, 14 Aug 2013 07:00:07 +0000 Mary - Dejurka http://www.dejurka.ru/?p=84252
Есть ряд вопросов, которые нужно рассмотреть, когда Вы создаете свою тему WordPress. Один из таких элементов страницы – динамическая галерея изображений, использующая или ligthbox, или какую-то скользящую панель. Оба этих пользовательских интерфейса изящно вплетаются в содержание статьи. Так как они оба работают на типичных вебсайтах, удобно иметь под рукой код, готовый к использованию в любых [...]]]> https://www.dejurka.ru/css/jquery-image-lightbox/feed/ 7 https://www.dejurka.ru/css/css3_tutorials_and_techniques/ https://www.dejurka.ru/css/css3_tutorials_and_techniques/#comments Thu, 17 Jan 2013 10:59:03 +0000 marina http://www.dejurka.ru/?p=71924
Css3 развивается очень быстрыми темпами. Очень важным является уследить за такими темпами и оставаться в курсе всех методов и техник реализации СSS3, поэтому  предлагаем вашему вниманию подборку уроков. Они помогут вам лучше освоить CSS3 и натолкнут на новые идеи. Уроки по CSS являются полезными не только для уверенных разработчиков,  но и для новичков.   3D-галерея с использованием [...]]]> https://www.dejurka.ru/css/css3_tutorials_and_techniques/feed/ 5