Nikolay Talanov

Вам необходимость использовать Timeline в Chrome DevTools для профилирования производительности анимаций и не только.

Хотите знать основы оптимизации рендеринга - вам сюда https://www.udacity.com/course/browser-rendering-o...

Причин плохой оптимизации может быть вагон и маленькая тележка. У вас там могут огромные элементы анимироваться с помощью top/left вместо transform: translate, у вас при каждом скролле может идти repaint огромных картинок, забирая по 60-100мс на каждый шаг и так далее. Скорее всего причины крайне простые и связаны с использованием древних и убогих методик для анимаций, аля jQuery.animate (который до 3й версии юзает setTimeout вместо requestAnimationFrame под капотом).

Блоги не надо мониторить, надо подписаться на пачку дайджестов, и там вы найдете ссылочки на почти все достойные статьи, включая менее известных (но не менее крутых) товарищей.
Получать 5-10 писем с кучей ссылок в неделю намного проще и эффективнее, нежели чем чекать 10+ блогов, где апдейты бывают раз в 1-6 месяцев.

Картинка лучше 100 слов.

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

Естественно, ведь без этого не стать html-программистом.

300 баксов за такое? Не смешите. Чтобы сделать все точь в точь как на гифке, с хорошей браузерной поддержкой, идеальной плавностью, и самое главное, ОТЛИЧНОЙ ПРОИЗВОДИТЕЛЬНОСТЬЮ, вам понадобится несколько десятков человеко-часов приличного специалиста, рейт которого стартует с 30$/h наверное. Я естественно говорю не только о том что на гифке, но и об остальном контенте, который тоже будет соответствующего уровня.

Большинство местных "спецов", которые тут пишут "да там все просто, бах бах пара трансформов", на деле мощно так обделаются когда их анимация полноэкранного транзишена картинки будет адово тормозить на fullHD+ экране, и при этом выглядеть она будет крайне паршиво на фоне отполированного оригинала.

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

Это все по идее входит в обязанности UI Engineer (тот же фронтендер по сути, который помимо всяких SPA умеет в красивости).
На фрилансе подобных тасков много. Ко мне часто обращаются с задачами "превратить видео из After Effects в реальную js анимацию" и "реализовать какую-то крутую фигню, которую тебе дизайнер объяснит с помощью слов и картинок". В профиле найдете мой кодпен, там много всякой всячины, из-за которой ко мне постоянно обращаются люди.

Актуален ли сейчас Yeoman? Или лучше использовать что-то поновее, напр. Webpack?

Щито? Yeoman нужен для скаффолдинга, пару команд в шелле ввели и у вас уже готовая основа для проекта на руках. И внутри может быть тот же вебпак и что угодно, ибо действия ейомана заканчиваются после того как вы его заюзали. А вебпак вообще каким образом с ним связан то, не пойму?

Это реально, только вам надо ориентироваться не на бомжей, а на тех кто готов будет платить дизайнеру нормальные деньги за много часов работы. Но для этого естественно надо иметь хорошее портфолио/отзывы.
Я фронтендер на фрилансе, все сайты что я пилил, были сделаны на основе stand-alone дизайна. В большинстве случаев у меня даже не было прямого доступа к дизайнеру. То есть люди вначале ищут дизайнера, пилят с ним что-то в течении нескольких месяцев, и только потом приступают к созданию сайта, периодически обращаясь за доработками/изменениями к дезигнеру.

Говоришь, что в случае если произойдет чудо, и все будет идти как по маслу без внезапных хотелок и изменений, то тогда минимальное время N. Затем говоришь, что скорее всего на проект может без проблем уйти и K*N, а если много чего пойдет не по плану и будет много внезапных хотелок/перепиливаний, то можно и K*N*9000+ ожидать. Более правдивого/реалистичного изложения я не знаю.

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

demosthenes.info/blog/777/Create-Fullscreen-HTML5-...