WebDev+ | Веб-разработка
7.9K subscribers
655 photos
290 videos
11 files
807 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
Совет по Laravel

Знали про метод whereAny(), который позволяет искать сразу по нескольким столбцам, используя логику OR, и делает это гораздо чище?
Совет по Laravel: обновляете записи в цикле с lazy()?

lazy() использует пагинацию со смещением (OFFSET). Если обновление меняет соответствие записей условиям запроса, некоторые строки могут быть пропущены или обработаны повторно.

lazyById() перебирает записи по первичному ключу, поэтому изменения выборки не сдвигают позицию обхода.

Для такого сценария и существует lazyById()
Laravel: несколько счётчиков одним запросом

Методы incrementEach() и decrementEach() позволяют увеличивать или уменьшать значения сразу нескольких столбцов-счётчиков одним запросом к базе данных.
Совет по Laravel: доступ к вложенным массивам через точечную нотацию

Используйте dot notation, чтобы обращаться к значениям многомерного массива одной строкой с ключами, разделёнными точками.
Как посмотреть SQL-запрос в Laravel Eloquent?

Используйте метод toSql(), чтобы увидеть SQL, который формирует Eloquent. Значения параметров будут представлены плейсхолдерами ? — сами параметры можно получить через getBindings().
Таблица Менделеева для HTML

Бесплатная интерактивная шпаргалка: теги по категориям, поиск, описания и ссылки на MDN. Есть русская версия.

Забрать в закладки
This media is not supported in your browser
VIEW IN TELEGRAM
Годный генератор CSS-паттернов для ваших проектов

Тут можно быстро собирать крутые CSS-паттерны для фона сайта, коллекция паттернов на чистом CSS, всё параметризовано — можно легко кастомизировать и забирать себе бесшовные фоны. Коллекция регулярно пополняется

Забираем здесь
Фронтендер психанул и написал крестики-нолики без HTML и JavaScript

Вся игра работает практически только на CSS. Причём это не анимация и не заранее записанный трюк, можно ставить крестики и нолики и реально играть.

Внутри используются container queries, allow-discrete, типизированные custom properties и другие современные возможности CSS.

https://lyra.horse/fun/tic-tac-nohtml/
Работает!? Не трогай 🎯
Please open Telegram to view this post
VIEW IN TELEGRAM
Этот HTML-косяк непростителен. Не использовать атрибут inputmode в элементах input — серьёзная ошибка

inputmode подсказывает браузеру, какую экранную клавиатуру отобразить пользователю для конкретного поля ввода. Используется с элементами <input> и <textarea>

Улучшай UX, показывая подходящую клавиатуру под тип ввода. Работает и на Android, и на iOS
Laravel / PHP: как предпочитаете отправлять письма — описывать их прямо в месте вызова или выносить в отдельный класс Mailable?
This media is not supported in your browser
VIEW IN TELEGRAM
Полезное расширение для Chrome «Responsive Viewer»

Помогает веб-разработчикам и дизайнерам быстро тестировать адаптивность сайтов, показывая сразу несколько экранов разных размеров.
Разработчики Next.js: добавьте эти 4 строки в ваш .vscode/settings.json, чтобы сразу прокачать удобство разработки

{
"workbench.editor.customLabels.patterns": {
"**/app/**/{page,layout,index}.{ts,tsx}": "(${dirname})/${filename}.${extname}",
"**/index.{ts,tsx}": "${dirname}/index.${extname}"
},
}
Media is too big
VIEW IN TELEGRAM
Как работают очереди в контексте HTTP-запросов

Разбираются основные стратегии очередей: FIFO, LIFO, приоритетные, плюс активное управление очередями. Всё это интерактивно: можно тыкать и смотреть, как это всё работает в реальном времени

Ловите ссылку: https://encore.dev/blog/queueing