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

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

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

В наше время очень важно, чтобы все медиа-файлы, представленные на сайте, правильно отображались на всех устройствах, но сделать это крайне сложно, так как мы не так уж и много знаем о веб-запросах. Недавно мы выкладывали пост со многими изображениями, которые в общей массе весили 2.29мб. Когда мы делали перепост в Twitter, нам стоило предупредить о том, что загрузка страницы может занять много времени или съесть достаточно трафика.

В идеале все эти изображения могли иметь в значительной степени уменьшенные копии, чтобы нормально вписываться в дизайн при отображении на маленьких экранах или при низкой скорости интернета. Даже несмотря на то, что сегодня все новые устройства оснащены превосходными браузерами, пока что не существует быстрого и качественного способа реализовать эту технику. Так что пришло время поговорить о том, как нам хотелось бы видеть эту технологию.

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

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

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

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

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

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

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

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

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

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