Это самый базовый слайдер с фиксированной картинкой, которая перекрывает слайдер.
Так что используйте любой готовый слайдер и вставьте после слайдера картинку и с помощью poition: absolute; top: -n px;
timonck, ну я постарался сделать универсальным. В объекте может быть сколь-ко угодно свойств (главное чтобы без вложенных объектов, это не предусмотрел, ибо для демо)) ). Ну и заголовки таблицы я не стал через js генерировать. Подправьте в html или пишите сами)
4. Гугл спасает. Да и верного ответа для вас не будет, ибо каждому свое. Кто-то любит по видосам, кто-то книги, а третью по статьям/блогам
5. Как начинающий, однозначно для начала в офис. Дистанционка/фриланс только после. Ибо приведут вас также к выгоранию
П.с.
По 2 пункту все что вы уже описали + анализируйте потребности рынка
Тёма Ти, тут либо с js делать. либо костыли на css. Ибо спецификация W3C гласит, что overflow-y/x: auto/visible и overflow-x/y: hidden преобразуются в overflow-x: hidden; overflow-y: hidden (читайте тут)
Скорее про высоту.
Ну чтобы быть точным:
1. 100% высота. Никакой магии, связка height: 100vh(или %) и @media(для адаптивности картинки) /
2. Parallax. Тоже можно как и самописный сделать в css, так и миллион готовых реализаций в интернете найти
Он там исчезает или в какой-то размер уменьшается. Схему до конца покажите.
Также вопрос с адаптивностью. Такое же расположение/движение или вверх/вниз?
Ternick, ну как я выше ответил, апи доступен для расширений(плагинов) хром. Если нет возможности писать самому, то погуглите, наверняка найдется какое нибудь будь расширение которое каждые n промежутков времени чистит всё
Никита Подосёнов, calc() считает. В данном случае calc вернет значение, которое меньше высоты браузера(окна) на 60пикселей, а top сдвигает элемент сверху на... Результат calc()
