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

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

Фундаментальные инструменты и стандарты, на которых строится современный веб.

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 форматов, нет поддержки конвертации svg в другие форматы.

  • Есть обязательная регистрация
  • Есть необязательные платные услуги
  • Не работает без 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: проверка ваших писем на попадание в спам перед отправкой.

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