Инструменты веб-разработчика

Наши инструменты

• Шпаргалка по тегам HTML

  HTML tags

• Шпаргалка по Гридам

  CSS GRID Layout

• Шпаргалка по Флексам

  CSS Flexbox Layout

• Шпаргалка по SVG

  Scalable Vector Graphic

• Тест шрифта

  Подобрать оптимальный размер шрифта

• Тест вьюпорта

  Узнать разрешение CSS на мобильном устройстве

• Тестовая картинка

  С разными разрешениями

Ссылки на внешние инструменты

• HTML Living Standard — спецификация HTML.
• MDN Web Docs — веб-энциклопедия (ENG).
• Дока — новая веб-энциклопедия по-русски.
• Webref — веб-энциклопедия по-русски.
• Google Fonts — сервис шрифтов от Google (+иконки).
• Can I use — показывает поддержку различных функций в браузерах.
• Can Include — проверка можно ли вкладывать тег в другой тег.
• Squoosh — оптимизация и конвертирование картинок.
• SVGOMG — оптимизация SVG.
• URL-Encoder — кодирование SVG для CSS.
• What can my font do? — анализ файлов шрифтов.
• Unicode Table — Символы Юникода.