Всем привет)
Сегодня поговорим об основных инструментах low-code разработчика, которые могут Вам помочь при верстке.
Во-первых, это консоль разработчика. У нас даже есть целый раздел в wiki, посвященный этому важному инструменту: Ссылка
Здесь Вы можете посмотреть, какие css свойства есть на странице, какие ошибки возникают при загрузке дашборда (не работают картинки, шрифты, система недоступна и так далее). В общем, консоль разработчика - это кладезь информации 
ColorZilla - это расширение для Google Chrome и Mozilla, которое помогает веб-разработчикам и графическим дизайнерам решать задачи, связанные с цветом, и другие задачи. Например, Вы можете посмотреть, какой цвет у определенного элемента в браузере, скопировать этот цвет и сразу вставить его в редактор Insight, то есть Вам не придется переписывать вручную код цвета. Данное расширение помогает пользователю скопировать цвета в различных форматах:
Кроме того, Вам не придется подбирать нужный цвет с картинки вручную, просто нужно будет навести курсор мышки.
WhatFont - данное расширение позволит Вам определить, какой шрифт используется на странице. Вы можете одним кликом посмотреть сразу несколько css свойств:
- font-family
- font-size
- font-weight
- font-style
- line-height
- color.
CSS Peeper - расширение, которое позволяет посмотреть, какие css стили есть на странице, сколько грузится страница, показать все цвета на странице и импортировать их, а также оно собирает все картинки и mdi-иконки на странице, и позволяет Вам их скачать.
SVG Gobbler — это расширение для браузера, которое находит картинки в формате svg на просматриваемой вами веб-странице и дает вам возможность загрузить, оптимизировать, скопировать, просмотреть код или экспортировать его в виде изображения.
А какими инструментами пользуетесь Вы?) поделитесь с нами в комментариях 