Frontender Libs - обзор библиотек JS / CSS

Объект Math является встроенным объектом, хранящим в своих свойствах и методах различные математические константы и функции. Internet Explorer не поддерживает некоторые функции.

Ночи не спим - делаем полезный контент Вот список всех наших каналов с полезными постами, примерами кода, готовыми решениями, все как вы любите: 👨‍💻 Senior Frontend крупнейший канал по фронту в телеграм 👨‍💻 Senior WebDev про веб разработку на стеке JS / CSS / PHP 👨‍💻 Frontend Interview здесь мы готовим к собеседованиям, делаем посты в виде викторин, вопросов/ответов, задачек потренироваться 👨‍💻 WebCraft - ремесло веб разработки для всех неравнодушных к экосистеме Laravel + Vue.js, которая отлично подходит для всех видов проектов

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

CSS | Scroll Snap слайдеры без js CSS Scroll Snap позволяет привязать положение прокрутки к местоположению или определённым элементам после того, как пользователь прокрутил страницу. Если относиться к этому ответственно, привязка прокрутки может стать полезным инструментом. Точки привязки CSS позволяют вам включиться во встроенный в браузер процесс работы с прокруткой без ущерба плавности интерфейса. Свойство хорошо поддерживается браузерами.

Как стать фронтендером в 2021? ✅ Выучить Angular, React или Vue ✅ Выйти на продвинутый уровень по верстке ✅ Прокачаться по Javascript ✅ Освоить английский для IT-шников Успеешь все? С курсом "Профессия Frontend-разработчик" от Skillbox точно успеешь, да еще и по новогодней акции со скидкой 60%

Сервис для подключения иконок Подключение иконок иногда сложнее, чем должно быть. 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">

league/csv League/CSV - отличная библиотека для работы с файлами в формате CSV, не привязанная к фреймворкам. Имеет простое и понятное API, позволяет как читать так и писать CSV файлы. Устанавливается одной командой composer require league/csv и не требует дополнительной настройки.

CSS | Вариативные шрифты Вариативные шрифты - это технология, благодаря которой один-единственный шрифтовой файл ведет себя как бесконечное множество начертаний. То есть файл один, а информации в нём на целое шрифтовое семейство. Осей интерполяции при этом может быть сколько угодно — насыщенность, пропорции, контраст, изменение размера строчных/выносных, анимация. Подробности в статье, а в песочнице наглядно показана работа с такими шрифтами.

CSS | Имитация рандома Элементы не могут действовать случайным образом в CSS, но этого можно достичь с помощью сложной формы анимации. Карточки в приведенном примере очень быстро переходят в разные состояния, и щелчок пользователя по одной из них приостанавливает анимацию, заставляя карточку переворачиваться в одном из определенных состояний. Пользователь может щелкнуть по карточкам в любое время, но анимация настолько быстрая, что действует как случайное начальное число для нашего взаимодействия, эти карточки, например, проходят через все 52 состояния всего за 1 секунду.

JS | Создание слайдера для сравнения изображений В статье шаг за шагом расписано как создать подобный слайдер, потребуются лишь базовые знания css и js.

JS | Проверка сайта на устаревший код Более 90% браузеров способны работать с современным JavaScript, но преобладание устаревшего JavaScript остается одним из основных источников проблем с производительностью в Интернете сегодня. EStimator.dev - это простой веб-инструмент, который вычисляет размер и улучшение производительности сайта, которого можно достичь, используя современный синтаксис JavaScript.