Andrzej Wielski

Погуглите css transition

Можно с помощью box-shadow над смещенным вниз с помощью margin элемента, скрытого с помощью overflow: hidden

https://jsfiddle.net/gb2qjjky/

https://jsfiddle.net/qhj394yp/1/
Делается банальным скриптом. Юзайте. Подправьте под себя.

И так, что получается

1) Вы фрилансер со стажем не менее 7 лет
2) Вы хотите книгу (реальную, бумажную) за 65$, но денег у вас нет
3) Вы хотите сделать так, чтобы кто-либо другой вам ее купил. Ибо денег нет, да и не фаакт что она вам понравится...

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

Ничего не бывает бесплатно. И не надо попрошайничать. Хотите книгу в коллекцию? Платите. Хотите электронный вариант? Платите, ищите на трекерах, либо совершайте групповые покупки.

Laravel - серверный фреймворк, который никак не работает с HTML. Тем более, в него не встроен Bootstrap.

Скорее всего вас сбивает с толку папка "bootstrap" в корне проекта. Формально, там хранится кэш ваших view, и сгенерированный autoload для запуска приложения. Точка входа, иными словами.

Все, что вам надо трогать в плане разработки - папки app, config, database, routes, и resources.
app - тут все ваши модели, контроллеры, эвенты, и т.д.
config - конфиги
database - миграции и сидеры
routes (5.3+) - файлы с роутами
resources - ваши представления (views)

Ну и папка public - точка входа (index.php), и .htaccess
Именно в эту папку вы можете складывать все html фреймворки, и попросту работать с ними.

Так же, вас могло спутать то, что при вызове метода artisan make:auth создаются представления, использующие bootstrap. Попросту перепишите шаблон этих представлений (resources/view/auth) под свои нужды.

Удачи в начале вашего пути.

Для тех кому нужен парсинг погоды. Делюсь.

Официальный адрес для обращения к API:

https://api.weather.yandex.ru/v1/forecast?geoid=2&lang=ru

Заголовки, которые нужно передать для доступа:

User-Agent: yandex-weather-android/4.2.1
X-Yandex-Weather-Client: YandexWeatherAndroid/4.2.1
X-Yandex-Weather-Device: os=null;os_version=21;manufacturer=chromium;model=App Runtime for Chrome Dev;device_id=[DEVICE ID];uuid=[UUID];
X-Yandex-Weather-Token: [TOKEN]
X-Yandex-Weather-Timestamp: [TIMESTAMP]
X-Yandex-Weather-UUID: [UUID]
X-Yandex-Weather-Device-ID: [DEVICE ID]
Accept-Encoding: gzip, deflate
Host: api.weather.yandex.ru
Connection: Keep-Alive

Где [TOKEN] генерируется функцией
md5(secret.concat(timestamp))

Ну и соответственно secret - eternalsun
UUID и Device ID берите от вашего девайса на Android, либо получайте (как я) в ARC Welder.

UPD: Кому интересно, выдается в таком формате:
pastebin.com/w12KvC6q

Не стоит.
Визуальные редакторы - зло. В итоге вы получите код, в котором ни один нормальный веб-девелопер не сможет разобраться.
Про натягивания всей этой кучи непонятных и ненужных тегов с нулевой структурой на какой-то движок (даже на самопис) - вы испытаете невероятное "наслаждение".

что использовать?

Как такое делать

vk.cc/4V7vGs

Можно.
При включенном видео программно изменять значение для индикацией просмотренного.
Индикацию загруженного можно реализовать с помощью фонового изображения, после чего менять background-size

var percent = 35;
var h = $('.ползунок').height();
var h = h * percent / 100;
$('.ползунок').css('background-size', '100% ' + percent + 'px');

Но спросите себя - оно вам надо? :)
Не легче все сделать дивами, навесив нужные классы и стили, и прикрутив несколько эвентов к элементу "ползунка"?

Читайте книжки.
Практически любой язык программирования никак не связан с математикой. Вам не обязательно иметь степень магистра, чтобы его понимать. Главное развить в себе логику, и понимание того, как все работает.

• Возьмите любую книжку по душе, в течении первых 2-3 глав поймете что такое переменные, функции, объекты.
  
• Попробуйте на практике минимальные конструкции, чтобы понять принцип их работы.
  
• Не бойтесь экспериментов - ничего не испортите.
  
• Не отчаивайтесь в случае ошибок - лучше погуглилить и исправить самому, чем бежать на тостер. Будьте уверены - такие же тривиальные проблемы до вас случались как минимум у сотни человек.
  

Удачи.
По вашему вопросу с примерами кода помочь не смогу, опять таки из-за того, что вы не совсем понимаете что происходит внутри браузера. Книжки это лучше разжуют.