Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «прокрутка»
[Перевод] Прокрутка в вебе: букварь 2017-03-28 12:56:53
... загрузки скромная полоса прокрутки решила изначальную ... />
Сегодня прокрутка всё ещё остаётся ...
+ развернуть текст сохранённая копия
Автор — Нолан Лоусон, менеджер программы Microsoft Edge
Прокрутка — одно из самых древних взаимодействий в вебе. Задолго до появления методов pull-to-refresh и списков бесконечной загрузки скромная полоса прокрутки решила изначальную проблему масштабирования в вебе: как взаимодействовать с контентом, который распространяется за пределы доступной области просмотра?
Сегодня прокрутка всё ещё остаётся самым фундаментальным взаимодействием в Сети, и, возможно, самым неправильно понятым. Например, вы знаете разницу между следующими сценариями?
- Пользователь прокручивает страницу двумя пальцами на тачпаде
- Пользователь прокручивает одним пальцем на тачскрине
- Пользователь прокручивает колесо мыши
- Пользователь щёлкает по полосе прокрутки и тянет её вниз и вверх
- Пользователь нажимает стрелки «вверх», «вниз», PageUp, PageDown и «пробел» на клавиатуре
Если спросите среднего интернет-пользователя (или даже среднего веб-разработчика!), они могут сказать вам, что эти действия равнозначны. Правда гораздо более интересна.
Читать дальше →
Тэги: edge, microsoft, браузеры, веб, веб-сайтов, однопоточный, прокрутка, разработка, скроллинг
Плавная прокрутка в Chrome 2015-12-21 12:29:55
... использовать эффект плавной прокрутки веб-страницы во ... будет заметен при прокрутке веб-страницы любого ...
+ развернуть текст сохранённая копия
В интернет-браузере Google Chrome есть скрытая настройка, активировав которую, пользователь сможет использовать эффект плавной прокрутки веб-страницы во время её просмотра. Этот эффект будет заметен при прокрутке веб-страницы любого сайта вверх или вниз с помощью клавиш клавиатуры, колёсика мыши или сенсорного экрана. Как вы, возможно, уже знаете, браузер Хром поставляется с рядом различных опций, которые являются […]
Запись Плавная прокрутка в Chrome впервые появилась Компьютерные советы в картинках, шаг за шагом!.
Тэги: chrome, интернет, плавная, прокрутка
Интенс, индикатор прокрутки (или жизнь после скроллбара) 2015-04-21 23:37:59
... компонент заменяющий полосу прокрутки (скроллбар) на ... элементы интерфейса. Полоса прокрутки — это одна ...
+ развернуть текст сохранённая копия
Месяц назад кто-то нашёл у меня на гитхабе незаконченный проект и выложил ссылку на него на Designer News. Внезапно я увидел, что на сайте проекта постоянно сидит по 50 человек, и мне даже пришлось срочно сбежать с работы чтоб экстренно выпилить хотя бы самые адовые баги. Этим проектом был интенс, UX-компонент заменяющий полосу прокрутки (скроллбар) на специальный индикатор, который подсвечивает прокручиваемую область текстурой. Выглядит это примерно так:
на сайте проекта можно поскроллить самостоятельно
Сообщества UX-экспертов и программистов отреагировали очень возбуждённо: Не могу понять, почему мне это не нравится… — GrumpyUX Man @ layervault Святые какашки, эта штука бесит — Thecoss @ reddit Да я себе скорее установлю ПЕРДЯЩИЙ СКРОЛЛ http://theonion.github.io/fartscroll.js/ в качестве дефолтного, чем КОГДА-ЛИБО заменю мою полосу прокрутки на это. — Kyle Donmoyer @ layervault Спасибо, не надо. Никогда не мог понять это желание поменять стандартные элементы интерфейса. Полоса прокрутки — это одна из тех вещей, которая просто работает. Она не мешается и легко даёт понять, насколько много контента. — madk @ reddit Шта? — magenta_placenta @ reddit …
Я не очень понял, что за проблему оно решает — jineshshah36 @ reddit (кто-то даже создал сабреддит Real Bad UX чтоб разместить там ссылку на этот проект)
Вместе с UX-экспертами, возбудился и я. Бесполезные проекты обычно никому не интересны, у меня есть пара таких. Но сейчас было очень непохоже — этот получился очень спорным, и такой движухи я ещё не видел. В течение следующих недель я попытался учесть основные комментарии и либо исправить что-то в самой библиотеке, либо добавить пояснения на сайте проекта. И одновременно выкладывал его на остальных ресурсах — градус фидбэка вроде бы стал смягчаться.
Здесь я хочу рассказать, какие области применения у интенса, и попробую объяснить, как я себе представляю «жизнь после скроллбара». А также предлагаю читателям покритиковать этот проект, обсудить скроллинг вообще, UX вцелом, и целесообразность замены традиционных элементов в частности.
Читать дальше →
Тэги: javascript, open, scrolling, source, usability, веб-разработка, интерфейсы, прокрутка
jQuery: Плавная прокрутка страницы снизу вверх 2014-11-25 15:33:26
... колесо мышки для прокрутки страниц вверх или ...
+ развернуть текст сохранённая копия
Большинство современных сайтов имеют довольно объемные страницы, не помещающийся в экран по вертикали конткнт, и как следствие посетителям приходится периодически крутить колесо мышки для прокрутки страниц вверх или вниз, но все же чаще вверх, ведь вверху обычно главное меню и прочие важности. И чтобы облегчить посетителям жизнь, достаточно внизу страницы добавить ссылку, можно и даже […]
Тэги: jquery, прокрутка, скроллинг, сниппеты
[Перевод] Как я создавал плагин постраничной прокрутки One Page Scroll с открытым исходным кодом 2014-09-07 21:34:17
Эффекты прокрутки используются в вебе ... родился плагин постраничной прокрутки.
Читать дальше ...
+ развернуть текст сохранённая копия
Эффекты прокрутки используются в вебе уже давно, и хотя есть уже много плагинов, из которых можно выбрать, лишь малая их часть обладает таким малым весом и простотой, какие требуются для многих дизайнеров и разработчиков. Большинство виденных мною плагинов пытаются сделать слишком много, в результате чего их трудно включать в свои проекты.
Не так давно Apple представила iPhone 5S, и сайт с презентацией, где страница была поделена на секции, и каждая секция описывала одну из особенностей продукта. Я подумал, что это – замечательный способ представления продукта, исключающий возможность пропустить ключевую информацию.
Я отправился на поиски подходящего плагина, и к удивлению, не обнаружил такового. Так и родился плагин постраничной прокрутки.
Читать дальше →
Тэги: javascript, jquery, plugin, zepto, веб-разработка, плагин, прокрутка
Главная / Главные темы / Тэг «прокрутка»
|
Взлеты Топ 5
Падения Топ 5
|