Список с полезными доками, статьями и инструментами

Официальная документация

Инструменты и стандарты, на которых строится веб.

Front-end

• React - библиотека для создания пользовательских интерфейсов,основной стандарт для SPA-приложений;

• Next.js - мощный фреймворк от Vercel поверх React, поддерживающий серверный рендеринг (SSR) и статическую генерацию (SSG):

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги.

• Minista - минималистичный генератор статических сайтов, ориентированный на быструю сборку и чистоту кода;

• Tailwind CSS - utility-first CSS фреймворк для быстрой вёрстки прямо в HTML:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги.

• Easyoffer - специализированный сервис для подготовки к техническим собеседованиям и карьерного роста разработчиков:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги.

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

Статьи и полезные лонгриды

Глубокое погружение в теорию и лучшие практики индустрии.

Front-end и CSS

• Используйте фавиконки правильно - гайд о том, какие форматы и размеры фавиконок нужны современному сайту:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги.

• Погружаемся в логические свойства CSS - объяснение свойств вроде margin-inline и padding-block, которые важны для адаптивности и интернационализации:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги.

• CSS-Tricks - легендарный ресурс с туториалами по любым вопросам вёрстки;

• Дока - понятная энциклопедия по веб-технологиям на русском языке, созданная сообществом.

Инструментарий (Front-end)

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

Иконки

• Free SVG Icons - Laravel - огромный сет иконок, подходящий для любого стека:

  • Не работает без VPN.

• Health icons - бесплатные иконки для медицинских проектов;

• Phosphor Icons - гибкое семейство иконок в разных стилях (thin, light, bold);

• Feather - минималистичные open-source иконки;

• Iconoir - одна из крупнейших библиотек SVG-иконок:

  • Есть необязательные донаты.

Плееры

• MOV Player - онлайн-инструмент для просмотра MOV файлов прямо в браузере:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги;
  • Не работает без VPN.

Конвертеры и сжатие

• TinyPNG - лучший сервис для сжатия изображений без потери качества:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги.

• Base64 to File - декодирование строк Base64 обратно в файлы:

  • Есть необязательные донаты;
  • Не работает без VPN.

• TinyWow - огромный набор бесплатных AI-инструментов для работы с PDF, видео и фото:

  • Есть необязательная регистрация.

• How to Convert - приложение для Windows, macOS и Linux, с возможностью конвертации более 3000 форматов:

  • Есть обязательная регистрация;
  • Есть необязательные платные услуги;
  • Не работает без VPN.

CSS и шрифты

• PX to percentage converter - мгновенная конвертация пикселей в проценты для адаптивности;

• Can I use… - проверка поддержки технологий браузерами:

  • Есть необязательные донаты.

• Google webfonts helper - удобный способ скачать Google шрифты для локального использования:

  • Есть необязательные донаты.

React библиотеки

• Introduction - React Three Fiber - создание 3D-сцен в React с помощью Three.js;

• dnd kit - легкий и модульный инструмент для** Drag-and-Drop**;

• React Bits - библиотека анимированных UI-компонентов:

  • Не работает без VPN.

• Mantine React Table - мощная библиотека для работы с таблицами.

JS/TS и экосистема

• JS Visualizer 9000 - визуализация Event Loop и работы JavaScript-движка;

• ESLint Stylistic - плагины для настройки стиля кода:

  • Не работает без VPN.

• Storybook - среда для разработки UI-компонентов в изоляции:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги;
  • Не работает без VPN.

• TanStack - высококачественные инструменты (Query, Router, Table) для веб-разработчиков:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги;
  • Не работает без VPN.

Регулярные выражения

• i Hate Regex - шпаргалка и удобная визуализация сложных регулярных выражений;

• regex101 - дебаггер и тестер регулярных выражений с подробным объяснением:

  • Есть необязательная регистрация.

Тестирование и производительность

• LambdaTest - облачное тестирование в различных браузерах и ОС:

  • Есть обязательная регистрация;
  • Есть необязательные платные услуги.

• PageSpeed Insights - анализ производительности сайта от Google.

Переводчики

• DeepL Translate - самый точный переводчик в мире:

  • Есть необязательная регистрация;
  • Есть необязательные платные услуги;
  • Не работает без VPN.

Back-end утилиты

• Newsletters spam test - проверка ваших писем на попадание в спам перед отправкой:

  • Есть необязательная регистрация.

• dbdiagram.io - Database Relationship Diagrams Design Tool - быстрый и удобный онлайн-инструмент для проектирования структуры баз данных (ER-диаграмм) с помощью кода:

  • Есть необязательные платные услуги.