Пётр Попов

Можно и табличной разметкой попробовать: codepen.io/Air-Petr/details/xVWJZJ
@media так или иначе нужно будет использовать, чтобы на мобильных всё друг под другом размещалось

RIOT (luci.criosweb.ro/riot/), достаточно мощный. Сам им пользуюсь периодически, кода заказчик скидывает изображения по 5 мб. и просит их на сайт вставить. Поддерживает "массовую" компрессию.

Даже если такой инструмент и есть, то адаптивность он точно не прикрутит на сайт - в этом деле человек нужен.

Возможно есть смысл просто оказаться от фотошопа в пользу подобного рода программ: pinegrow.com/. Но создать действительно уникальный дизайн, думаю, в них не получится.

Вот очень хорошая статья: https://24ways.org/2014/an-overview-of-svg-sprite-... (если Вы с английским дружите). И хороша она не своим содержанием, а разделом "PREREQUISITES": в нём собраны несколько статей для "новичков". Пробегитесь по ним и всё станет гораздо понятнее.

ИМХО, и на Bootstrap, и с "0" можно как г*но сделать, так и конфетку. Заказчику можно было сказать, что я на Bootstrap сделаю и взять от него только сетку (или "только" ещё что-нибудь, что тебе поможет не изобретать велосипед). В любом случае надо стараться делать так, как хочет заказчик: у него деньги, он и "музыку заказывает".

Вот незаменимая вещь www.codewars.com/. Потренируйся на 8 уровне, поймешь, что слишком просто иди на уровень выше. Не гонись за рейтингом только, лучше разберись в основах. И с пользой и с интересом.