Использование DOMContentLoaded, согласен тут будет логичнее. Использовал Mutation Events вместо Mutation Observer по причине, что Mutation Observer из IE держит только IE11, но согласен, что упомянуть его стоило. А вот где вы inline обработчики нашли?
Если предполагается ajax, то вы можете вообще не писать этот атрибут и не какой сабмит вам не надо обрабатывать, вы просто должны сверстать форму и и подготовить скрипт, который по нажатию на кнопку будет собирать все данные с формы, прогонять через валидацию и отправлять их на обработку. А потом когда вы передадите верстку бекенд-программисту, то он сам укажет в вашем скрипте, куда должны отправляться данные, или же попросит вас указать верный адрес, вот и все.
Ну если вы только верстаете страницу, то вас это не должно волновать, это все укажет тот кто будет натягивать ваш сайт на движок. А вы просто подключите валидацию и все. Но уж если клиенту надо показать, что форма отправляется, то и укажите там просто # и все. Вы только определитесь для начала, будут ли данные формы отправляться через ajax или с переходом на страницу.
Ну в идеале не скажу, а так версию jquery берите по новей и строку $('#photoimg').die('click').live('change', function() { заменяйте на $(document).on('change', '#photoimg', function () { //тут все по старому}); И проверка на ограничение кол-ва файлов в js это конечно хорошо, но для полной уверенности сделайте её еще и на бэкэнде.
Да анимация так не такая уже сложная, просто меняются картинки на заднем фоне, ну штук семь наверное, потом уменьшается масштаб и все ползет вверх и текст сдвигается. Только вот геморно по скроллу все эти состояния описывать.
В зависимости от того, должен ли дом, который на зеленой подложке быть самостоятельным или он к ней относится. Если самостоятельным то больше, если нет то двух должно хватить.
Маску придется нарезать вместе с тенями, а то что вы задумали и есть parralax, так что не волнуйтесь. Тут главное нарезать надо будет правильно, а при трансформации у вас не чего ломаться не будет, так как вы их просто будете двигать друг относительно друга с разной скоростью, а размеры будут оставаться прежними.
Ну это все завит от качества ваших картинок. Тут надо посмотреть только для второй страницы, там именно картинка, вот надо ее на масштабирование проверить. Но так как у вас сайт поидее fullscree-новый то и макет должен быть в разрешении 1920 а то и больше. Так что должно все быть нормально, тем более какую вы транcформацию с фонами задумали?