Если вы спрашиваете о таком, то Вам еще рано об этом думать - вы видимо только начали свой путь в веб-разработке, и пока вы дойдете до такого результата - пройдет не 1 год.
На том же, на чем пишутся и обычные сайты, но с более активным использованием технологий для анимаций. Ключевые слова: canvas, css свойства (animate, transform, transition), web animation api, threejs (webgl), gsap (tweenlite, tweenmax), svg animation.
Задумывая дизайн новичок исходит из своих возможностей. У профи возможности ограничены только фантазией. Так что эти сайты сделаны на опыте и креативном мышлении, а так же большом количестве знаний. Хотите научится нет проблем - надо учить все что попадается под руку. Начать надо с отличных знаний html, css, javascript, canvas, svg, а дальше сами начнете понимать что еще надо.
Вот например pixijs фреймворк, который предполагается как визуальный 2D WebGL движок.
У них в галерее много красивых сайтов и презентаций, написанных с его помощью (Rain Forest Foods из вашего списка, кстати, тоже). www.pixijs.com/gallery
А у вас первый сайт из списка лагал?
У меня просто i7, вроде бы вывозит всю анимацию
Интересно насколько первый проект оптимизирован
Там вроде бы самая сложная анимация из всего списка
Простой народный признак разработчика-чудака - хук на скроле. Второй затасканный штамп, когда контент выезжает "из за угла", чтобы уставшие глаза еще больше напрягались. Для полной компании недостает прилипчивой навигации, которая выпрыгивает случайным образом и сужает область чтения. В примерах собраны негативные приемы сайтостроения. Считаю не надо на это равняться. Научиться не делать такие сайты.
Сергей Рогожкин: никогда не понимал почему, допустим, постраничная прокрутка это плохо? Иногда она кажется очень удобной для целей презентации чего-либо, и т.п. Видимо мне нельзя быть дизайнером =)
Согласен, сайты может и красивые и креативные, но для коммерческих целей мало подходят.
Могу подсказать быстрый старт по созданию лендинг-пейдж своими руками, без конструкторов и навыков программирования на базе cms wordpress.
Кстати уже в воскресенье 23.04.17 будет ближайший интенсивный тренинг. Подробнее здесь
И есть еще группа мероприятия (там новости, фото и отзывы)
Юрий Макарин: я имел в виду, дорогой друг, чтобы для местной аудитории могли в двух словах сказать о чем там будет идти речь. одностраничники на вордпрессе Вы будете рекламировать создавать каким именно инструментом? Вижуал Компоузером, или каким то другим?
lukoie: Ну инструментов будет достаточно много, непосредственно наполнение сайта будет с помощью визуального редактора, наподобие Visual Composer (таких редакторов существует достаточно много, но благо они очень похожи), в двух словах тут не рассказать, да и стоит ли - программе курса посвящена отдельная страница, ссылку на нее дублирую: Подробнее о курсе создания лендинг пейдж
lukoie:
Да, сегодняшнее "живое" мероприятие проходило в Петербурге.
Но есть и онлайн вариант - все то же самое, но в виде видеоинструкций и поддержка в vk.com или telegram (или другим способом, если не удобны предложенные)
Онлайн-вариант не привязан к дате - можно начать в любой момент и имеет несомненный плюс - я консультирую индивидуально!
Что бы начать - нужно заполнить форму регистрации на сайте и я свяжусь с Вами!
Простой
