Заметки разработчика
472 subscribers
669 photos
4 videos
1.17K links
Заметки о Frontend, Backend и немного DevOps. В основном о #PHP, #Laravel, #JavaScript, #HTML, #CSS, тестировании и настройке серверов.

https://www.dev-notes.ru

@snakenf
Download Telegram
Одним из наиболее распространённых и сложных вопросов, с которыми сталкиваются фронтенд-инженеры, являются соглашения об именовании CSS. С популярностью метода Блок Элемент Модификатор (БЭМ) многие привыкли организовывать свои стили по удобной схеме.

Грядущая реализация @scope в Chrome может ещё больше расширить преимущества БЭМ, позволив определять стили на уровне блоков в таблице стилей. Это может упростить поддержку стилей и обеспечить более жёсткий контроль над CSS-каскадом, влияющим на любое фронтенд-приложение.

https://www.dev-notes.ru/articles/css/css-scope-replace-bem/
👍1
Вот несколько советов и приёмов, которые я узнал на своём пути, помогающих оптимизировать запросы к базе данных в Laravel. Иногда небольшие изменения могут быть очень существенными.

https://www.dev-notes.ru/articles/eloquent/optimizing-laravel-eloquent-queries/
👍1
Каскадная таблица стилей (CSS) — это мощный язык стилей, помогающий фронтенд разработчикам оформлять обычные веб-страницы. Однако при использовании этого языка стилей можно допустить ряд ошибок мешающих писать эффективный код. В данной статье рассматриваются некоторые распространённые ошибки и предлагается решение для каждой из них.

https://www.dev-notes.ru/articles/css/common-css-mistakes-we-make/
Вы когда-нибудь сталкивались с проблемой управления различными конфигурациями в Node.js приложениях? Хотелось бы иметь централизованный и организованный способ работы с такими секретами, как ключи API и учётные данные баз данных? Не ищите дальше! На помощь приходят переменные среды. В этой статье мы погрузимся в мир переменных среды в Node.js, рассмотрим их преимущества, примеры использования и лучшие практики эффективного управления ими.

Мы расскажем о настройке, доступе и организации переменных среды, а также об их использовании в различных средах и интеграции в сценарии npm. К концу этой статьи вы будете иметь полное представление о том, как переменные среды могут облегчить вашу жизнь как Node.js разработчика.

https://www.dev-notes.ru/articles/javascript/node-js-environment-variables-how-to-set-them-properly/
1👍1🔥1
В Symfony 6.4 добавлена поддержка переменной среды APP_BUILD_DIR и обновлены подогреватели кэша для получения параметра build_dir.

В приложениях Symfony опция kernel.build_dir определяет каталог, в котором при компиляции приложения генерируется содержимое, доступное только для чтения. В Symfony 6.4 мы внесли некоторые улучшения, связанные с этим параметром.

https://www.dev-notes.ru/articles/symfony/new-in-symfony-6-4-build-dir-improvements/
Кодирование — это весело. А вот отладка? …Не очень. Именно поэтому тестирование имеет решающее значение для успеха любого нетривиального проекта. В этой статье я покажу как легко начать тестировать свои Laravel приложения. Давайте растопим лёд раз и навсегда!

https://www.dev-notes.ru/articles/laravel/start-testing-your-laravel-code-in-less-than-5-minutes/
Определение чистого кода субъективно. Оно часто становится источником горячих споров между разработчиками в Интернете. В этой статье мы рассмотрим возможности Laravel, позволяющие писать меньше кода.

https://www.dev-notes.ru/articles/laravel/eight-ways-to-write-clean-and-terse-code/
Для frontend-разработчика одним из самых утомительных занятий является определение свойств текстовых элементов для различных размеров экрана с помощью медиа-запроса, что приводит к созданию большого файла css. В этой статье мы расскажем как сделать тексты на сайте отзывчивыми без использования медиа-запроса, тем самым сэкономив время и место.

https://www.dev-notes.ru/articles/css/responsive-typography-with-clamp/
CSS — постоянно развивающийся язык. С каждой итерацией он становится все лучше и лучше. Поэтому важно следить за новейшими возможностями CSS, чтобы использовать их в своих проектах и меньше зависеть от библиотек сторонних разработчиков.

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

https://www.dev-notes.ru/articles/css/upcoming-css-features-to-make-your-life-easier/
Ошибка 503 Service Temporarily Unavailable — это распространённый код состояния HTTP, который указывает на недоступность веб-сервера. Её появление означает, что в данный момент сервер не может обработать запрос из-за временной перегрузки или технического обслуживания. В данной статье мы рассмотрим причины возникновения ошибки 503, типичные сценарии её появления и эффективные шаги по устранению этой проблемы в Nginx.

https://www.dev-notes.ru/articles/devops/how-to-fix-503-error-nginx/
👍1
В Chrome 118 появилась новая возможность медиа-запрос prefers-reduced-transparency из CSS Media Queries 5. Непрозрачные интерфейсы могут вызывать головную боль или мешать зрительному восприятию при различных нарушениях зрения. Именно поэтому в Windows, macOS и iOS существуют системные настройки, позволяющие уменьшить или убрать прозрачность пользовательского интерфейса.

https://www.dev-notes.ru/articles/css/prefers-reduced-transparency/
Выберите оптимизированный перенос текста, для красоты, а не для скорости.
В Chrome 117 можно использовать новую функцию переноса текста — text-wrap: pretty из CSS Text Level 4.

https://www.dev-notes.ru/articles/css/text-wrap-pretty/
В Symfony 6.4 добавлены новые обработчики Messenger, позволяющие запускать процессы, команды и пинговать URL-адреса.

Компонент Messenger построен на базе двух основных концепций: сообщений (это классы, содержащие данные) и обработчиков (это классы, вызываемые при отправке сообщения).

В Symfony 6.4 мы вводим несколько новых встроенных обработчиков, чтобы вы могли использовать эти возможности в своих приложениях без необходимости их реализации.

https://www.dev-notes.ru/articles/symfony/new-in-symfony-6-4-more-built-in-message-handlers/
На прошлой неделе я написал в твиттере о том, как выглядят контроллеры в моих приложениях и как я вообще к ним отношусь. Этот твит быстро стал вирусным и привлёк к себе много внимания, но, к сожалению, не по тем причинам. Поэтому в этой статье я хотел бы пролить свет на то, к чему я стремился, и объяснить, каким должен быть (UI) контроллер в целом.

https://www.dev-notes.ru/articles/laravel/controllers-and-their-true-purpose/
Laravel htmx — это пакет Maurizio Bonani, позволяющий работать с библиотекой htmx. Эта библиотека позволяет получать доступ к современным функциям браузера непосредственно из HTML, а не с помощью JavaScript:

htmx предоставляет доступ к AJAX, CSS Transitions, WebSockets и Server Sent Events непосредственно в HTML, используя атрибуты, что позволяет создавать современные пользовательские интерфейсы с простотой и мощью гипертекста.

htmx имеет небольшой размер (~14k min.gz), не содержит зависимостей, расширяем, совместим с IE11 и сократил размер кодовой базы на 67% по сравнению с react


https://www.dev-notes.ru/articles/laravel/package-laravel-htmx/