trushka

ещё можно с помощью элемента <progress> такое замутить, но там надо чючють поплясать с бубном, чтоб это дело кроссбраузерно раскрасить) Там внизу статьи есть ссылки на css псевдоэлементы для стилизации для разных браузерных движков..

Задать fixed блоку overflow:hidden и обернуть содержимое в div {height: 100%; overflow: auto} Но чтоб скроллбар спрятался, надо его "растянуть" на нужную ширину. Можно туда ещё один div запихнуть с шириной, равной ширине fixed блока и пихать содержимое туда или же задать ::before или ::after такой ширины

Сделать input прозрачным, по oninput перерисовывать canvas, вставляя текст из value в нужное место. Вроде, ничего сложного)

Тупо обрезать в графическом редакторе..

: hover и :focus можно использовать (последний вроде при тапе срабатывает), только надо tabindex у нужных элементов прописать, иначе не будут ловить фокус. А показывать можно, либо вложив внутрь отслеживаемых элементов, либо используя соседские селекторы.

надо задать svg width и height, а вместо symbol использовать банально g, например. И defs не нужен, прямо в svg писать.. И добавить в svg style где-то такого содержания:

svg>g {display:none}
:target {display: inline}

Так по идее должно рабоьать

Тэг <marquee> заюзать можно))

Это из-за фильтров. Лучше в вашем случае для фонов отдельныйе элементы делать, можно псевдо (::before), с width и height 100%, и на них уже фильтры вешать

Можно задать стиль для svg>*:hover. Но это должен быть inline svg, или iframe - тогда стиль с hover'ом в самом svg-файле прописать.

Как-то так можно: https://jsfiddle.net/3770nhtu/2/
Или даже так: https://jsfiddle.net/3770nhtu/4/

По событию onscroll проверяете scrollTop, и в зависимости от него задаются координаты кубика с position: fixed. Предварительно для body задать высоту, бОльшую, чем высота экрана.

3) Можно задать резмеры блока в em и менять размер шрифта - тогда размеры блока тоже будут пропорционально меняться..

Сделайте #toggle-nav обычным инпутом (type=text) и вместо :checked используйте :focus
Правда, тогда при повторном клике на значёк меню оно не будет закрываться.. Но можно сделать хитро - вместо label сделать просто div какой-нить, а input не прятать, а сделать прозрачным и поместить его над этим div'ом. А вот уже #toggle-nav:focus { z-index:-1 } например, чтоб он под div прятался

Надо transform: scale() менять, тогда всё на своих местах останется и никуда не съедет

Можно вместо simbol использовать svg, но только с размерами, равными размерам "верхнего" svg. Так же добавить в него style с правилом svg>svg:not(:target) {display: none} Тогда по идее отобразится только нужный символ, если указать адрес с его id в качестве хэша. Но надо тогда ещё background-size указывать, соответствующий вьюпорту символа