Вы, вероятно, уже знаете, что можно использовать :where() для снижения специфичности одного селектора, но знали ли вы, что можно добиться аналогичного эффекта сразу для нескольких правил?
www.dev-notes.ru/articles/css...
#css #frontend
Обновлена статья:
Узнайте, как использовать Коллекции Laravel для фильтрации, преобразования и оптимизации работы с данными. От основ (filter, map) до продвинутых техник: ленивые коллекции, макросы и операции сведения.
www.dev-notes.ru/articles/lar...
#Laravel #Collection #Eloquent #PHP
Чем отличается описательный текст атрибута alt изображения от подписи figcaption, которая размещается в элементе <figure>?
www.dev-notes.ru/articles/a11...
#a11y #html
Атрибуты и свойства HTML-элементов часто путают, но их различие напрямую влияет на работу с формами и динамическим контентом. Разбираемся, почему input.value и getAttribute('value') возвращают разные значения и как писать надёжный код.
www.dev-notes.ru/articles/htm...
#HTML #JavaScript
URL Pattern API — это как регулярные выражения для адресной строки, только проще. Разбираем синтаксис, три главных метода и сценарии использования: от умного кэширования в Service Worker до роутинга на сервере.
www.dev-notes.ru/articles/jav...
Документация npm: "флаг --provenance не обязателен"
Реальность: без него ничего не работает 🫠
Разобираемся в тонкостях trusted publishing:
— Где именно npm ждет настройки
— Какой токен теперь нужен (спойлер: никакой)
— Полный YAML, который не падает с 403
→ www.dev-notes.ru/articles/nod...
1. COUNT(*) считает все строки, даже с NULL
2. AVG() пропускает NULL — но AVG(DISTINCT) даст другой результат
3. GROUP BY группирует, HAVING фильтрует группы
4. SUM(column) ≠ SUM(DISTINCT column)
5. MIN() и MAX() — быстрее, чем ORDER BY LIMIT
Тред: 5 фишек про агрегатные функции в #SQL, которые должен знать каждый:
How to Verify That Uploaded Profile Pictures Belong to the User? I'm building an app where users upload profile pictures, and I want to ensure that the uploaded pictures actually belong to them and aren’t just random images of someone else. I’ve looked into some possible solutions like: Selfie verification (taking a live selfie and comparing it with the uploaded profile picture). Face recognition models like OpenCV + DeepFace or AWS Rekognition. Liveness detection to prevent users from uploading a photo of another person from their gallery. But I’m wondering—what are some reliable and scalable ways companies use to handle this? Are there any open-source tools or APIs that work well for this kind of verification? or like any other ways that can be used for verification
Any website/ app that pulls this crap 🤮 is to be avoided like the plague. It's yucky and stupid. Meta does it & it doesn't even fucking work well, though they have all the money; it's full of people posting they got locked out of their accounts in spite of posting real selfies/ videos of themselves.
New release: Eleventy 🛎️ Dev Server v2.0.7 includes bug fixes for CSS reloads, supports returning a `Response` in your onRequest callbacks (easily proxy to a different server using `fetch()`), and a bunch of other goodies!
🚀The customizable select was just released in Chrome 134 🤩! I’ve been playing around with this feature for quite some time and am excited to start a series. In this part1 history, trickery and how to progressively style a select element. 🥰
utilitybend.com/blog/the-cus...
Cursed styling
textarea[style='height: 300px'] {
height: 80vh !important
}
#CSS
💡Отключение привязки к области видимости
Laravel предполагает, что вложенные модели маршрутов связаны друг с другом, то есть он будет автоматически применять отношения parent-child. Можно отключить привязку к области видимости с помощью метода `withoutScopeBindings` 🚀.
#Laravel #Route #tips
Rainbow Selection in CSS
::selection is cool, but scoping it to selectors like :nth-child(5n+2) is even more fun, especially on a love filled ay like Valentine's Day.
Три подхода к селектору `&` (амперсанд) в CSS
`&` — мощное дополнение к CSS, позволяющее создавать селекторы без повторений и способствующее улучшению организованности и понимания кода.
#Frontend #CSS #Nesting
www.dev-notes.ru/articles/css...
Add headings to #HTML landmarks: "Some accessibility improvements are invisible to the sighted eye. One of my favorite lessons learned last year was all about invisible headings in HTML landmarks." #a11y
HTML Developers: Please Consider: "By using native #HTML features, wherever practical, over ARIA, you will save yourselves and users a lot of grief and ensure that your UI work robustly across the largest number of devices." #a11y html5accessibility.com/stuff/2025/01/11/html-de...
Статистика версий PHP: Январь, 2024
www.dev-notes.ru/articles/php...
#PHP
💡 Совет по Laravel: Лимитирование заданий
Вам когда-нибудь требовалось ограничить количество заданий? Чтобы не перегружать API или ограничить пользователей бесплатного тарифного плана от выполнения большого количества заданий, Laravel позволяет определять лимиты и использовать их из коробки 🚀.
💡 Совет по Laravel: Сообщения высшего порядка с `Conditionable`
Если используете трейт `Conditionable` в своих классах или работаете с классом `Conditionable`, таким как `Str`, можете использовать сообщения высшего порядка для ещё более гибкого API 🚀.
#laravel
💡 Совет по Laravel: Подтверждение пароля пользователя
Некоторые действия, например, удаление аккаунта, могут потребовать от пользователя подтверждения пароля. Хотя эту логику можно реализовать самому, Laravel поставляется с правилом валидации, `current_password`, предназначенным именно для этого 🚀.
💡 Совет по Laravel: Запуск запланированных команд на одном сервере
Запускаете приложение на нескольких серверах? По умолчанию запланированные команды будут выполняться на всех серверах, что не нужно и может вызвать проблемы. Это можно предотвратить, используя параметр `onOneServer` 🚀.
#laravel
💡 Совет по Laravel: Проверка, является ли строка URL
Вам когда-нибудь требовалось проверить, является ли строка валидным URL? Это можно сделать вручную, но в Laravel есть метод `isUrl`, позволяющий сделать именно это. Можно пойти дальше и проверить наличие различных протоколов 🚀.
#laravel
Laravel Tip💡: The "distinct" Validation Rule
Have you ever needed to check if an array contains duplicate values? While you can do this manually, it can get slightly messy. Instead, you can use the "distinct" validation rule to do exactly this 🚀
#laravel
Laravel Tip💡: Useful Loop Properties
When working with loops in Blade, you may need to check for odd iterations or calculate the remaining ones to adjust your UI. While you can do this manually, the "loop" variable has properties for almost everything you need 🚀
#laravel
Laravel Tip💡: Update Pivot Columns
Have you ever needed to update a pivot column? While you can manually handle this with the query builder, Laravel ships with the "updateExistingPivot" method to do exactly that 🚀
#laravel
Chrome 133 goes beta today, with some very nice CSS/UI features:
* Advanced `attr()` function
* `:open` pseudo
* Scroll State Container Queries
* `text-box`, `text-box-trim`, and `text-box-edge`
* popover=hint
* Animation.overallProgress
* DOM state-preserving move
#CSS margin-trim and line height units: "Learn ways of perfecting design with line height units and margin-trim."
