Когнитивная нагрузка Майка Новикова

Удобные сноски в тексте Меня всегда раздражал опыт использования сносок в Википедии: Нажимаешь на сноску, тебя уносит в подвал страницы. Там среди десятков других, нужно найти номер сноски по которому ты только что нажал, перейти по ссылке (если она вообще есть!) и на новой вкладке попытаться найти кусок нужной тебе информации! 🤯 Ники Кейс разработали JS библиотеку как раз для этого случая. Называется «In a nutshell» такой каламбур «одним словом» — «в скорлупе» Есть два типа сносок: гармошка и всплывашка с прокруткой Гармошка по клику раскрывает свое содержимое, как треугольник ▷ в Notion или спойлер на старых форумах. Всплывашка работает как модальное окно на половину экрана, но с прокруткой внутри! Можно посмотреть дополнительную информацию не уходя в другую вкладку и не прерывая поток чтения. Супер удобно! Вообще я давний фанат Ники и Explorable Explanations. Конечно же свежий лонгрид про безопасность ИИ тоже очень рекомендую! Если тяжело на английском - сохраните в закладки. Обычно для их проектов через какое то время появляются переводы сообщества #напользованность#web

А вы знали что внутри Figma есть PhotoshopPhotopea? Полноценный растровый редактор, который может почти все то же самое, что и фотошоп, но в виде Figma-плагина. Я постоянно пользуюсь, когда надо что-то быстро подправить в картинке не проходя адский цикл: Скачать картинку → открыть в редакторе → поправить → заменить внутри фрейма в фигме → проверить что не слетело масштабирование или расположение. Просто выделаешь слой, запускаешь плагин, редактируешь и сохраняешь. Вообще программу можно бесплатно использовать на офф сайте как полноценный граф редактор. Очень выручает, когда надо открыть файл .sketch или что-нибудь адобовское: .AI .XD или даже .INDD #ToolReview#web

Как смотреть видео в интернете быстрее чем на скоростих2 Мне комфортно смотреть и слушать ютуб на ускорении 1.5, но иногда попадаются спикеры, которых тяжело слушать даже на х2 Для таких случаев есть спасительный плагин для браузера — Videospeed Он может ускорять видео до 16х (клавиши S и D), сбрасывать и возвращать скорость (R) Дополнительный бонус: это работает на всех HTML5 Видео — VImeo, Twitch, Apple TV, всякие вебинарные платформы и т.п. Для Chrome https://chrome.google.com/webstore/detail/video-speed-controller/nffaoalbilbmmfgbnbgppjihopabppdk Для Firefox: https://addons.mozilla.org/en-US/firefox/addon/videospeed/ #ToolReview#Web

Полностью сохранить HTML страницу одним файлом со всеми ссылками и картинками можно через расширение SingleFile Chrome: https://chrome.google.com/extensions/detail/mpiodijhokgodhhofbcjdecpffjipkle Firefox: https://addons.mozilla.org/firefox/addon/single-file Github: https://github.com/gildas-lormeau/SingleFile #ToolReview#Web

Чистая кириллица из адресной строки. Очень бесит, когда копируешь ссылку из адресной строки на русском языке она превращается в ужасную кашу из цифр и знаков процента. Это связано со стандартом в системе доменных имен, где разрешены только 26 символов латинского алфавита и цифры от 0 до 9 Обычно, если скопировать ссылку, она будет выглядеть так: https%3A%2F%2Fru.wikipedia.org%2Fwiki%2F%D0%A1%D0%BE%D1%80%D1%82%D0%B0%D0%B2%D0%B0%D0%BB%D0%B0 Оказывается это можно отключить, В Firefox: надо зайти в about:config в поиске вбить browser.urlbar.decodeURLsOnCopy и двойным кликом перевести из false в true После этого ссылки копируются без перекодировки: https://ru.wikipedia.org/wiki/Сортавала #ToolHacks#Web