Edición de «Usuario discusión:194.147.78.170»

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

Так сложилось, что разработчики используют разные способы самого скроллинга. Некоторые сайты прокручиваются с помощью колеса мыши. Плюс данной прокрутки в том, что она позволяет сразу же пробежаться по всему контенту. Так, к примеру, сделал веб-дизайнер и разработчик Дин Окли (Dean Oakley) на своем сайте.

Другие считают, что удобнее вручную передвигать «ползунок» влево или вправо, предварительно дав инструкции по навигации на сайте.

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

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

А вот еще один позитивный пример сайта горизонтального скролла с удивительным, воздушным дизайном, где навигация осуществляется с помощью специальных стрелок:

Интересный сайт с уникальным и запоминающимся дизайном:

Отличный, свежий сайт ресторана японской кухни. Выполнен чисто, а смотреть одно удовольствие:

Комментарий от нашего веб-разработчика:

При загрузке сайта с горизонтальным скроллом периодически создается впечатление, что сайт немного подвисает. Это можно объяснить несколькими причинами:

Во-первых, из-за обработки самого горизонтального скролла. Его обрабатывает JavaScript в браузере, динамически меняя положение почти всех DOM-элементов на странице, создавая нагрузку на процессор компьютера.

Решением данной проблемы может служить использование современных браузеров (где обработка JavaScript наиболее оптимизирована), а также уменьшение самой страницы или объема ее содержимого, в том числе ресурсоемких картинок и FLASH.

Как мы делали сайт для event-агентства

Как и обещали, мы хотим рассказать вам о собственном опыте работы с горизонтальным скроллом. Изначально, мы создали две версии сайта, чтобы попав на него, пользователь сам мог выбрать более удобный для себя вариант.

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

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

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

Источник: http://remontkvartir63.tk/ - http://remontkvartir63.tk/