iBird Rose

использовать готовые фреймворки и сетки - это одно. но если человек делает верстку без фреймворков - это не значит, что он делает ее без сетки. просто он создает свою сетку.

Как это делают крутые дяди-фронтендеры?

вот так и делают. создают свою сетку, которая будет во всем их устраивать.

Foundation или Foundation for Sites - это одно и то же. можешь даже проверить что эти 2 ссылки ведут на одну и ту же страницу загрузки фреймворка.
а вот Foundation for Email - уже для писем. и не знаю что ты там развернул. но архив весит 77кб, а развернутый примерно 450кб

а как ты хочешь чтобы они выглядели? вертикально ты никак не можешь перемещать элементы. только вправо или влево. вот и исходи из этого

а не легче проверять класс? добавь к примеру для боди на всех страницах типа "/shop/", класс ".shop" а потом проверяй:

if ( $('.shop').length > 0 ) {
    ...
}

1) в ссылке бокса, на который ты наводишь мышь - храни в data параметре (к примеру data-src) полную ссылку на изображение.
2) когда человек навел - эту data-src передаешь в картинку как src.
все! 2 строки кода.

https://jsfiddle.net/zc041gbp/1/

Чтобы можно было добавить еще и анимацию смены блоков.

а тут уже придется делать табами. чтобы все 4 картинки были уже расположены. и там уже меняешь табы как угодно через opacity к примеру.

делай swap
https://www.digitalocean.com/community/tutorials/h...

https://www.youtube.com/watch?v=RE2PLyFqCzE
https://www.youtube.com/watch?v=BUasdmczmMw

как вариант - ты картинкам задал фиксированный размер. а так мало что понятно. кидай пример на https://jsfiddle.net/

Sublime Text знатно крашится, плохо поддерживается разработчиком, виснет и просто не нравится.

либо ты сам ее сломал, либо плагинами засрал. саблайм считается как раз самым быстрым редактором. и я сам лично с этим согласен. за годы работ - никогда не испытывал проблем с ним.

Chrome-based редакторы кода обладают тормозами и зависаниями... и ничем особо не хороши.

не спорю. есть такое, НО atom все же продвинулся в этом направлении хорошо. и тормоза бывают в нем только при открытии проектов и при манипуляции с файлами. после того как открыл и начинаешь кодить - по скорости очень даже неплохой редактор.

открой бд текстовым редактором и замени везде домен своего сайта на site.ru
или можешь почитать об этом подробнее в гугле. к примеру вот dimox.name/moving-the-site-on-new-domain

гугли "семантическое ядро"