13 способов вертикального центрирования в 2020

1. Абсолютное позиционирование + margin: auto
2. top: 50% + translateY(-50%)
3. Таблицы + vertical-align: middle
4. Использование псевдоэлемента с height: 100% и vertical-align: middle
5. margin: auto внутри flex-контейнера
6. Использование псевдоэлементов с flex-grow: 1 внутри flex-контейнера
7. Выравнивание по осям внутри flex-контейнера (align-items: center или justify-content: center)
8. Выравнивание потомка flex-контейнера (align-self: center)
9. Выравнивание по осям внутри grid-контейнера
10. Выравнивание потомка grid-контейнера
11. Использование псевдоэлементов внутри grid-контейнера + указание размеров рядов в fr
12. Явное указание занимаемого ряда для потомка grid-контейнера (grid-row: 2/3)
13. margin: auto внутри grid-контейнера

Источник: https://www.youtube.com/watch?v=ngT6ZiInXDY

Шпаргалка верстальщику по BEM

Компоненты разложенные на составляющие согласно BEM методологии.

https://9elements.com/bem-cheat-sheet/#page-navigation

Порядок отрисовки в CSS
Как браузер решает, в каком порядке отрисовывать элементы при их наложении друг на друга 


https://abandonedwig.info/blog/2020/07/03/css-painting-order.html

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

http://odinokun.com/2020-07-06-kastomnye-css-svojstva-ne-rabotayut-bez-folbeka.html

Круговое меню на HTML, CSS и JS

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

https://youtu.be/RR1Ag4SQ54E

Презентация yandex/ui — open source библиотеки React-компонентов от Яндекса

Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом через дизайн-токены), скорость рендеринга, доступность и так далее.
Я расскажу о принципах, которые заложены в библиотеку, и о том, как начать её использовать в вашем проекте.

Запись доклада https://youtu.be/trwdc0JCelA
Репозиторий https://github.com/bem/yandex-ui