#css #tips #frontend

Какая ширина у скроллбара?

На этот вопрос можно ответить с помощью нескольких строк современного CSS! Нет необходимости в JavaScript, и вы получаете значение как переменную CSS, определенную на уровне :root.

👉 Пример на CodePen (пока только для Chrome)

@dev_notes_ru

#laravel #php #tips #backend

Laravel Tip💡: Лучшая согласованность контента

Иногда у вас может быть несколько форматов возвращаемых ответов. Можно использовать метод getAcceptableContentTypes, чтобы сопоставить свой ответ с тем, что лучше для пользователя 🚀.

@dev_notes_ru

#joke #Tailwind #TailwindCSS

#JavaScript #js #react

Что нового в React 19: Новые возможности

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

📄 Читать статью

@dev_notes_ru

#laravel #php #tips #testing #backend

Laravel Tip💡: Генерация фейковых номеров кредитных карт

Поскольку Laravel использует под капотом FakerPHP, можно генерировать фейковые номера кредитных карт для тестов 🚀.

@dev_notes_ru

#mysql #db #database

Как снизить производительность запросов MySQL в 10 000 раз

Прочтите это медленно:
При запросе индексированного строкового столбца с использованием целочисленного значения ваш индекс не будет использоваться.

@dev_notes_ru

#DevOps #php #backend

Оптимизация производительности PHP

Производительность PHP кода имеет решающее значение для обеспечения плавной и отзывчивой работы пользователей. Независимо от того, создаёте ли систему управления контентом или платформу электронной коммерции, понимание факторов, влияющих на производительность PHP, и влияния версий PHP необходимо для создания быстрых и эффективных веб-приложений. Давайте разберёмся в ключевых аспектах, влияющих на производительность веб-приложения.

📄 Читать статью

@dev_notes_ru

#laravel #php #tips #testing #backend

Совет по Laravel💡: Генерация кода валюты

Поскольку Laravel использует FakerPHP под капотом, можно генерировать случайные коды валют. Это удобно для финтех-приложений 🚀.

@dev_notes_ru

#laravel #php #tips #validation #backend

Почти в любом приложении встречается валидация того, что вводимые данные являются одним из элементов списка. Часто это поля, поступающие из dropdown или select.

Маленькое правило в Laravel поможет удостовериться, что вводимые данные являются одним из элементов списка. Это правило валидации называется правилом in.

Это правило можно указать в валидации двумя разными способами, как показано в примере ниже.

@dev_notes_ru

#html #css #JavaScript #frontend

Зачем нужен элемент <dialog>

Хотите получить от пользователя подтверждение? Предоставляете пользователю диалог с возможностью выбора. Хотите получить информацию от пользователя? Используйте диалог с отправляемым полем ввода формы. Существует множество вариантов использования диалогов в пользовательских интерфейсах.

Можно использовать диалоги, установив в проект библиотеки JavaScript, доступные для любого фреймворка, используемого вами.

Сторонние библиотеки — это здорово, но они несут в себе дополнительные накладные расходы, которые не только добавляют сложность проекту, но и увеличивают общий размер пакета приложения.

Именно здесь на помощь приходит встроенный в браузер элемент <dialog>. Это всё, что нужно в диалоге, и теперь, когда Safari добавил поддержку элемента <dialog>, начиная с версии 15.4, нет никаких оправданий, чтобы не использовать их в продакшене!

📄 Читать статью

@dev_notes_ru

#laravel #php #tips #backend

Найдите запросы, занимающие много времени. Их легко логировать.

@dev_notes_ru

#laravel #feature #php #backend

Новое в Laravel 11.20.

Новый строковый метод deduplicate().

Он добавляет удобный метод замены последовательных вхождений символа на символ. Или, что более распространено, для удаления дубликатов символов в строке.

```php
Str::dedup('random double spaces'); // 'random double spaces'
Str::dedup('/some//odd/path//', '/'); // '/some/odd/path/'
Str::dedup('zondaaaa', 'a'); // 'zonda'
```
Примечание: Хотя второй параметр можно было бы добавить в `squish`, их основной замысел был иным. `squish` существует и в других языках. Поэтому создание отдельного, нового метода показалось более целесообразным, чем расширение поведения `squish` в Laravel.

👉 Pull Request Add `deduplicate` to strings #52350

@dev_notes_ru

#DevOps #curl #shell

Примеры использования cURL

Независимо от того, разработчик ли вы, DevOps-инженер, системный администратор, QA или представитель любой другой технической профессии, вы наверняка знакомы с cURL — инструментом командной строки и библиотекой для передачи данных с помощью URL (как описано в документации).

Однако чаще всего curl используется только для простых задач, таких как загрузка файла или проверка доступности сайта, а ведь он может гораздо больше!

И в этой статье рассмотрим именно такие крутые примеры и трюки, демонстрирующие, почему curl является удивительным и недооценённым инструментом…

📄 Читать статью

@dev_notes_ru

#css #feature #frontend

CSSWG одобрила...
переменные в контейнерных запросах!

@dev_notes_ru

#js #JavaScript #tips #frontend #webdev

Хотите генерировать случайные цвета с помощью JavaScript?

Сейчас я покажу как это сделать 🎨.

@dev_notes_ru

#laravel #middleware #tips #php #backend

Ограничьте количество запросов, которые может выполнить пользователь за определенное время, и предотвратите злоупотребление вашими API.

@dev_notes_ru

#laravel #eloquent #ORM #tips #php #backend

Laravel предоставляет отношения belongsToMany(), позволяющие формировать отношения "многие-ко-многим" между двумя различными моделями в приложении.

Примером такого отношения может служить модель User и Role, в которой одна роль может принадлежать многим пользователям, а один пользователь - многим ролям.

Мы создаем промежуточную/поворотную таблицу, чтобы отобразить отношения между этими двумя моделями.

Но знаете ли вы, что можно также сохранять временные метки, когда эти отношения были сформированы, используя метод withTimestamp() при создании отношений?


@dev_notes_ru

#css #frontend

Что, если использовать контейнерные единицы измерения для... всего

Однажды я спросил себя: а что, если использовать контейнерные единицы измерения для каждого элемента дизайна? Я задался этим вопросом, отчасти потому, что мне показалось, что ответ может быть таким: ну, тогда всё будет очень хорошо масштабироваться!

Контейнерные единицы измерения, если вы ещё не слышали о них, — это единицы измерения (такие, как px или rem, но более близкие к единицам измерения области просмотра, таким как vw или vi), имеющие размер в соответствии с контейнером, в котором они находятся.

Неожиданно оказалось, что это не так просто. Есть много вещей, для которых контейнерные запросы неудобны или для них просто не подходят контейнерные единицы измерения.

📄 Читать статью

@dev_notes_ru