Ввиду роста числа произведенных смартфонов за последние пару лет, и появления множества различных стандартов разрешения экранов, стало невозможно игнорировать пользователей, который просматривают веб-страницы посредсвтом мобильных устройств. Используют ли они устройство на платформе Android, Windows Mobile, BlackBerry или iPhone или пользуются планшетом с довольно большим экраном, каждый пользователь заслуживает уважительного отношения. Мы как дизайнеры должны обеспечить этим пользователям максимально удобное взаимодействие с веб-сайтами, каким бы устройством они ни пользовались.

Интерфейсы веб-сайтов с параллакс-скроллингом все больше набирают популярность. Нам не хотелось бы упускать из виду данную тенденцию, поэтому сегодня мы предлагаем вам демо-проект с использованием эффекта параллакс, разработанный при помощи jQuery и CSS.

Эффект параллакс в веб-дизайне – это нечто, что в последние годы стало набирать обороты. Если использовать данную технику правильно, она может в значительной степени улучшить ваши интерфейсы и дать возможность создания бесшовной навигации. Если использовать её неправильно, то ваша страница будет похожа на свалку с кучей хаотично перемещающихся элементов. Если вы собираетесь использовать parallax-скроллинг в вашем следующем веб-проекте, то для начала ознакомьтесь с нашей сегодняшней подборкой.

Timeline представляет собой jQuery-плагин, предназначенный для отображения хронологии событий. Вы можете использовать любые типы медиа-данных, включая твиты, видео, карты, а также ассоциировать их с датами. Посредством некоторых махинаций в дизайне, вы можете перевоплотить свой сайт в превосходное портфолио.

Представляем вашему вниманию вторую часть нашего руководства по разработке профессионального сайта-портфолио посредством Photoshop и сеточной системы 960. Первую часть руководства вы найдете здесь. А сегодня мы собираемся завершить то, что начали.

Интернет, как мы знаем, меняется. В прошлом дизайнеры и разработчики могли сосредоточить свои усилия только на экране компьютера. Однако в последние годы появилось множество устройств с поддержкой интернета с разными формами и возможностями, а это значит, что теперь мы должны разрабатывать сайты для комфортного отображения на экранах с разными размерами, пропорциями и разрешениями, которые только возможны.
Наш старый подход к разработке дизайна под фиксированную ширину экрана больше не подходит. Так что же нам делать? Ответ, дорогие читатели, лежит в адаптивном веб-дизайне.

Каждый, кому довелось наблюдать за игрой друзей, или даже играть в игры, которые были выпущены в 80-90-х годах – знает, что такое техника Parallax-скроллинг.

Давайте вспомним такие игры, как Mario Bros, Mortal Kombat, Street of Rage, Turtles in Time, или же оригинальную игру Moon Patrol. Именно тогда, когда определённое количество фоновых слоёв с многочисленными текстурами двигаются на разных скоростях (что и создаёт эффект трехмерного пространства), наблюдается та самая Parallax-техника.

Популярность винтажа и ретро в среде веб-дизайнеров навела нас на мысль воспользоваться случаем и предложить вашему вниманию коллекцию веб-сайтов этих стилей. При таком обилии в Интернет примеров безупречной стилизации винтажных и ретро веб-дизайнов нам было непросто сузить круг поисков, но мы, кажется, отобрали для вас настоящие образцы художественного творчества, причём, из числа новинок, разве что, попались один-два узнаваемых.

Итак, познакомьтесь с нижеследующей подборкой, подготовленной нами, и посмотрите, удалось ли мастерам-дизайнерам оживить прошлое в сегодняшнем веб-пространстве.

Присутствие в веб-дизайне крупных фото, в качестве фона или среди контента, служит отличным приёмом, позволяющим легко придать сайту особую атмосферу. Однако, прибегая к нему, вы рискуете слишком загромоздить сайт зрительно. Поэтому создатели большинства сайтов, на которых вы видите крупные изображения, в целом придерживаются минимализма при подборе прочих элементов оформления. Сегодня мы предлагаем вам коллекцию сайтов, являющих собой отличные и достойные подражания примеры грамотного использования крупных фотографий в веб-дизайне.

В нашем сегодняшнем руководстве мы хотим рассказать вам о процессе работы над профессиональным сайтом-портфолио с использованием Photoshop и сеточной системы 960. Посредством некоторых текстур и стилей слоев вы увидите, каким образом мельчайшие детали могут сыграть большую роль в качестве вашего дизайна.