bro-dev

Пользуюсь своим накладывателем картинки, имхо удобнее чем расширение, и настраивается вообще как угодно.


кидаю обычно после закрывающегося html чтобы потом не забыть.

Я делал такое, неудобства использования нет никого тк все делает галп, у меня была папка с исходниками, и выдает 1 файл. Все стили скрипты инклюдилисьв страницу, а картинки и шрифты в base64.
Страница грузится нормально без каких то косяков, минус один она вся получиться 12мб. И сервисы типа google pagespeed отказываются хвать больше 8мб. Я не смог клиенту объяснить что пофиг на пейджспид страница гарантированы быстрее открывается чем без такого сжатия в 1 файл, но он отказался приказал по старому делать.
Я лично вообще не вижу каких то причин делать одностроничники не 1 файлом.
Если хотя бы 2 страницы тогда да лучше чтобы браузер отдельно кэшировал все картинки, но если на сайт тока 1 то можно закешировать всю страницу целиком и это будет быстрее работать.

Либо ставьте прелоадер, либо возвращайте ксс в head

Самое верное на уровне шаблонизатора контролировать длину строк. Но можно обойтись и чисто ксс, для этого; Любым способом вам доступным делаете все элемент одной строчки одинаковой высоты, далее кнопку абсолютно позиционируете снизу, и ставите нижний пэдинг на высоту кнопки.

Никогда не используйте id. Иногда может потребоваться дублировать то что казалось бы ну ни как не может быть дважды на странице, а заметить что там внутри где то ID используется сложно. Экономить на быстродействии тоже не строит это сущие мелочи в данном случае.