Frontender Libs - обзор библиотек JS / CSS – Telegram
Frontender Libs - обзор библиотек JS / CSS
8.1K subscribers
2.04K photos
735 videos
4 files
247 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Какой будет высота div
Anonymous Quiz
17%
100%
26%
20px
40%
-15px
17%
0
CSS | Интерактивное руководство по CSS Transitions

Статья начиная с основ transition, переходит к использованию готовых временных функций и созданию своих, подробно рассказывает о производительности анимации и способах её увеличения, а так же рассматривает анимацию в UX.

Все разделы снабжены примерами кода и наглядной демонстрацией
PHP | libphonenumber

libphonenumber for php - это порт на PHP библиотеки libphonenumber от Google.

Библиотека позволяет парсить, форматировать и валидировать номера телефонов.
JS | MutationObserver следим за изменением DOM

MutationObserver – это встроенный объект, наблюдающий за DOM-элементом и запускающий колбэк в случае изменений. Может быть полезен для реагирования на изменение разметки сторонним скриптом, который не предоставляет своих коллбэков.

В уроке показано использование MutationObserver на реальной задаче.
JS | Вибрируем телефоном, Navigator.vibrate()

Метод Navigator.vibrate() пульсирует вибрационным оборудованием на устройстве, если такое аппаратное обеспечение существует.

window.navigator.vibrate(200); // Вибрировать 200ms

Апи доступно в последних версиях Edge, Chrome и Firefox, не поддерживается в Опере и Сафари.
У каких элементов .child будет нижнее подчеркивание
Anonymous Quiz
41%
.child--3
19%
.child--1, .child--3
15%
У всех
25%
Ни у одного
This media is not supported in your browser
VIEW IN TELEGRAM
Приводим в порядок свой код

В статье идёт речь о таких средствах как Prettier, ESLint, Husky, Lint-Staged, EditorConfig, об автоматизации форматирования и линтинга кода.

Все инструменты подробно описаны и снабжены примерами настройки.
CSS | text-decoration-thickness тонкости типографики

Свойство text-decoration-thickness устанавливает толщину обводки декоративной линии, которая используется для текста в элементе.

Может быть полезно для изменения толщины линии в жирных заголовках.
8 хитростей для веб-разработчиков

Как стилизовать внешние ссылки, оформить подписи и субтитры, формирование массива с уникальными значениями и задавать динамические свойства объектов, всё это вы узнаете из статьи по ссылке.
PHP | Что нового будет в PHP 8.1

В постоянно дополняемой статье рассказывается о новых возможностях в PHP версии 8.1.

Выход версии 8.1 ожидается в ноябре 2021 года.
Что выведется в консоли?
Anonymous Quiz
26%
"Hello World"
43%
"HelloWorld"
17%
" "
14%
Error
JS | Управляем зависимостями

Серия из семи статей рассказывает о работе с зависимостями и затрагивает такие темы:
- Что такое пакет, манифест пакета и зависимости.
- Как правильно описывать зависимости для различных типов проектов.
- Как работает semver.
- Как установленные зависимости могут быть представлены в файловой системе.
- Поиск зависимостей (resolving).
- Инструменты для работы с зависимостями.
- Как обновлять зависимости.
- Как следить за безопасностью и предупреждать угрозы.
- Для чего нужны lock-файлы .
- Как можно эффективно работать над сотнями пакетов одновременно.
- Что такое фантомные пакеты.
- и многое другое.
PHP | Bcmath

BCMath - расширение PHP, которое предоставляет математические функции для работы с числами произвольной точности.

Помимо показанных в примере сложения и вычитания, bcmath содержит функции для умножения, деления, сравнения и другие.

В отличие от стандартных математических операторов, bcmath работает с числовыми строками.
CSS | Диагональная разметка с помощью css grid

Создавать диагональные блоки можно несколькими путями, в этой статье представлено решение через трансформацию, что в связке с гридами даёт отличный результат.
Какого типа media query не существует?
Anonymous Quiz
16%
All
49%
Speech
18%
Device
16%
Print
This media is not supported in your browser
VIEW IN TELEGRAM
PHP | Deployer

Deployer - написанный на PHP инструмент для автоматического развертывания ваших веб-приложений.

Имеет готовые сценарии развертывания для популярных фреймворков. Легко кастомизируется и настраивается для всех остальных.