Вы не представляете, сколько телодвижений нужно предпринять для того, чтобы сделать только этот пункт. Там почти все вещи довольно простые, и почти все не имеют стандартной поддержки в броузерах. (спрятать скроллбар, наложить градиентную маску, итп). Вообще это на отдельную статью покатит.
Почти всё что вы написали на мой взгляд зависит от задачи. Где-то нужно перемещаться в любое место, где-то в определённый раздел. Поэтому все эти пункты относятся скорее к навигационному виджету, который я предлагал использовать в дополнение.
Как уже написал, интенс задуман только как индикатор, потому что какая именно нужна будет навигация — зависит от приложения. Например, в вашем примере (переместиться наверх с помощью клавиши Home или скроллбара) — уместно ещё подумать на тему того, зачем вам перемещаться наверх. Там должен быть какой-то юзкейс. (например: может быть меню наверху? Может быть, в этом случае сделать чтоб меню всегда в поле зрения было?)
Мне кажется лучше чтоб сам девайс сообщал некую величину, типа DPI, содержащую информацию о нужном масштабе контента. То есть что-то вроде расстояния, с которого приблизительно на экран этого устройства обычно смотрят в зависимости от форм-фактора (от планшета до экрана на улице). Тогда бы масштаб был статический, но юзер смог бы дополнительно регулировать его по своему вкусу обычным зумом.
И тогда не придётся изощряться с определением расстояния до глаз.
Наверное, минимализм — это тоже сейчас мода (а не стандарт вообще).
Но тут изначально в другом проблема. Кто-то сделал новомодный сайт. Он выглядит красиво, это в принципе не плохо, но проблема в том, что теперь стало непонятно, что там есть куда скроллить. И задача в том, как это обозначить. Надпись «тут можно скроллить» — самый тупой и рабочий вариант, но очевидно не идеальный. Но спонтанная анимация — точно хуже (хотя уже и не так тупо).
Ну и получается, что нужно какое-то общепринятое обозначение для прокручивающегося контента. Раньше можно было догадаться по скроллбару + по тому, что есть какой-то текст и он не заканчивается. Для огромных картинок это не работает, т.к. скроллбар можно просто не заметить.
И я сейчас как раз пытаюсь проэкспериментировать в этом направлении. На мой взгляд (очень субъективный) хороший способ — делать, чтоб контент затухал в каком-то градиенте, тогда видно, что он пропадает, но не заканчивается. Это не новая идея, так уже давно обозначали в вебе, но я пытаюсь сделать это обозначение динамическим и зависящим от контекста: asvd.github.io/intence_ru
Хотя, стоит признаться, мои идеи собрали гневных комментов наверное не меньше, чем сайт альфа-банка :-D
Анимация отдельных элементов страницы может дать пользователю определенные подсказки, касаемо контента веб-сайта.
В первом примере, контент появляется снизу и тут же исчетзает. Как будто говорит: «Привет, я тут. Если я тебе нужен, ты знаешь, что делать.»
Да не, полная хрень. ИМХО повсеместная анимация всего и вся — это сейчас тот тренд, который зло. Я захожу на странцу, она грузится, появляются элементы. И при этом ещё какая-то анимация вылазит-залазит туда-сюда. В этом случае я просто подожду, когда всё успокоится и остановится, и уже потом буду разбираться, что у меня на экране.
Анимация вообще не должна происходить сама по себе. Если это не мультфильм, конечно.
(Самый адовый пример, где из-за анимации происходит чёрти-что — новый сайт альфабанка alfabank.ru/ от сами знаете кого)
Но вопрос конечно очень интересный для обсуждения.
Просто библиотек почти нету в этом формате, поэтому нужно переделать формат модуля в тот момент, когда хочется новой библиотекой воспользоваться. Но никакой трансляции не требуется «на этапе сборки» (между изменением кода и его запуском под вебом или в ноде).
Вообще я имел в виду, что «изоморфный JavaScript» на мой взгляд другое означает :-)
Вы не представляете, сколько телодвижений нужно предпринять для того, чтобы сделать только этот пункт. Там почти все вещи довольно простые, и почти все не имеют стандартной поддержки в броузерах. (спрятать скроллбар, наложить градиентную маску, итп). Вообще это на отдельную статью покатит.
И тогда не придётся изощряться с определением расстояния до глаз.
лучше написать «не только моя мама»
Но тут изначально в другом проблема. Кто-то сделал новомодный сайт. Он выглядит красиво, это в принципе не плохо, но проблема в том, что теперь стало непонятно, что там есть куда скроллить. И задача в том, как это обозначить. Надпись «тут можно скроллить» — самый тупой и рабочий вариант, но очевидно не идеальный. Но спонтанная анимация — точно хуже (хотя уже и не так тупо).
Ну и получается, что нужно какое-то общепринятое обозначение для прокручивающегося контента. Раньше можно было догадаться по скроллбару + по тому, что есть какой-то текст и он не заканчивается. Для огромных картинок это не работает, т.к. скроллбар можно просто не заметить.
И я сейчас как раз пытаюсь проэкспериментировать в этом направлении. На мой взгляд (очень субъективный) хороший способ — делать, чтоб контент затухал в каком-то градиенте, тогда видно, что он пропадает, но не заканчивается. Это не новая идея, так уже давно обозначали в вебе, но я пытаюсь сделать это обозначение динамическим и зависящим от контекста: asvd.github.io/intence_ru
Хотя, стоит признаться, мои идеи собрали гневных комментов наверное не меньше, чем сайт альфа-банка :-D
Да не, полная хрень. ИМХО повсеместная анимация всего и вся — это сейчас тот тренд, который зло. Я захожу на странцу, она грузится, появляются элементы. И при этом ещё какая-то анимация вылазит-залазит туда-сюда. В этом случае я просто подожду, когда всё успокоится и остановится, и уже потом буду разбираться, что у меня на экране.
Анимация вообще не должна происходить сама по себе. Если это не мультфильм, конечно.
(Самый адовый пример, где из-за анимации происходит чёрти-что — новый сайт альфабанка alfabank.ru/ от сами знаете кого)
Но вопрос конечно очень интересный для обсуждения.
Вообще я имел в виду, что «изоморфный JavaScript» на мой взгляд другое означает :-)