This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Вариативные шрифты
Вариативные шрифты - это технология, благодаря которой один-единственный шрифтовой файл ведет себя как бесконечное множество начертаний.
То есть файл один, а информации в нём на целое шрифтовое семейство. Осей интерполяции при этом может быть сколько угодно — насыщенность, пропорции, контраст, изменение размера строчных/выносных, анимация.
Подробности в статье, а в песочнице наглядно показана работа с такими шрифтами.
Вариативные шрифты - это технология, благодаря которой один-единственный шрифтовой файл ведет себя как бесконечное множество начертаний.
То есть файл один, а информации в нём на целое шрифтовое семейство. Осей интерполяции при этом может быть сколько угодно — насыщенность, пропорции, контраст, изменение размера строчных/выносных, анимация.
Подробности в статье, а в песочнице наглядно показана работа с такими шрифтами.
Сервис для подключения иконок
Подключение иконок иногда сложнее, чем должно быть. SVGBox позволяет добавлять иконки в ваш проект с помощью простых тегов. Идея сервиса заключается в том, что включение значков должно быть таким же простым, как копирование и вставка.
SVGBox в настоящее время имеет 10 наборов значков и 3 405 значков. Коллекция постоянно пополняется и улучшается.
Синтаксис url иконки
Подключение иконок иногда сложнее, чем должно быть. SVGBox позволяет добавлять иконки в ваш проект с помощью простых тегов. Идея сервиса заключается в том, что включение значков должно быть таким же простым, как копирование и вставка.
SVGBox в настоящее время имеет 10 наборов значков и 3 405 значков. Коллекция постоянно пополняется и улучшается.
Синтаксис url иконки
https://s.svgbox.net/$ICONSET.svg?fill=$FILL_COLOR&ic=$ICON
Пример подключения<img src="https://s.svgbox.net/hero-solid.svg?fill=red&ic=heart" width="32" height="32">This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Scroll Snap слайдеры без js
CSS Scroll Snap позволяет привязать положение прокрутки к местоположению или определённым элементам после того, как пользователь прокрутил страницу.
Если относиться к этому ответственно, привязка прокрутки может стать полезным инструментом. Точки привязки CSS позволяют вам включиться во встроенный в браузер процесс работы с прокруткой без ущерба плавности интерфейса.
Свойство хорошо поддерживается браузерами.
CSS Scroll Snap позволяет привязать положение прокрутки к местоположению или определённым элементам после того, как пользователь прокрутил страницу.
Если относиться к этому ответственно, привязка прокрутки может стать полезным инструментом. Точки привязки CSS позволяют вам включиться во встроенный в браузер процесс работы с прокруткой без ущерба плавности интерфейса.
Свойство хорошо поддерживается браузерами.
Frontender Libs - обзор библиотек JS / CSS pinned Deleted message
Объект Math является встроенным объектом, хранящим в своих свойствах и методах различные математические константы и функции. Internet Explorer не поддерживает некоторые функции.