Никита Кинаш, для решения большинства задач хватает в среднем 3 блоков: условие, действие, данные. Что в этом сложного? Да и к тому же в конечном счете это же и будет реализовано, в лучшем случае чуть более усложненной графикой.
Проще использовать общепринятые схемы, которые между прочим и в школах\институтах вкладывают на уровне «ля, да я же это в школе видел», и дополнить их справкой и примерами. Визуальный гайд — его в любом случае делать, ибо если ЦА из «сложно для людей», чтобы понять 3 элемента, то его в любом случае придется создавать, какой бы вид инструмента не был выбран в итоге.
На всякий случай: чтобы можно было с помощью CSS управлять параметрами SVG он должен быть в зоне доступа, например интегрирован прямо в тело документа HTML.
Andrey Vasilev, просто легкая колкая шутка, ничего более)
Еще больше можно отхватить в чатике (см. профиль), кстати, у нас там в целом начинается вырисовываться общество вуйщиков, что не может не радовать. Больно в душу зашел.
В режиме реальной работы еще ни один автоматический (который полностью) алгоритм не сжимал с достаточным уровнем качества изображения лучше, чем это делаю я руками. Да, часто впадлу и что-то (не для проектов) я сжимаю всякими оптимизиллами.
Но лучше всего с этим справляются социальные сети. Дешево и сердито, а еще лучше, чем внешние алгоритмы это сделает ВК на загрузке фоточки. Ибо... Цена за хранение и доставку файлов слишком высока, чтобы вольготничать)
Блок — по своей сути закрытый контейнер. Он ничего не знает про то, что вокруг.
.
А элемент родительского блока знает, он и задает положение блока внутри себя. Для этого и существуют миксы по своей сути.
Ну и да, много классов, прямо строки классов это по БЭМ. Оптимально их наименование минимально необходимым количество буков, но только не в угоду содержанию, это все-таки не атомарник. Но с этим приходится мириться, так как преимущества с головой покрывают этот и другие недостатки.
Фёдор, если ширина контейнера 1200px, и тебе надо на десктопе уместить 4 изображения в ряд, то размер изображений должен быть не меньше 300 пикселов по ширине. Не меньше, ибо есть еще ретина и т.д. И речь пока только о десктопе.
А чтобы разложить изображения, как надо по заданному условию — в двух решениях к ответу.
Алексей Тен, я печатал печатал и тоже об этом подумал. Тут на лицо 3 строки в другой. Можно хоть по 20 элементов нагородить и не пытаться вписаться в разлинейку.
