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

Флоаты давно пора выкинуть и забыть, а использовать тут нужно именно флекс

Как зафиксировать блок после transform?

Максим Виксна, есть множество способов делать анимации в web. Какой из них использовать - зависит от целей и задач анимации, ее сложности и личных предпочтений.

Попробуйте Web Animations API

Как сверстать вот так?

Что есть плашка и где там картинка?

Почему при вызове функции меняется шрифт на sans-serif?

А в нужном шрифте есть вообще те символы, которые ты используешь?

Почему на сайтах названия классов не человекопонятны?

Маил ру генерирует случайные имена классов и id, обходят блокировку рекламы видимо

Какой плагин использовать для верстки такой галереи? Или как это сверстать?

https://habr.com/ru/company/skillbox/blog/442658/

8 пример, на флексах

Как правильно подготовить макет для печати, если требуютcя цвета Pantone C?

А в настройках Output конвертация цветов выбрана какая-нибудь?

Есть ли существенное отличие между Open Sans и Open Sans Regular?

Ну а вот After Effect и логика вообще не возражают, говорят я права:



Font famyly - Open Sans
Font style - Regular

Скачайте этот шрифт с Google Fonts, различные площадки с "бесплатными шрифтами" могут менять названия шрифтов и вводить в заблуждение.

Есть ли существенное отличие между Open Sans и Open Sans Regular?

Open Sans = Open Sans Regular. Если не указывать начертание, по умолчанию будет regular

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

poniyur, там так и есть

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

А рекавери у вас кастомное есть? TWRP например?

Как продублировать текст в input/textarea?

А почему onkeyup, а не oninput?

Как можно создать такую анимацию? Точнее с помощью чего?

Тоже самое, но через grid и bg-img, легче, но как под углом резать я все еще хз https://codepen.io/Ragtime-Kitty/pen/KEwqje

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

Chainees, у мобильных браузеров с clip-path polygon проблем нет

Как поднять производительность FF при работе с css blur?

profesor08, слишком геморно будет позиционировать все это дело да и пади знай, будет ли оно так быстрее работать, чем с канвасами.

Как поднять производительность FF при работе с css blur?

1000500 на мобилке, 1044480 на компуктере. Разница в производительность процессоров куда больше. Не в этом соль.

webgl и маска слишком сложно, я не умею, примеры не нашла. Пусть будут канвасы c фолбэком на картинки в фф.

Как поднять производительность FF при работе с css blur?

Затем, что на второй канвас накладывается фильтр и рамка выступает в роли маски. В общем, не помогает твой способ, производительность ПК тут ни при чем, артфекаты я пофиксила.
A9 на мобилке спокойно рисует эти два канваса с блюром в 60фпс, а i5 в фаерфоксе без блюра не в состоянии, ага-ага.

Как поднять производительность FF при работе с css blur?

profesor08, нит, все делаю так и железо тут ни при чем. У тебя видео просто медленное. Поставь что-нибудь с быстрой сменой кадров и увидишь. + Если запускать видео через autoplay или по ready, то появляются те же артефакты/рассинхрон, которые убираются после паузы или через пару проходов видео ¯\_(ツ)_/¯

https://codepen.io/Ragtime-Kitty/pen/MLxmMK

Производительность даже хуже, чем с двумя видео. Если размазывать через канвас, то ФФ вообще умирает.

Как поднять производительность FF при работе с css blur?

profesor08, так и делаю. У видео display: none

video.addEventListener('play', () => {
      function step() {
          ctxBg.drawImage(video, 0, 0);
          ctxFg.drawImage(video, 0, 0);
          requestAnimationFrame(step);
  	}
    requestAnimationFrame(step);
  })
});

Как поднять производительность FF при работе с css blur?

А примера как нарисовать видео через webgl у вас не завалялось?