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

Связь: @devmangx
Download Telegram
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
Набор полезных пользовательских CSS-функций, который работает на новой нативной директиве @function. Никакой сборки, просто копируете код и используете. Может работать по принципу reset.css

Проект ещё в разработке, но уже насчитывает ~43 функции разных категорий, их список тут. Демка тоже есть
This media is not supported in your browser
VIEW IN TELEGRAM
Огромная коллекцию из 1500+ отобранных API для ваших проектов, от погоды и карт до генераторов картинок и NLP-сервисов

Забираем с сайта или с GitHub
This media is not supported in your browser
VIEW IN TELEGRAM
Принёс находку: sshx. Всего одна команда, и у вас в браузере открывается реплика локального терминала: можно звать коллег по ссылке, видеть курсоры друг друга и даже чатиться

Идеально для дебага, обучения или просто совместной работы. Cайт здесь, GitHub тут
This media is not supported in your browser
VIEW IN TELEGRAM
Обрати внимание, что в корректном примере чипы мгновенно перемещаются на новую позицию, когда один из чипов удаляется.

Это происходит из-за режима popLayout в AnimatePresence из motion/react, который обеспечивает более плавную и быструю анимацию при удалении элемента
Chrome DevTools – это не только панель для отладки, но и полноценная среда для проектирования, тестирования и анализа веб-приложений. С его помощью можно глубоко изучать DOM, стили, JavaScript, сетевые запросы, оптимизировать производительность и управлять данными пользователя.

Хорошая статья. Читайте тут.
Media is too big
VIEW IN TELEGRAM
Быстрый совет по JS: используйте Gamepad API, чтобы в реальном времени отслеживать статус подключения геймпада и состояние его кнопок.

Это позволяет легко интегрировать поддержку игровых контроллеров в веб-проекты.