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

Как бы полезно это ни звучало, но nl2br() может оставить вас уязвимым для межсайтового скриптинга (XSS)… Вместо него лучше использовать CSS! https://www.dev-notes.ru/articles/php/security-tip-dont-use-nl2br/

Изучите работу движка JavaScript, от разбора кода до оптимизации его производительности, а также такие ключевые техники, как скрытые классы и управление памятью. https://www.dev-notes.ru/articles/javascript/the-javascript-engine-how-machines-read-your-code/

Random генерирует криптографически защищённые случайные значения в различных форматах с помощью простого PHP пакета. https://www.dev-notes.ru/articles/php/in-depth-introducing-random/

Узнайте, как использовать Fetch API - более простую и удобную альтернативу XMLHttpRequest, основанную на промисах, — с помощью Node.js, Deno и Bun. https://www.dev-notes.ru/articles/javascript/fetch-api-node-deno-bun/

Внедрение текучей типографики означает создание текста, адаптирующегося к различным размерам экрана. По мере совершенствования технологий продолжают появляться устройства различных форм и размеров. Как фронтенд-разработчик, вы должны создавать приложения, которые хорошо адаптируются к различным размерам экрана. Дизайн с использованием текучей типографики улучшает пользовательский опыт и доступность; в этой статье мы расскажем как это сделать. https://www.dev-notes.ru/articles/css/doing-fluid-typography-for-responsive-designs/

Нюансы среды выполнения JavaScript и почему каждый опытный специалист должен быть хорошо знаком с ними. https://www.dev-notes.ru/articles/javascript/nuances-of-javascripts-runtime-environment/

Оптимизация запросов к MySQL считается актуальной темой среди бэкенд-разработчиков, поскольку ресурсы базы данных имеют решающее значение. Очень важно экономить и избегать перерасхода этих ресурсов. https://www.dev-notes.ru/articles/database/query-optimization-techniques-improving-mysql-database-speed/

Сегодня я хочу рассказать о том, как подхожу к CSS-архитектуре в своих проектах. Давайте покопаемся! https://www.dev-notes.ru/articles/css/hug-css-how-i-approach-css-architecture/

Сегодня я хочу поговорить о бесклассовых и основанных на классах дизайн-системах CSS, бойлерплейтах и фреймворках: чем они отличаются, какой подход я предпочитаю и так далее. https://www.dev-notes.ru/articles/css/classless-vs-class-based-css-design-systems/

Несмотря на то, что я большой поклонник Symfony, я считаю, что для больших приложений стандартная структура каталогов оставляет желать лучшего. https://www.dev-notes.ru/articles/symfony/improving-cohesion-in-symfony-storing-twig-templates-with-the-code/

Хелпер fake() в Laravel — это мощный инструмент для генерации фиктивных данных. Узнайте, как использовать его для заполнения баз данных и прототипов. https://www.dev-notes.ru/articles/laravel/fake-helper/

Null-safe оператор был добавлен в PHP 8.1: это новый объектный оператор, предотвращающий фатальную ошибку и последующую остановку выполнения при вызове метода или свойства со значением null. Он имеет большую привлекательность, поскольку называется "безопасным" и сокращает количество проверок перед вызовом метода. Однако на практике у оператора nullsafe есть и свои недостатки. https://www.dev-notes.ru/articles/php/null-safe-operator-in-practice/

Tailwind CSS - мой любимый CSS-фреймворк, которым я пользуюсь с 2018 года. Позвольте мне поделиться своими знаниями и соображениями, полученными благодаря многолетнему опыту. https://www.dev-notes.ru/articles/frontend/tailwind-css-best-practices/

Обновлена статья "Как создать favicon/фавикон в 2024 году" Отдавайте предпочтение SVG, а не PNG, доверяйте браузерам в вопросах уменьшения масштаба, отказывайтесь от непонятных форматов — это полное, исчерпывающее руководство по favicon/фавикон для современного веба. Включает шаги для статического HTML и Webpack. https://www.dev-notes.ru/articles/frontend/how-to-favicon-six-files-that-fit-most-needs/

В этой статье мы рассмотрим использование CSS свойства gap, позволяющее очень просто добавлять пространство между элементами и решающее ряд проблем с вёрсткой, беспокоивших разработчиков на протяжении многих лет. https://www.dev-notes.ru/articles/css/gap-property/

Laravel предлагает элегантную возможность вызова методов под названием Facades. На первый взгляд, они напоминают статические методы, но это не так! Что за волшебство творит Laravel? https://www.dev-notes.ru/articles/laravel/laravel-core-facades/

JavaScript — универсальный язык программирования, позволяющий разработчикам создавать динамичные и интерактивные веб-приложения. Хотя основная функциональность языка заключается в манипулировании веб-контентом с помощью объектной модели документа (DOM), JavaScript также предоставляет объектную модель браузера (BOM) для взаимодействия со средой браузера. https://www.dev-notes.ru/articles/javascript/understanding-bom-in-javascript/

Состояние фокуса пользователя совершенно не учитывается веб-разработчиками. Представьте себе навигацию по сайту без чёткого указания того, где вы находитесь и с чем взаимодействуете; это сбивает с толку. Именно здесь на помощь приходят CSS-псевдоклассы, такие, как :focus, :focus-within и :focus-visible. Цель этой статьи — пролить свет на важность состояния фокуса в веб-разработке. https://www.dev-notes.ru/articles/css/a-guide-to-focus-focus-within-and-focus-visible/

Я работал с Laravel и Docker с 2016 по 2022 год. В течение всех этих лет у меня была небольшая проблема, связанная с переменными среды. https://www.dev-notes.ru/articles/laravel/laravel-without-dotenv-files/

Как осуществить плавную миграцию от массива к объекту в PHP: используя динамический синтаксис PHP, общий для массивов и объектов https://www.dev-notes.ru/articles/php/smooth-migration-from-array-to-object/