Alex Loskutov

@alexloskutov
1 Followers
27 Following
25 Posts
Заметки разработчикаhttps://www.dev-notes.ru
Заметки разработчикаhttps://t.me/dev_notes_ru
GitHubhttps://github.com/aloskutov

Вы, вероятно, уже знаете, что можно использовать :where() для снижения специфичности одного селектора, но знали ли вы, что можно добиться аналогичного эффекта сразу для нескольких правил?

https://www.dev-notes.ru/articles/css/lowering-rules-priority-with-layer/

#css #frontend

Понижаем приоритет группы CSS-правил с помощью @layer

Узнайте, как использовать CSS-слои (@layer), чтобы переопределять стили из сбросов, библиотек и легаси-кода. Подробные примеры и подводные камни !important.

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

Обновлена статья о коллекциях Laravel:

Узнайте, как использовать Коллекции Laravel для фильтрации, преобразования и оптимизации работы с данными. От основ (filter, map) до продвинутых техник: ленивые коллекции, макросы и операции сведения.

https://www.dev-notes.ru/articles/laravel/collections/

#Laravel #Collection #Eloquent #PHP

Laravel Коллекции от А до Я: Фильтрация, Lazy Collections и макросы

Хватит писать циклы! Узнайте, как использовать Коллекции Laravel для фильтрации, трансформации и обработки миллионов записей без утечек памяти.

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

Чем отличается описательный текст атрибута alt изображения от подписи figcaption, которая размещается в элементе <figure>?

https://www.dev-notes.ru/articles/a11y/figcaption-versus-alt-text/

#a11y #html

Зачем нужен `figcaption`, если есть `alt`

Разбираемся, чем отличается атрибут alt от элемента <figcaption> в HTML. Когда использовать подпись к изображению, а когда достаточно alt? Примеры и простой тест для самопроверки.

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

Атрибуты и свойства HTML-элементов часто путают, но их различие напрямую влияет на работу с формами и динамическим контентом. Разбираемся, почему input.value и getAttribute('value') возвращают разные значения и как писать надёжный код.

https://www.dev-notes.ru/articles/html/attributes-and-properties-what-is-the-difference/

#HTML #JavaScript

Атрибуты и свойства HTML: в чём разница

Разбираем ключевое различие между атрибутами и свойствами HTML на примере value у <input>. Объясняем природу расхождения, частные случаи и даём практические правила для надёжного кода.

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

URL Pattern API — это как регулярные выражения для адресной строки, только проще. Разбираем синтаксис, три главных метода и сценарии использования: от умного кэширования в Service Worker до роутинга на сервере.

https://www.dev-notes.ru/articles/javascript/url-pattern-api-routing-in-javascript/

#javascript

URL Pattern API: Маршрутизация в JavaScript

URL Pattern API — стандарт для валидации URL и извлечения параметров. Синтаксис, методы test() и exec(), примеры для Service Worker, SPA и Deno.

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

📄 Trusted publishing в npm: инструкция по настройке

Ссылка: https://www.dev-notes.ru/articles/nodejs/trusted-publishing-npm/

В статье:
• Где искать настройки на npmjs.com (адрес: /access)
• Что писать в package.json (формат репозитория, provenance)
• Как обновить GitHub Actions (права, версия npm, флаги)
• Полный рабочий workflow (копируй и вставляй)
• Разбор ошибок (особенно 403)
• Автоматизация через API для десятков пакетов

Подходит для тех, кто переходит с токенов на trusted publishing после их отзыва.

#npm #devops

Trusted Publishing: пошаговое руководство для npm

Trusted publishing в npm: где искать настройки, какие флаги добавлять и почему документация npm не всегда права. Пошаговое руководство с реальными примерами.

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

Чистое API для чтения PHP-атрибутов

Сколько строк кода вы пишете, чтобы просто прочитать один атрибут у класса? Обычно это 3-5 строк с ReflectionClass, проверкой count($attributes) > 0 и вызовом newInstance(). А если нужно найти все атрибуты Validate в свойствах, методах и параметрах — код разрастается до неприличных размеров.

Spatie выпустили элегантное решение spatie/php-attribute-reader, которое превращает это безобразие в одну строку.

https://www.dev-notes.ru/articles/php/attribute-reader/

#PHP8 #PHP

Чистое API для чтения PHP-атрибутов

Устали от многословного Reflection API для PHP-атрибутов? Узнайте, как пакет Spatie Attribute Reader заменяет 5 строк кода одной и ищет атрибуты по всему классу мгновенно.

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

Руководство по стилю объектного проектирования для PHP 8.5

Хватит писать код, который только имитирует инкапсуляцию. 🙃

В 2019-м Нобак выпустил Object Design Style Guide — манифест о том, какими должны быть объекты. В 2025-м PHP 8.5 наконец-то догнал эту философию и встроил её прямо в синтаксис.

Теперь не нужно выбирать между «правильно» и «быстро». В статье рассматриваем, как новые фичи меняют повседневную практику.

https://www.dev-notes.ru/articles/php/object-design-style-guide-for-php-8.5/

#PHP85 #PHP

Руководство по стилю объектного проектирования для PHP 8.5

Узнайте, как принципы объектного дизайна реализуются в PHP 8.5. Асимметричная видимость, хуки свойств, pipe-оператор и другие новые возможности для чистого кода.

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

5 фишек про агрегатные функции в #SQL которые должен знать каждый:

1. COUNT(*) считает все строки, даже с NULL
2. AVG() пропускает NULL — но AVG(DISTINCT) даст другой результат
3. GROUP BY группирует, HAVING фильтрует группы
4. SUM(column) ≠ SUM(DISTINCT column)
5. MIN() и MAX() — быстрее, чем ORDER BY LIMIT

Подробности — в статье 👇
https://www.dev-notes.ru/articles/database/aggregate-functions-in-sql/

Агрегатные функции SQL — примеры и использование

В статье мы рассмотрим наиболее часто используемые агрегатные функции SQL, их синтаксис, практические примеры и способы оптимального использования в запросах.

Заметки разработчика
The :focus-visible #CSS pseudo-class: "Instead of showing focus rings all the time (like when someone clicks a button), it only shows them when the user is actually navigating with the keyboard." https://html-css-tip-of-the-week.netlify.app/tip/focus-visible/
The :focus-visible pseudo-class

:focus-visible is an improved version of :focus, meaning we don't have to fight those focus rings