Приводим в порядок свой код

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

Все инструменты подробно описаны и снабжены примерами настройки.

CSS | text-decoration-thickness тонкости типографики

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

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

8 хитростей для веб-разработчиков

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

PHP | Что нового будет в PHP 8.1

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

Выход версии 8.1 ожидается в ноябре 2021 года.

JS | Управляем зависимостями

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

PHP | Bcmath

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

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

В отличие от стандартных математических операторов, bcmath работает с числовыми строками.

CSS | Диагональная разметка с помощью css grid

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

PHP | Deployer

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

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

JS | Доступ к аппаратным возможностям устройства через api

Статья поможет вам выбрать лучший API для связи с аппаратным устройством (например, веб-камерой, микрофоном и т. д.) через браузер. Статья поможет если вы знаете общий вариант использования, который хотите решить (например, доступ к видео), но не знаете, какой API использовать, или задаетесь вопросом, есть ли другой способ добиться этого.

Плохие привычки от которых пора отказаться

Вы жалуетесь на сложность css или js, думаете что можете реализовать всё используя только html+css, считаете tailwind ужасным или считаете его спасением фронтенда? Тогда эта статья для вас.

Ироничная статья о вредных привычках которыми страдают многие фронтендеры, с полезными советами для избавления от них.

JS | Доступ и управление css переменными

Объединение мощи js и css может сильно облегчить создание сложных манипуляций с макетом, когда использовать только css невозможно, а реализация на js получается раздутой из-за неудобного управления стилями и разметкой.

В статье разобран комплексный подход - используя скрипты в css переменные записываются координаты курсора и элемент следует за мышью уже с помощью css.

CSS | SmolCSS - просто не значит плохо

SmolCSS - это коллекция небольших CSS-фрагментов которая служит как кратким справочником, так и напоминанием о том, насколько простым и мощным стал CSS.

Коллекция содержит сетку на flex и grid, автоматическое центрирование, умные отступы, респонсивную галерею и многое другое и всё это без использования скриптов.

Все элементы снабжены ссылками на CodePen.

HTML | Автотесты, теперь и для разметки

При разрастании проекта становится сложно отслеживать как изменения в одном блоке могут отразиться на разметке других страниц или при смене темы или состояния сайта, в этом случае на помощь приходит регрессивное тестирование - автоматическое создание и сравнение скриншотов сайта, или отдельных блоков.

Подробнее в статье.