Заметки разработчика

👩‍💻 Различие между PHP getenv() и $_ENV Переменные среды играют важную роль в современной разработке, в частности, для управления конфиденциальными данными, такими как ключи API или специфические конфигурации среды. В PHP существует два основных способа доступа к этим переменным: функция getenv и суперглобальная переменная $_ENV. Хотя они могут показаться взаимозаменяемыми, но ведут себя по-разному и могут создавать проблемы при неправильном использовании. 🖥 Читать статью 📱 @dev_notes_ru #PHP #getenv #ENV

👩‍💻 Руководство по вебхукам в Laravel Свежее руководство по вебхукам в Laravel от Steve McDougall. Освойте вебхуки в Laravel. Узнайте о настройке, безопасности, обработке событий и многом другом, позволяющем создавать мощные интеграции в режиме реального времени. В наши дни общение в реальном времени не просто ожидается — оно необходимо. Пользователям надоело ждать обновления всей страницы, чтобы получить самую свежую информацию. Появились вебхуки, невоспетые герои мира технологий. О них мало кто говорит, но это скоро изменится. Моя миссия — создать полное руководство по вебхукам в Laravel, сделав его основным ресурсом для интеграции веб-хуков в следующее приложение на Laravel. 🖥 Читать статью 📱 @dev_notes_ru #Laravel #webhook

👩‍💻 Что такое PSR-6: Руководство по стандартам кэширования PHP PHP приложение тормозит из-за повторяющихся запросов к базе данных или неэффективного кэширования? Вы хотите, чтобы переключение между библиотеками кэширования было более простым? PSR-6 — стандарт PHP, обеспечивающий согласованный интерфейс для систем кэширования, делающий код гибким, эффективным и простым в сопровождении. 🖥 Читать статью 📱 @dev_notes_ru #PHP #PSR6

👩‍💻 CSS `@import`: Плюсы и минусы Использование @import обычно считается плохой практикой. Несмотря на определённые соображения, связанные с производительностью, @import предоставляет полезную функциональность, которой не обладает <link>. 🖥 Читать статью 📱 @dev_notes_ru #Frontend #CSS #import

📱 @dev_notes_ru #joke

Отладка мелкого бага 📱 @dev_notes_ru #joke

👩‍💻 Не раздражающая валидация формы: CSS :user-valid и :user-invalid Новые псевдоклассы :user-valid и :user-invalid предоставляют более умный способ стилизации состояния валидности формы в зависимости от действия пользователя. Стилизация валидации форм всегда была сложной задачей. Новые псевдоклассы :user-valid и :user-invalid устраняют давнее неудобство CSS стилизации валидации форм — слишком раннее отображение состояния ошибки. В отличие от своих предшественников :valid и :invalid, новые селекторы ждут реального взаимодействия с пользователем, перед применением стилей. Это, небольшое отличие приводит к значительному улучшению пользовательского опыта: больше нет полей, помеченных как невалидные до того, как пользователь начал вводить текст. 🖥 Читать статью 📱 @dev_notes_ru #Frontend #CSS #Form #Validation

👩‍💻 align-content: Простой способ выравнивания по центру с CSS Наконец, можно центрировать/выравнивать по центу содержимое блочных макетов, не прибегая к flexbox гимнастике Блочные макеты были частью CSS с самого начала, но им всегда не хватало необходимых элементов управления выравниванием. Теперь, благодаря поддержке align-content в блочных макетах, можно центрировать по вертикали с той же гибкостью, что и в flex и grid. 🖥 Читать статью 📱 @dev_notes_ru #Frontend #CSS #AlignContent

👩‍💻 HTML элемент <details>: Встроенный аккордеон, который вы не используете Узнайте, как HTML элемент <details> может заменить JavaScript аккордеоны и почему он может быть лучше, чем ваше текущее решение. HTML элемент <details>, возможно, один из самых недооцененных встроенных элементов. Меня постоянно удивляет, как много разработчиков прибегают к использованию JavaScript, когда им нужно показать/скрыть содержимое, совершенно не обращая внимания на эту встроенную возможность. 🖥 Читать статью 📱 @dev_notes_ru #HTML #details

👩‍💻 navigator.clipboard — Новый асинхронный Clipboard API в JavaScript Копирование и вставка текста, изображений и файлов с помощью нового API navigator.clipboard Впервые столкнувшись с новым API navigator.clipboard, я был поражён тем, насколько просто он упростил копирование и вставку в веб-приложениях. Прошли времена хаков document.execCommand. Раньше для обработки операций с буфером обмена использовался document.execCommand("copy"). Этот подход был синхронным и ограниченным — он мог копировать текст только из выбранных элементов DOM. Кроме того, в разных браузерах он работал нестабильно. 🖥 Читать статью 📱 @dev_notes_ru #JavaScript #Clipboard #API

Ревью пул-реквеста после праздников 📱 @dev_notes_ru #joke

👩‍💻 CSS @supports Определение поддержки возможностей CSS и обеспечение интеллектуального отката с помощью @supports Я постоянно использую @supports, проверяя, могут ли браузеры работать с современными возможностями CSS. Считайте, это страховкой для стилей — если браузер не поддерживает какую-либо современную функцию, можно обеспечить надёжный резервный вариант. 🖥 Читать статью 📱 @dev_notes_ru #Frontend #CSS #supports

Нарушителей заставят отлаживать PHP код 📱 @dev_notes_ru #joke

Дорогой Санта я хочу создать операционную систему с помощью HTML 📱 @dev_notes_ru #joke

👩‍💻 CSS единицы измерения lh и rlh Изучение новых относительных единиц измерения CSS основанных на высоте строки и позволяющих отказаться от угадывания вертикального ритма. 🖥 Читать статью 📱 @dev_notes_ru #Frontend #CSS #lh #rlh

👩‍💻 HTML элемент search 24 марта 2023 года в спецификации HTML появился элемент search — специализированный контейнер для интерфейсов поиска. Элемент <search> служит семантической обёрткой для форм поиска и фильтрующих компонентов UI. Он обеспечивает лучшую доступность, чем общие элементы <div>, и разъясняет назначение связанного с поиском контента как браузерам, так и вспомогательным технологиям. До его появления разработчики полагались на типовые элементы div с ролями ARIA для обозначения областей поиска — решение приемлемое, но не идеально. Элемент search меняет ситуацию, предоставляя собственное семантическое значение для интерфейсов поиска и фильтрации. 🖥 Читать статью 📱 @dev_notes_ru #html #search

Описание работы vs Работа 📱 @dev_notes_ru #joke

📱 @dev_notes_ru #joke

💡 Совет по Laravel: Метод `withWhereHas` Вам когда-нибудь требовалось загрузить отношения в режиме жадной загрузки, но при этом ограничить их существование? Хотя это можно сделать вручную с помощью двух методов, Laravel поставляется с методом withWhereHas, позволяющим сделать именно это 🚀. 📱 @dev_notes_ru #Laravel #tips