Кирилл Никитин

Вам нужно почитать про атрибут canonical.

В браузере вы просматриваете уже скомпилированный css файл, а тут привели кусок sass. Либо ищите дальше, по остальным sass файлам, либо просто переопределите свойства этого класса отдельно в конце.

Если вы про фон, то это полигональная сетка. Можно руками, но это медленно, можно генератором, типа этого.

Предполагаю, вам нужен файл custom.js и вот эта его часть:

// latest post slider call 
    $('.latest_postnav').newsTicker({
        row_height: 64,
        speed: 800,
        prevButton: $('#prev-button'),
        nextButton: $('#next-button')
    });

Для подобного примера я бы сэкономил время и использовал уже готовые решения. Подключите Animate.css и добавьте к заголовку соответствующий класс. Можно добавить Delay.css, если текст должен появиться не сразу. Ну и в особых случаях, обычно для объектов не на первом экране, к этому всему можно добавить WOW.js.

ПыСы: есть у меня ещё одна ссылка, вдруг пригодится https://tobiasahlin.com/moving-letters/

У вас там перенос строки br стоит.

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

Я так понимаю, верстали на Bootstrap? Этот фреймворк mobile-first, это значит сначала мобильные, а потом всё остальное по возрастанию. Соответственно, без media настраивается фон под самые маленькие экраны, которые до 320px, а потом добавляется по нарастанию через media по стандартным bootstrap или вашим собственным точкам.

body {background-color: #000;}

@media only screen and (min-width: 480px) {

/* Можете не менять тут, это горизонтальный iPhone или похожий мобильник */

} 

@media only screen and (min-width: 768px) {

/* Добавляем картинку для вертикального iPad или подобного */
body {background-image: url(bg-image-sm.jpg);}

} 

@media only screen and (min-width: 992px) {

/* Заменяем картинку для горизонтального iPad или подобного */
body {background-image: url(bg-image-md.jpg);}

} 

@media only screen and (min-width: 1200px) {

/* Заменяем картинку для больших экранов */
body {background-image: url(bg-image-lg.jpg);}

}

Очень старая проблема и не только на iOS, а на большинстве браузеров для мобильных устройств в принципе. Суть в том, что использование background-attachment: fixed; сказывается на производительности и он тупо отключён в мобильных устройствах. Может однажды всё будет работать, но пока так. После нескольких лет поиска решения я пришёл к следующим выводам.

Если эффект крайне необходим, вы можете использовать технологию параллакса (есть бесплатные плагины), когда позиционирование элемента изменяется динамически во время прокрутки, либо использовать отдельный пустой div, где вместо background-attachment: fixed; ставите position: fixed; этому пустому блоку и регулируете всё через z-index.

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

HTML
Тут ваша разметка шапки, но с разложенными по классам свойствами CSS.

<header class="main-header bg-cover bg-fixed">...</header>

CSS
Из своего основного класса убираете всё, что касается фона, кроме картинки. Естественно, если вам там ещё что-то нужно, вроде высоты, флоатов и тд., сами решите. Теперь добавляете два класса, которые пойдут как фреймворк и могут использоваться многократно. Один растягивает картинку (центрует и без повторений), другой делает тот самый эффект fixed.

.main-header {background-image: url(img/picjumbo-bg5.jpg);}
.bg-cover {background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover;}
.bg-fixed {background-attachment: fixed;}

JS
Добавляете этот код в шаблон или в файл скриптов. Если ваш сайт открывают на мобильных устройствах, скрипт находит все блоки по классу bg-cover и убирает из них класс bg-fixed, если он есть. Фоновая картинка просто будет скролиться со всем остальным.

var device = navigator.userAgent.toLowerCase();
var mob = device.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/);
        if (mob) {
            $(".bg-cover").removeClass("bg-fixed");
        }

Это ведь есть всё в документации. В вашем случае достаточно будет использовать sm вместо xs, а вообще, можно ставить больше одного класса.

Cсылку криво дали, нужен логин ваш, но в целом ясно.
В файл шаблона можно, но зачем, если вам только на одной странице? Просто создайте под него модуль в нужном месте шаблона и активируйте его только на нужной вам странице. CSS можно в общий файл стилей шаблона запихнуть, а с js как вам удобно. Можно прямо к модулю попробовать, если настройки Joomla позволяют, можно в общий файл плагинов, а можно отдельный файлик и подгружать его только на нужной странице.

www.videvo.net
www.lifeofvids.com
www.videezy.com/browse
www.stockfootageforfree.com
www.xstockvideo.com
www.vidsplay.com
www.clipcanvas.com/free-footage
www.motionelements.com/free/stock-footage
www.wedistill.io
mazwai.com

Это всё легально бесплатные, если что. А так, хоть Vimeo, хоть маркеты типа Videohive.

Это очень широкий вопрос. Есть разные направления и техники и не все из них подразумевают практику в рисование. Если речь о классической 2D анимации или о matte painting и мэпинге, то да. Ещё, опытная рука, если можно так сказать, пригодиться при работе с ZBrush. Ну а для работы с 3D пакетами, классическое рисование вообще может не понадобиться. Касательно ваших примеров, в каких-нибудь «пингвинах» если что и нарисовано рукой, так это текстуры каких-то предметов.

Начните с изучения и выбора софта. Фаворитами считаются 3DSMax, Maya и Cinema 4D. У каждой есть свои +\- и ниша. Есть и другие, само собой. ZBrush ещё, но он сам по себе. Мой выбор, если что, Cinema 4D.

Далее, после выбора ПО, по книжкам или урокам в интернете по выбранному редактору вы должны изучить следующие направления:

Моделирование — основа основ. Собственно, создание всего, что появляется в сцене.
Текстурирование — раскраска, если грубо. Тут нужна голова больше всего.
Свет — подойдёт любая инфа по поведению света, хоть научная, хоть для фотографов.
Камеры — расстановка и настройки камер на принципах фото и кинооператоров.
Рендеринг — вывод всего этого в финальную картинку, с тенями, отражениями и тд.

В этом месте можно считать себя фотографом. Вы будете способны создать любую сцену, но статичную — как фото. Далее анимация.

Риггинг — создание костей или точек, которыми можно будет анимировать объекты.
Анимация — тут понятно. Нужно знать анатомию, физические свойства предметов и тд.
Скриптинг — настройки сложных эффектов, вроде поведения океана или полчищ нечисти.

Монтаж и постпродакшен — сведение всего, наложения звука и тд.

Обычно, всё это делится по специализациям на кучу людей. Работающие в одиночку есть, но у них обычно уходит на пятиминутный качественный ролик по году, в среднем. Но тут ещё от железа зависит и сложности сцен. У меня бывало 5 секунд анимации рендерились несколько суток. Думаю, достаточно для введения и слов я для гугла накидал. А вообще, зайдите на www.render.ru Удачи!

Начнём с того, что это не видео, а свёрстанный на html блог. Теги img с CSS анимацией на них. Другими словами, каждый компонент композиции — отдельный png файл, облако, машинка и тд., которому задали действие. Воспользуйтесь dev tools в сафари, хроме или фоксе и посмотрите исходники. Там всё довольно просто.

Касаемо видео, тоже можно. Необходимо подключить js плагин, например BigVideo.js, но можно альтернативы поискать, и использовать видео как часть вёрстки.

Это просто популярный фреймворк и каких-то тайных преимуществ искать не надо. А популярный из-за большого коммьюнити, способного помочь советом или наработками. Как обычно, курица или яйцо.

Если у вас свой дизайн, внедрение шаблона придётся делать в любом случае, какой-бы движок не выбрали. А требования, которые перечислили, подразумевают Joomla и ей подобное однозначно. Не трате время, берите Joomla или WP и начинайте разбираться.

Если объект уже готов, то зависит от программы, в которой он сделан. Хотя, если это *.obj, вероятно не важно. Если ещё не готов — нужен моделер.

Анимация — если речь об органике, человек или животное, ваш специалист должен будет уметь настроить «кости» и, собственно, их анимацию. Называется rigging. Это узкопрофильно. А если надо подвигать примитив или, скажем, покрутить логотип, скорее всего справится любой 3д'шник.

Ещё нужно создать и наложить текстуры, выставить свет и камеры, настроить рендер для вывода ролика. Три отдельные области, но если всё действительно просто, справится один человек.

Ну а далее, если речь не о самостоятельном видео рендере, а вставить куда-то, нужен монтажник/постпродакшен на сведение этого всего в AfterEffects или другом редакторе. 3д'шники обычно сами умеют, но не всегда.

Искать где обычно. На Фрилансим к примеру. Можно тут ещё поискать.

Push — двигает вперёд, pull — тянет назад. Проблема то в чём? Или не понятно зачем? Бывает, что колонки надо местами поменять и вместо перемещения кусков кода, возможно больших, можно добавить пару классов и всё.