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

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

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

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

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

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

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

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

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

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

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

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

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

PHP | TemporaryDirectory

spatie/temporary-directory - пакет для работы с временными директориями внутри системной временной директории.

Устанавливается через composer и не требует настройки.

JS | Таймер на сайт, легко и удобно

Сервис e-timer.ru - это бесплатный онлайн генератор таймера обратного отсчета для сайта.
Множество настроек отображения позволяют оформить его в нужном стиле, работает на jQuery.

PHP | Скачивание файлов

Если Вы в вашем приложении отдаете файлы на скачивание, то не забудьте передать правильные заголовки ответа.

CSS | Поговорим о кроссбраузерности

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

PHP | WSDL2PHP

wsdl2phpgenerator-cli - консольное приложение для генерации PHP классов из файлов WSDL.

Полученные классы сильно упрощают работу с SOAP сервисами.

JS | Подробности о фильтровании массивов

В этой статье вы узнаете то, как работает вроде бы незамысловатый filter() в JavaScript и увидите разные вариации его глубокого применения.

Почему вы всё еще не используете PWA?

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

О том как превратить ваш сайт в PWA за несколько шагов расскажет статья.