👩‍💻 Тайные приемы CSS, используемые разработчиками Facebook

Вы когда-нибудь задумывались, как Facebook удается создавать такие гладкие, отзывчивые интерфейсы, безупречно работающие на миллионах устройств? Несмотря на сложность технологического стека, многие из наиболее впечатляющих функций пользовательского интерфейса основаны на хитроумных техниках CSS, часто остающихся незамеченными. Давайте рассмотрим некоторые из скрытых жемчужин, используемых разработчиками Facebook для создания своей платформы.

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

📱 @webdev_trends

#webdev #CSS #tips

👩‍💻 Руководство по обновлению WordPress PHP 8

Обновите свой сайт WordPress до PHP 8, чтобы повысить производительность, безопасность и чистоту кода. Это руководство проведет вас через весь процесс, включая проверку совместимости и устранение неполадок, для плавного перехода.

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

📱 @webdev_trends

#webdev #WordPress #PHP8

👩‍💻👩‍💻 Интеграция Python библиотек ИИ в Laravel для создания интеллектуальных возможностей

В этом руководстве я расскажу об интеграции библиотек ИИ на базе Python, таких, как TensorFlow, в приложение Laravel. Благодаря мощным возможностям Python в области машинного обучения и обработки данных можно создавать более интеллектуальные функции в проектах Laravel, что позволит обрабатывать сложные вычисления и предоставлять аналитические данные, основанные на искусственном интеллекте, непосредственно в приложении.

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

📱 @webdev_trends

#webdev #Laravel #Python #AI

👩‍💻 Как скрыть полосу прокрутки в Tailwind CSS

Существует множество способов настройки полос прокрутки в Tailwindcss. Мы рассмотрим три подхода к работе с полосами прокрутки, каждый со своими преимуществами.

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

📱 @webdev_trends

#webdev #Tailwind #Tailwindcs #CSS

👩‍💻 Стилизация элементов 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