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/create-adaptive-menu/ https://www.dejurka.ru/css/create-adaptive-menu/#comments Wed, 10 Oct 2012 07:15:58 +0000 Elena http://www.dejurka.ru/?p=64047
Многие адаптивные сайты используют горизонтальное меню на больших экранах и выпадающие меню - на маленьких. Сегодня мы попробуем сделать адаптивное меню (не без помощи JavaScript), которое изменяется в зависимости от ширины экрана.   Смотрите демо Какое решение лучше? Какой тип навигации лучше подходит для адаптивного сайта? Ответ на этот вопрос зависит от нескольких факторов, включая [...]]]> https://www.dejurka.ru/css/create-adaptive-menu/feed/ 12 https://www.dejurka.ru/web-design/music-albums-and-web-design/ https://www.dejurka.ru/web-design/music-albums-and-web-design/#comments Fri, 28 Sep 2012 07:10:34 +0000 Elena http://www.dejurka.ru/?p=63907
Многие проекты сейчас можно посмотреть на телефоне. Все больше людей получает доступ к сайтам на мобильных устройствах, и дизайнеры должны адаптировать их соответствующим образом. Один из элементов, нуждающийся в оптимизации для мобильных устройств - изображения. Конечно, есть технические аспекты, такие как разрешение и сокращение размера файла, но как насчет реальных пропорций и содержания самих картинок? [...]]]> https://www.dejurka.ru/web-design/music-albums-and-web-design/feed/ 0 https://www.dejurka.ru/web-design/create-adaptive-site-with-foundation/ https://www.dejurka.ru/web-design/create-adaptive-site-with-foundation/#comments Mon, 20 Aug 2012 07:26:26 +0000 Elena http://www.dejurka.ru/?p=58496
В сети существует множество полезных инструментов для создания адаптивных сайтов, в том числе и готовых шаблонных решений, среди которых Тwitter Bootstrat, 1140 Grid, Skeleton и т.д. В использовании фреймворков есть, конечно, и свои минусы, но главное их достоинство в том, что они помогают существенно сократить время создания сайтов. Сегодня мы хотим познакомить вас с Zurb [...]]]> https://www.dejurka.ru/web-design/create-adaptive-site-with-foundation/feed/ 10 https://www.dejurka.ru/web-design/adaptive-sliders/ https://www.dejurka.ru/web-design/adaptive-sliders/#comments Tue, 12 Jun 2012 07:32:22 +0000 Elena http://www.dejurka.ru/?p=53810
Отзывчивый веб-дизайн является сейчас горячей темой, а если вы занимались разработкой адаптивных сайтов, то, наверняка, сталкивались с проблемой подключения слайдера или галереи изображений. Давайте не будем усложнять и создавать всё с нуля, ведь в сети уже существует множество решений с открытым исходным кодом. Elastislide Elastislide  - это адаптивная карусель изображений.  Изображения изменяют свой размер, а [...]]]> https://www.dejurka.ru/web-design/adaptive-sliders/feed/ 8 https://www.dejurka.ru/web-design/responsive-menu-tutorials/ https://www.dejurka.ru/web-design/responsive-menu-tutorials/#comments Mon, 21 May 2012 07:20:04 +0000 Elena http://www.dejurka.ru/?p=50971
Адаптивный веб-дизайн набирает всё больше популярности, а тем самым и выдвигает и новые требования к разработке сайтов. Помимо того, что всегда необходимо соблюдать основные принципы создания отзывчивого сайта, следует должное внимание уделить панели навигации. Поэтому сегодня мы предлагаем вашему вниманию небольшую подборку уроков по созданию навигационных меню, которые будет хорошо  отображаться на разных разрешениях экранов. [...]]]> https://www.dejurka.ru/web-design/responsive-menu-tutorials/feed/ 2 https://www.dejurka.ru/web-design/jquery-plugins-responsive-web-design/ https://www.dejurka.ru/web-design/jquery-plugins-responsive-web-design/#comments Wed, 15 Feb 2012 15:03:03 +0000 ismari http://www.dejurka.ru/?p=37124
Количество людей, которые используют планшеты, смартфоны и любые другие мобильные устройства для доступа в интернет стремительно растет, а вместе с ним увеличивается и спрос на сайты, которые будут корректно отображаться на всех этих девайсах. Концепция дизайна, которая описывает идею создания универсального сайта для всех разрешений, а не отдельной его мобильной версии, называется адаптивным (responsive) дизайном. [...]]]> https://www.dejurka.ru/web-design/jquery-plugins-responsive-web-design/feed/ 2 https://www.dejurka.ru/web-design/responsive-web-design-showcase/ https://www.dejurka.ru/web-design/responsive-web-design-showcase/#comments Tue, 04 Oct 2011 13:02:24 +0000 Olga http://www.dejurka.ru/?p=28614
Теория и практика технологии Responsive web design горячо обсуждается дизайнерами и разработчиками в последние месяцы, и спорам не видно края. Несмотря на всю непривычность и возможные ограничения свободы дизайна, все больше веб-мастеров создают новые сайты, пользуясь принципом Mobile first, идея которого в том, что изначальная верстка сайта делается под устройства с меньшими возможностями (телефоны, айпады, [...]]]> https://www.dejurka.ru/web-design/responsive-web-design-showcase/feed/ 7