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 за несколько шагов расскажет статья.

JS | Пошаговое изучение js с визуальным редактором

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

CSS | Погружение в тень

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

PHP жив!

Совсем недавно релизнулся PHP 8.0.0, современный удобный типизированный язык, востребованность PHP-спецов на биржах вакансий выросла на 15% в 2020-м, скорость сильно улучшилась в последних релизах

На сегодняшний день самая популярная экосистема на базе PHP - Laravel, это:

- Коробочная интеграция с Vue.js
- Механизм для отложенных задач
- Сокеты с авторизацией
и многое другое.

На канале WebCraft практикующие разработчики делятся тонкостями работы с Laravel и Vue.js, бест практиками в PHP / JS / CSS

Подписывайся, качай скиллы 👇