Удобные сноски в тексте

Меня всегда раздражал опыт использования сносок в Википедии:

Нажимаешь на сноску, тебя уносит в подвал страницы. Там среди десятков других, нужно найти номер сноски по которому ты только что нажал, перейти по ссылке (если она вообще есть!) и на новой вкладке попытаться найти кусок нужной тебе информации! 🤯

Ники Кейс разработали JS библиотеку как раз для этого случая. Называется «In a nutshell»
такой каламбур «одним словом» — «в скорлупе»

Есть два типа сносок: гармошка и всплывашка с прокруткой

Гармошка по клику раскрывает свое содержимое, как треугольник ▷ в Notion или спойлер на старых форумах.

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

Вообще я давний фанат Ники и Explorable Explanations.

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

#напользованность #web