Эта платформа предлагает более 500 вопросов, разбитых на 20 категорий, включая такие темы, как Git, CSS, JavaScript, React и многое другое.

Все вопросы отсортированы по категориям и курируются пользователями.

Вопросы на английском, но это отличная возможность подтянуть язык 👍

👉 https://quizzes.madza.dev/

➡️ @byFrontDeveloper

⚡️ Шпаргалка по Nuxt.js от Vue Mastery: на заметку фронтенд-разработчику

Этот файл подходит для быстрого ознакомления с основными функциями Nuxt.js и может быть полезен разработчикам, которые только начинают работать с фреймворком, а также тем, кто хочет быстро вспомнить ключевые особенности и команды

➡️ @byFrontDeveloper

JSON Data AI — сервис на основе ИИ, который позволяет сгенерировать JSON-данные о чем угодно, в зависимости от вашего запроса

➡️ @byFrontDeveloper

➡️ @byFrontDeveloper

Если вы только начинаете изучать веб-разработку, этот курс для вас.

Вы создадите погодное приложение, которое будет отображать данные о погоде в реальном времени и прогноз на 7 дней.

Вы будете использовать фреймворк Next.js, Tailwind CSS для стилей и TypeScript для добавления сильной типизации.

⏩Ссылка тут

➡️ @byFrontDeveloper

BFE.dev — это платформа для отработки навыков разработки, а также отличный ресурс для подготовки к собеседованию на должность frontend-разарботчика

⛓ Ссылка: https://bigfrontend.dev/

➡️ @byFrontDeveloper

Не можете подобрать шрифты и цвета для сайта?

Я нашёл классный ресурс — Colors & Fonts. Тут всё, что нужно, чтобы подобрать идеальные палитры, шрифты и даже сгенерировать градиенты или проверять контрастность

Всё просто и удобно, буквально в пару кликов создашь уникальный стиль для своего проекта

👉 Зацените сами: https://www.colorsandfonts.com/

➡️ @byFrontDeveloper

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

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

➡️ @byFrontDeveloper

Плагин CSS Responsive

Очень полезный плагин для перевода line-height в проценты. Формула для расчёта:

line-height / font size = line-height

🔗 Плагин: ссылка

➡️ @byFrontDeveloper

На данном ресурсе в интерактивном режиме можно посмотреть, как работают свойства CSS3, возможности HTML5, посмотреть поддержку этих возможностей браузерами и сгенерировать необходимый код

Помимо CSS3 и HTML5, есть генераторы для SEO-оптимизации

Все грамотно структурировано, максимально лаконично и интуитивно понятно

🔗 Ссылка: https://webcode.tools/

➡️ @byFrontDeveloper

➡️ @byFrontDeveloper

Хороший ресурс для практики вёрстки

Огромная библиотека UI-задач, которые можно взять и попробовать воссоздать

Полезно, если хочешь держать руку на пульсе и тренировать насмотренность 🫡

https://www.uidesigndaily.com/

➡️ @byFrontDeveloper

В CSS мы можем использовать accent-color для стилизации полей ввода

Браузеры, которые поддерживают accent-color, в настоящее время применяют его к следующим HTML элементам:

<input type="checkbox">
<input type="radio">
<input type="range">
<progress>

🔜 Поддержка свойства составляет 92.67%

➡️ @byFrontDeveloper

Свойство Flex wrap является отличным инструментом для написания отзывчивых веб-страниц без каких-либо медиа-запросов

➡️ @byFrontDeveloper

CSS: float: right;

➡️ @byFrontDeveloper