Источник: Nuances of Programming В подборке рассмотрим несколько очень полезных для разработки сайтов. Скорее всего, некоторые из них вы будете применять почти ежедневно. Содержание: Вёрстка CSS Один из абсолютных фаворитов подборки  —  сайт Caniuse.com. Он бесценен при поиске информации о том, поддерживает ли какой-либо браузер CSS-код. Генераторы для создания box shadow, flex code и треугольников при помощи исключительно свойств CSS: Данные онлайн-инструменты регулярно экономят много времени: вы сможете сначала поиграть с кодом, а затем просто скопировать и вставить его в свой проект...

Том Энтони из DistilledODN специально для MOZ поделился не самыми очевидными способами ускорить загрузку контента. Изменения, которые рассмотрим, редко встречаются в качестве анализируемых параметров в аудитах, но могут существенно повлиять на скорость сайта. Это важно для поведенческих факторов и ранжирования. Давайте изучать! Inline-изображения и SVG вместо PNG Для иконок и пиктограмм всегда старайтесь использовать SVG. Векторные изображения могут сэкономить до 60% от размера файла. Почему важны такие мелочи, как подобные иконки? Это SVG на сайте с продажей билетов...