Здесь я приведу список из полезных материалов, которые мне помогают справляться с различными задачами при создании сайтов.
- Html2jade - Конвертирует HTML код в PUG. Однажды я писал, что мне довелось окунуться в бэкенд, и там возникла необходимость работать с базой данных через HTML. Для решения этой задачи пришлось воспользоваться шаблонизатором PUG. Синтаксис у него простой и писать было не сложно... до тех пор пока мне не понадобилось вставить инлайном SVG. Без этого чудо-ресурса с такой задачей я бы не справился, да и после обнаружения данного лайфхака я вновь стал писать код на HTML, а html2jade делал остальное за меня.
- Imagecompressor - Позволяет уменьшать размер картинок, и даёт при этом возможность самому регулировать степень сжатия и просматривать при этом получившийся результат.
- lambdatest - На этом ресурсе можно посмотреть как будет выглядеть твой сайт на разных устройствах, и нет - devtools так не умеет. При тестировании на яблочных устройствах данный ресурс мне очень помог.
- Page Ruler Redux - Расширение для браузера. Линейка, с помощью которой очень легко считать пиксели.
- Perfect Pixel - Тоже расширение для браузера. В него можно загрузить макет сайта и по нему сверять вашу работу.
Сюда не попали различные статьи, блоги, каналы и всем известный Repl. Очень хотелось бы, чтобы вы тоже поделились полезными для вас ресурсами. Заранее спасибо!