Возможно, ты годами пользуешься Google Chrome — но знал ли ты об этом простом, но мощном приёме? 🤯

В инструментах разработчика браузера есть встроенная возможность делать скриншоты веб-страниц — без дополнительных расширений и сторонних утилит :)

@WebDev_Plus

VS Code Хак

Устали постоянно набирать console.log()?

Настройте свой шорткат, например cc → console.log(), срабатывающий при нажатии Tab 😎

Смотрите видео с пошаговой демонстрацией.

@WebDev_Plus

Эта библиотека фронтенд-компонентов - чистое кино 🔥

Красивые и современные UI-компоненты на все случаи жизни, идеально подходящие для твоих фронтенд- и React-проектов.

Надеюсь, будет полезно — https://nurui.vercel.app/

@WebDev_Plus

tldraw — лучшая аппликация для совместной работы на виртуальной доске 🏆

🔸Внимание к деталям на высшем уровне. Даже штрихи масштабируются так, чтобы оставаться симметричными
🔸Клавиатурные шорткаты отрабатывают мгновенно: shift+2 — сфокусироваться на выделении, shift+1 — показать всё
🔸Есть SDK, который можно встроить куда угодно

@WebDev_Plus

Что, в Chrome теперь встроен API для AI-суммаризации

🔸Без API ключей, без интернета Работает локально
🔸Модель подгружается по запросу
🔸Доступен глобально в последней версии Chrome Работает и в расширениях

У меня теперь куча идей для расширений под Chrome

https://developer.chrome.com/docs/ai/summarizer-api?hl=ru

@WebDev_Plus

Топ 10 расширений для VS Code

🔸Peacock

Позволяет менять цвет интерфейса VS Code для каждого проекта. Удобно, если работаешь сразу над несколькими.

🔸GitLens

Помогает выжать максимум из Git прямо в VS Code.

🔸Prettier

Автоматически форматирует код, чтобы стиль был единообразным.

🔸Live Share

Дает возможность парного программирования и удаленной отладки.

🔸Docker

Позволяет создавать, управлять и отлаживать контейнеризированные приложения.

🔸REST Client

Добавляет в VS Code клиента для работы с REST-запросами.

🔸Live Server

Запускает локальный dev-сервер с автоматической перезагрузкой при изменениях.

🔸Better Comments

Помогает писать более понятные и информативные комментарии в коде.

🔸Code Spell Checker

Ищет орфографические ошибки в коде и повышает читаемость.

🔸Code Runner

Позволяет запускать сниппеты кода на разных языках.

@WebDev_Plus