Этот каталог компонентов мощная штука

Основан на shadcn, но не требует React.

Совместим с Angular, Vue, Astro, React.

И, при желании, можно кастомизировать с помощью Tailwind.

npm install basecoat-css

@WebDev_Plus

Быстрый совет по VS Code

Используй сочетание клавиш Ctrl + Shift + F, чтобы быстро выполнить поиск по всем файлам проекта

Очень удобно для нахождения нужных фрагментов кода без открытия каждого файла

@WebDev_Plus

В VS Code Insiders теперь по умолчанию включён IntelliSense в терминале

Да-да, теперь терминал сам подскажет тебе, что писать — без всяких плагинов и настроек.

Переключаешь ветку? Появятся предложения.
Запускаешь npm-скрипт? Подскажет команды.

Всё работает из коробки

@WebDev_Plus

Сайт дня — FRA

Портфолио дудл-художника в интерактивном стиле

> https://fradesign.it/

@WebDev_Plus

Избегай использования относительных и запутанных импортов в коде

Они сложны в поддержке и плохо читаются.

Лучше используй алиасы с абсолютными путями.

Это работает как в проектах на JavaScript, так и на TypeScript

@WebDev_Plus

Суперполезная шпаргалка по CSS FlexBox

@WebDev_Plus

React Native позволяет разрабатывать приложения для iOS и Android, используя единый код на JavaScript.

А этот курс научит вас использовать его для создания приложений под macOS.

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

@WebDev_Plus

Удобная шпаргалка по Git

@WebDev_Plus

Идеи веб-дизайна в тёмной теме.

Галерея лучших примеров — для вдохновения:

→ http://dark.design

@WebDev_Plus

3D-эффект постера на CSS.

0 JavaScript

→ http://codepen.io/olivier3lanc/pen/zYXxyEj

@WebDev_Plus

Полезный совет по DevTools для доступности

Хром умеет эмулировать дальтонизм и размытие зрения. Быстрый способ проверить, насколько ваш UI дружелюбен к тем, кто видит мир иначе

DevTools → Rendering → Emulate vision deficiencies

@WebDev_Plus

В JavaScript можно превратить HTML-элемент в скриншот

Вот минималистичный пример, как сохранить HTML-элемент как PNG с помощью библиотеки modern-screenshot

domToPng(HTML_ELEMENT) — превращает DOM-элемент в PNG-картинку в формате data URL.

Создаётся <a>-элемент со ссылкой на изображение.

Устанавливается имя файла и запускается автоклик, чтобы браузер начал скачивание

@WebDev_Plus