Шпаргалка по селекторам CSS :nth-child:

➡️ @byFrontDeveloper

Совет по Figma: Закрепите пропорции. 👩‍💻

Используйте «Сохранить соотношение сторон» для кадров, фигур, изображений, видео, векторных объектов и текста.

➡️ @byFrontDeveloper

Нужна графика для вашего сайта или приложения? 🤔

Тогда эта библиотека сделает все возможное!

- Используйте их с React, Vue и веб-компонентами.
- Отзывчивая и оптимизированная для мобильных устройств
- Создана на основе JavaScript и canvas
- Оптимизирована для работы с большим количеством данных

https://www.tradingview.com/lightweight-charts/

➡️ @byFrontDeveloper

Мощная коллекция пользовательских хуков для React 🫥

Сэкономьте время на программировании ваших приложений

✓ Более 50 доступных
✓ С примерами кода
✓ Совместимость с TypeScript

→ http://usehooks.com

➡️ @byFrontDeveloper

➡️ @byFrontDeveloper

Это легковесная декларативная библиотека для создания 3D-приложений в React, основанная на движке PlayCanvas.

Поддерживает физику, события указателя, Gaussian Splats и встроенные скрипты

👉 https://playcanvas-react.vercel.app/docs

➡️ @byFrontDeveloper

Нужно создать форму с несколькими шагами?
С помощью этой библиотеки вы сделаете это, просто используя JSON

✓ Внесите логику, переменные, условия, циклы...
✓ Совместимость с React

> npm install formity

➡️ @byFrontDeveloper

Умопомрачительный трюк Google Chrome для разработчиков 😵

Теперь можно делать скриншоты всей страницы или выбранной области без расширений, совершенно бесплатно

➡️ @byFrontDeveloper

Классное расширение, которе позволяет измерять расстояние между элементами на веб-странице в пикселях прямо в браузере.

Полезно для веб-разработчиков и дизайнеров, которые стремятся к пиксельному совершенству в своих макетах

➡️ @byFrontDeveloper

Если вы используете npm, то держите инструмент Bundlephobia для анализа размера и влияния npm-пакетов перед их добавлением в ваш проект

Также можно воспользоваться альтернативным сервисом pkg-size.dev

➡️ @byFrontDeveloper

Если вы испытываете трудности с CSS и веб-дизайном

Этот ресурс спасет вам жизнь!

Получите самые популярные макеты с Flex и Grid.

Полностью настраиваемые и отзывчивые.

https://layout.bradwoods.io/

➡️ @byFrontDeveloper

javascript algorithms — репозиторий, в котором собраны самые разные алгоритмы, написанные на Javascript.

Здесь вы найдете примеры кода для алгоритмов, таких как сортировки, поиска, графов, теории чисел и многое другое.

👉 Github

➡️ @byFrontDeveloper

Фронтендеры, это вам — нашёл гигантскую библиотеку из 6000 готовых UI-компонентов в HTML/CSS

Можно юзать в проектах или просто для вдохновения ✌️

@PortalToIT

➡️ @byFrontDeveloper