Gsap - проблема с анимацией в сафари, как решить?

Dmitryusz, как я уже писал, GSAP для такого перебор, у вас нет множества хитрых анимаций, чтобы он был обоснован (либо займитесь оптимизацией производительности). Конкретно такой горизонтальный скролл вообще можно сделать на CSS, что-нибудь в таком духе, если на минималках: https://codepen.io/arsenty/full/rNoGvxg Ну и немного js если хотите обрабатывать какие-то события.
ЗЫ: баг с прокруткой был по старой ссылке, в новой все Ок.

Gsap - проблема с анимацией в сафари, как решить?

Dmitryusz, у меня текущий вариант на vercel.app вообще не скроллится никак, сразу после загрузки страницы. Полез в код, выяснил, что дело в `html { overscroll-behavior: none }`, если поменять на `html { overscroll-behavior-y: none }`, то скролл работает. В баг-трекере такой баг не нашел. Странное.
Safari 17.0 в приватном окне, без расширений. Вы на каком Сафари тестируете, только на мобильном?

Как реализовать самое простое бургер меню?

Molder84, да, там кажется, недоработка автора.
Следующую часть:

.nav__back {
    position: fixed;
    top: 0;
    right: 0;  
    bottom: 0;
    left: 0;
    transition: background-color .3s;
}

нужно поменять на это:

.nav__back {
  display: none;
}
.nav__check:checked ~ .nav__back  {
    display: block;
    position: fixed;
    top: 0;
    right: 0;  
    bottom: 0;
    left: 0;
    transition: background-color .3s;
}

Здесь дополнительный элемент (label.nav__back) который должен отвечать только за скрытие меню (кликом в любой точке за его пределами) активируется только после открытия меню (.nav__check:checked).

Содержимое svg во всю ширину и высоту?

Ярослав Студеникин, да, у тега SVG, на величину размера отступов от svg-холста самой иконки, ну или на глаз, относительно чего вы хотите выровнять иконку.

Содержимое svg во всю ширину и высоту?

Нет, в SVG изначально должны быть отступы (потому вы их и видите во всех иконках). Потенциальные проблемы при отсутствии отступов, внешними стилями не обойти. В вашем случае более корректным решением будет добавление отрицательных отступов (margin-left: -5px) элементу через который вы встраиваете иконку (<svg>).

Как сделать так, чтобы уведомления браузера не срывались, а держались на рабочем столе до их закрытия вручную?

Когда принимают за истину, ответ отмечают решением.
У меня пришло уведомление от одного сайта и оно исчезло.
У вас же, полагаю, скорее всего уведомление от icloud.com или другого аффилированного с эппл сервиса, либо установлено приложение или сервис для этого уведомления.

Как в Mac OS убрать из списка переключения приложения?

Иван, а в чём разница?
У вас в вопросе озвучено желание скрыть некоторые приложения из app switcher-а. Для этого нужно иметь возможность убрать приложение из дока, нет приложения в доке = нет при переключении по табу. Либо сторонняя переключалка с доп. опциями, как я привел в пример.

Как в Mac OS убрать из списка переключения приложения?

Иван, непонятно, зачем вам чужые приложения, которые вам не нужны, ну вот в том же яндекс диске такое есть, откройте настройки и посмотрите: https://yandex.ua/support/disk-desktop-macos/faq.h...

Как в Mac OS убрать из списка переключения приложения?

Иван, добавил ссылку. Система обычно такая: вы закрываете окно приложения или скрываете по Cmd-H, а приложение показывает по Cmd-Tab только приложения с активными окнами.

Какое VPN-расширение для chrome посоветуете (с автоактивацией для определенных сайтов)?

А в магазине расширений попробовать поискать не?

Почему не включается MacBook?

bodya33, странные у вас методы, вместо того, чтобы сужать количество возможных вариантов, вы их увеличиваете :). Теперь у вас вместо возможно проблемного ноутбука и 1-й возможно проблемной зарядки, возможно проблемный ноутбук и 2 возможно проблемных зарядки.

Как сделать такой стиль у ссылок не усложняя разметку?

Так чем просто a { display: inline; } не устраивает?

Почему не включается MacBook?

Что значит "батарея относительно новая"? :) А ноутбук новый вместе с батарей или вы меняли батарею? Если батарею меняли и не в официальном сервисе, то она конечно никак не original и 155 циклов это не удивительно. У моей 233 и она уже хочет замены (service condition), хотя специально заказывал из тех, что в 1,5-2 раза дороже, потому что с самыми дешевыми уже был опыт, может сдохнуть внезапно, при казалось бы, нормальных показателях (циклы/статус/ёмкость).

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

Использовать overflow-y scroll или переписывать весь css?

Посмотрел пример из комментариев выше, какой-то сферический конь в ваакуме.

Почему input checked сохраняется при перезагрузке страницы?

Stanislav, а в чём тогда проблема? Я отказался от кукиксов, больше мне это сообщение не показывается, даже с выключенным джс, удобно же. Ну а если показывается тем, у кого это состояние не сохраняется, что поделать, такое поведение браузера, пусть радуются, что вообще хоть как-то без джс работает :).

Ну а если хотите, чтобы все мучались на равных, можете что-нибудь типа такого сделать, если я вас правильно понял:

<button autofocus>Warning!</button>
<span>Yes</span>
<style>button:not(:focus) + span { display: none;}</style>

Почему не включается MacBook?

Сначала почему-то прочитал, что 5% это вы про здоровье батареи, впрочем сейчас больше вопросов, 2 дня от сети, но заряд 5%, это как? Батарея не заряжалась вообще? Батарея пыталась зарядиться (индикатор), но не заряжалась? Какое здоровье у батареи было по датчикам?
Попробуйте вот это: https://support.apple.com/ru-ru/guide/mac-help/mh2...

Как сделать разные стили css для первого и второго выбранного элемента checkbox?

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

input[type="checkbox"]:checked:nth-child(1) + .product label { color: red }
input[type="checkbox"]:checked:nth-child(2) + .product label { color: blue }

Почему при подключении bluetooth гарнитуры на мак, гарнитуру мак сразу же отсоединяет?

m1rvi, да, купил новый айфон :). Без этого проблема была нерешаемой.

Почему при подключении bluetooth гарнитуры на мак, гарнитуру мак сразу же отсоединяет?

Была похожая на вид проблема с макбуком и старым айфоном. Оказалось, что проблема с поддержкой каких-то фич конкретной версией блютуза или что-то вроде того. Копните в этом направлении.

Как установить переключатель Fn кнопок на макбук?

kaon99, кек, я просто в шоке, что человек отдал 2000 доллларов за ноутбук без переключателя на fn + shift.