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

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

8 хитростей для веб-разработчиков Как стилизовать внешние ссылки, оформить подписи и субтитры, формирование массива с уникальными значениями и задавать динамические свойства объектов, всё это вы узнаете из статьи по ссылке.

CSS | text-decoration-thickness тонкости типографики Свойство text-decoration-thickness устанавливает толщину обводки декоративной линии, которая используется для текста в элементе. Может быть полезно для изменения толщины линии в жирных заголовках.

WebDev головного мозга — telegram канал с полезными материалами, ссылками, статьями и книгами о веб-разработке. Читайте, запоминайте, применяйте на практике и делитесь с друзьями!🚀

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

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

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

Апи доступно в последних версиях Edge, Chrome и Firefox, не поддерживается в Опере и Сафари.

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

Highload - это канал нового медиа для разработчиков, которое запускается в феврале. Ребята создают сообщество разработчиков, которые будут делиться техническими решениями с примерами кода, разбирать сложные и нетривиальные задачи, рассказывать, как устроены «под капотом» те или иные продукты. Например, в Highload проанализировали статьи о трендах разработки 2021-го года сразу нескольких ресурсов и разработчиков (основатель Core dna Сэм Солтис, IT-консультант Алексей Гуреев и др.) и составили свой список: https://t.me/highloadtoday/11 Подписывайтесь! https://t.me/highloadtoday Тут будет много полезной информации и технических решений без воды. 📫Будем рады, если вы поделитесь с редакцией собственными решениями в разработке. Их опубликуют, когда запустится сайт. Ваши кейсы ждут на news@highload.today

PHP | libphonenumber libphonenumber for php - это порт на PHP библиотеки libphonenumber от Google. Библиотека позволяет парсить, форматировать и валидировать номера телефонов.

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

Изучаете HTML & CSS и задаетесь вопросом, как сделать процесс разработки более комфортным. Приходите на бесплатный вебинар от GeekBrains, мы поговорим о том, как повысить скорость и качество. Рассмотрим: ⁃ Методологии названия классов ⁃ Валидаторы ⁃ Препроцессоры ⁃ Необходимые расширения ⁃ Плагины Будем говорить о преимуществах и минусах использования, поэтому после вебинара вы сможете углубиться в технологии, подходящие под ваши задачи. Записывайтесь тут https://geekbrains.ru/link/fi-h~T

PHP | PHPIntelephense PHPIntellephense - расширение для популярного редактора кода Visual Studio Code. Расширение предоставляет такие IDE-like возможности как: - Автодополнение кода, как стандартных классов и функций, так и по коду проекта - Справка по классам и функциям по наведению - Поиск функций, классов и методов по проекту - И другие

JS | Очередная порция однострочников Генерация случайного числа в заданном диапазоне

const randomNumberInRange = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

Переключение логического значения

const toggle = (value) => value = !value

Сортировка элементов массива в случайном порядке

const sortRandom = (arr) => arr.sort(() => Math.random() - 0.5)

И еще 12 однострочников с пояснениями в статье.