👩‍💻 Стилизация элементов Shadow DOM Web Компонента с помощью встроенных стилей

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

Сегодня мы подробно рассмотрим первый из них: встроенный CSS.

Давайте разбираться!

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #CSS #WebComponent #ShadowDOM

👩‍💻 Laravel под капотом — немного о макросах

Как часто вы желали получить метод, которого нет в коллекциях или строковых хелперах? Вы начинаете выстраивать цепочки методов, но натыкаетесь на стену, когда оказывается, что одного из них не существует. Честно говоря, это вполне объяснимо: фреймворки, знаете ли, вещь универсальная. Я сам неоднократно оказывался в такой ситуации. Каждый раз, прежде чем приступить к расширению фреймворка, я проверял, является ли то, что я хочу расширить, макросом или нет. Но что это значит? Именно это мы и будем изучать!

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #Laravel #Macros

👩‍💻 Интерфейсы PHP: Руководство с практическими примерами

В PHP интерфейс — это способ определить образец для классов, указывающий методы, обязательные для любого класса, реализующего интерфейс. Считайте, что это контракт между интерфейсом и классом, реализующим его. Это мощный инструмент в объектно-ориентированном программировании (ООП), позволяющий разработчикам определить набор функций, подлежащих реализации, что помогает сохранить последовательность и организованность кода в рамках всего проекта.

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

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #PHP #Interface

👩‍💻 Глубокое погружение в JavaScript наследование - 7 мощных техник

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

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

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #JavaScript #JS #Inheritance

👩‍💻 Дружелюбное введение в контейнерные запросы

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

Наконец-то контейнерные запросы появились. Они поддерживаются во всех основных браузерах уже почти два года. Наши молитвы были услышаны!

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #CSS #Container

👩‍💻 Атрибуты импорта JavaScript (ES2025)

Новый синтаксис атрибутов импорта и почему мы больше нельзя полагаться только на расширения файлов.

JavaScript получает новую функцию, делающую импорт модулей более явным и безопасным. Атрибуты импорта добавляют способ передачи метаданных о любом импортируемом модуле — будь то JSON, JavaScript или другие типы модулей.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #CSS #Container

👩‍💻 Архитектурное тестирование с Laravel Pest

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

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

В статье мы познакомимся с архитектурным тестированием и преимуществами его использования. Затем рассмотрим, как писать архитектурные тесты для приложений Laravel с помощью Laravel Pest, популярного фреймворка для тестирования PHP. К концу статьи вы будете уверены в написании архитектурных тестов для своих приложений Laravel.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #Laravel #Pest

👩‍💻 Различные (и современные) способы переключения контента

Легко придерживаться того, что вы знаете. Когда речь идет о переключении контента, это может быть display: none или opacity: 0 с некоторым количеством JavaScript. Но сегодня веб стал более «современным», поэтому, возможно, сейчас самое время взглянуть на различные способы переключения содержимого с высоты птичьего полета — какие нативные API действительно поддерживаются сейчас, их плюсы и минусы, а также некоторые вещи, о которых вы могли не знать (например, псевдо-элементы и другие неочевидные вещи).

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #HTML #CSS

👩‍💻 Центрирование: проблема решена?

Выравнивание по вертикали и горизонтали без grid или flexbox, text-box-trim и выравнивание абсолютно позиционированного элемента

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #CSS #Centering

👩‍💻 Promise.try: Унифицированная обработка ошибок для синхронного и асинхронного кода JavaScript (ES2025)

Прекратите смешивать try/catch с цепочками Promise - новый Promise.try в JavaScript единообразно обрабатывает возвращаемые значения, Promises и ошибки

В JavaScript появилась новая утилита Promise, позволяющая сделать работу с потенциально асинхронными функциями чище и безопаснее. Promise.try позволяет обернуть любую функцию в Promise, независимо от того, является ли она асинхронной или нет, сохраняя при этом оптимальное время выполнения.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #JS #JavaScript #Promise

👩‍💻 Новые сообщения об ошибках PHP в PHP 8.4

В грядущей версии PHP 8.4 появятся новые сообщения об ошибках, а также будут удалены некоторые из старых. Новые сообщения связаны с новыми функциями, устаревшими, удаленными и дополнительными проверками в исходном коде. Давайте рассмотрим новые сообщения об ошибках PHP в PHP 8.4 и подготовим наш код к ноябрю 2024 года.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #PHP #PHP84

👩‍💻 Руководство по совместимости WordPress плагинов с PHP 8

Убедитесь, что ваши плагины WordPress полностью совместимы с PHP 8! В этом руководстве рассматриваются общие проблемы, решения и оптимизации, позволяющие максимально использовать улучшения производительности PHP 8.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #WordPress #Plugin #PHP8