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/css3-typography/ https://www.dejurka.ru/css/css3-typography/#comments Tue, 18 Feb 2014 11:00:42 +0000 Mary - Dejurka http://www.dejurka.ru/?p=103654
Красивая типографика всегда интересна, поэтому хочется найти способы применения веб-технологий для улучшения оформления текста. В этом уроке мы покажем, как использовать свойства CSS3, чтобы разнообразить оформление текстов или создать эффекты способами, которые кажутся невозможными. Заметьте: эффекты будут работать только в браузерах Webkit, но мы добавили дополнительные свойства, чтобы они работали и в других браузерах.     Демонстрация [...]]]> https://www.dejurka.ru/css/css3-typography/feed/ 2 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 https://www.dejurka.ru/css/elegant-accordion-with-jquery-and-css3/ https://www.dejurka.ru/css/elegant-accordion-with-jquery-and-css3/#comments Fri, 01 Nov 2013 07:00:50 +0000 Tiger http://www.dejurka.ru/?p=95016
Сегодня мы будем создавать элегантный аккордеон для контента. Идея состоит в том, чтобы несколько вертикальных вкладок с контентом раздвигались в стороны при наведении на одну из них курсором мыши. Для улучшения внешнего вида аккордеона будут использованы некоторые свойства CSS3. Давайте приступим!     Вы можете нажать на ссылку под изображением для просмотра демо или же [...]]]> https://www.dejurka.ru/css/elegant-accordion-with-jquery-and-css3/feed/ 2 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/css-tutorials-responsive-web-design/ https://www.dejurka.ru/css/css-tutorials-responsive-web-design/#comments Tue, 06 Aug 2013 07:00:15 +0000 Mary - Dejurka http://www.dejurka.ru/?p=83542
Сегодняшняя подборка уроков для CSS посвящена адаптивному веб-дизайну. Как самому сделать так, чтобы ваш сайт отображался корректно на любом экране? Вы наверняка найдете ответ ниже. Вас ждут уроки для начинающих и продвинутых кодеров. Вы научитесь создавать адаптивный сайт, а также его отдельные элементы.   Для начала немного уроков общего характера: Урок от Jason Michael Урок от Shay [...]]]> https://www.dejurka.ru/css/css-tutorials-responsive-web-design/feed/ 8 https://www.dejurka.ru/css/ilt-shift-effect/ https://www.dejurka.ru/css/ilt-shift-effect/#comments Wed, 14 Nov 2012 08:14:46 +0000 Elena http://www.dejurka.ru/?p=63464
Благодаря бесплатным приложениям, которые позволяют редактировать фотографии, таким как  Instagram, эффект Tilt Shift становится все более популярным. Сегодня мы будем учиться создавать такой эффект на чистом CSS, используя для этого фильтры.   Окончательный результат Так что же мы будем делать? Смотрите демо Встречайте фильтры Webkit CSS постепенно заменяет некоторые функции Photoshop: градиенты, скругленные углы, тени [...]]]> https://www.dejurka.ru/css/ilt-shift-effect/feed/ 6 https://www.dejurka.ru/css/switch-light-with-css/ https://www.dejurka.ru/css/switch-light-with-css/#comments Wed, 19 Sep 2012 10:07:53 +0000 Elena http://www.dejurka.ru/?p=62807
Сегодня мы будем создавать один интересный проект. Сначала мы сделаем демонстрационную страницу, а затем добавим кнопку, которая позволит пользователю переключать цветовую схему (эффект "День и ночь"). Изменяться будут как цвета, так и другие элементы на странице. Самое главное, что мы сделаем все это только при помощи CSS.   Приступаем к работе По умолчанию у нас [...]]]> https://www.dejurka.ru/css/switch-light-with-css/feed/ 3