Максим Тимофеев

Как быть, если хочется писать более понятный HTML

Он более понятен только Вам. Любой другой человек не поймет Вам понятный код.
Чем хорош bootstrap - гибкость (цена этого лишние теги) и стандарт. Все знают сетку bootstrap, даже те, кто его не любит и другие сетки используют подобную структуру. Это удобно и читаемо.

Вы почему то считаете, что меньше тегов - это хорошо. Но это не так. Много лишних тегов - это плохо, но это не значит, что чем меньше тем лучше. Должна быть золотая середина. Много раз пытался написать свою сетку, более лаконичную чем у bootstrap - и каждый раз упираюсь в то, что у них золотая середина. Под конкретный проект можно придумать свой велосипед, который поедет. Но в разрезе универсальности, а это главное для framework, bootstrap и подобные сетки - самое оно.

Использовать фреймворки у меня получалось, но мне не нравилось, что приходится подстраиваться под код

Берите только нужные компоненты и выбирайте framework под себя. Они же не заставляют Вас делать каким-то определенным способом, это просто набор готовых методов. А sass позволяет собирать этот набор под себя как угодно.

simplehtmldom.sourceforge.net
https://code.google.com/archive/p/phpquery/

Я думаю Вам очень надо почитать вот это:
htmlbook.ru/css/value/media
И посмотреть как сетки делают великие мира сего:
getbootstrap.com/docs/4.0/layout/grid

Берем любой видео редактор, который умеет работать с масками и делаем. Секретного сочетания клавиш для этого нет.

Допустим у Вас модалка из bootstrap3, у нее есть событие, которое запускается при открытии, тогда так:

$('#myModal').on('shown.bs.modal', function () {
  $.get('/url/to/my/script/',function(data){
     alert('ответ пришел');
  });
})

Находите компанию оказывающую услуги в США, со скайп контактом, звоните, расспрашиваете про услуги. Например, банк и условия по ипотечному кредитованию или web студия и высняете сколко стоит сделать сайт. Смотря какая тематика нужна.

• или используй иконки с соотношением сторон 1:1
  
• или вместо картинок блок, картинки на back c этого блока background:cover; и блоку задать width height 1:1
  

ПС: иконки картинками это же преступление против логики. Сделай спрайтом или вообще иконочный шрифт или просто возьми готовое: https://fontawesome.com/

Дайте пожалуйста решение

Это на фриланс

Ничего найти не могу

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

Делаю веб разработку, которую перенесу в приложение.

Очень сомнительная затея.

Надо чтобы по кнопке старт срабатывал датчик который будет измерять пройденное расстояние (статическое)

Статическое расстояние - это новый термин в физике. Срочно пишите научную работу.
Данные можно получить только для geo позиционирования. Так что рассчитать расстояние можно, но точность будет не высокая. Плюс браузер будет уходить в офлайн и Вы ничего с этим не поделаете. Зачем Вам это? Почему человек будет юзать Ваш сайт вместо того, что бы юзать мобильное приложение (их просто тысячи). А вообще браслеты для этого есть.

ПС: затея странная. Потому что
- это уже реализовано много раз
- это реализовано на оптимальной платформе, Вы же выбрали самую странную для этого, а значит в любом случае получится в 100 раз хуже, чем у конкурентов.

используйте $_SERVER['HTTP_HOST'] и $_SERVER['REQUEST_URI']
php.net/manual/ru/reserved.variables.server.php

svg или тупо две картинки в блоке, как background с разными background-position
svg будет гибче и можно заливкой из css рулить

Открываем файл, читаем файл, формируем массив, перебираем массив, пишем в файл, сохраняем файл.
Что надо знать:
php.net/manual/ru/control-structures.foreach.php

php.net/manual/ru/book.filesystem.php
или
php.net/manual/ru/function.file-get-contents.php
php.net/manual/ru/function.file-put-contents.php

У поисковиков есть инструменты для проверки микроразметки, так что вопрос к ним переадресуйте:
гугля: https://search.google.com/structured-data/testing-...
яша: https://webmaster.yandex.ru/tools/microtest/
вставляете свой url и читаете рекомендации и ошибки

А почему бы не убрать это из title?

Зачем такая странная схема? Берем роутер с поддержкой usb модема, втыкаем 4g в него и раздаем. То что Вы придумали если и заработает после 20 часов танцев с бубном, работать будет кое-как.
Подходящий роутер 7000 рублей максимум. Делим на 20 часов. Получаем 350 рублей в час - не выгодно. Купить дешевле и работать будет лучше, даже когда комп выключен.

А зачем слушать мнения, заходим на сайт проекта и смотрим новости. Последняя 01 мая 2017

Вышла баг-фиксная версия LS 2.0.1.

Еще веселее выглядят требования в виде php 5.2.1 А это значит ООП там не пахнет и вообще пахнет не очень.

Пройтись по содержимому common/config/ настроить там все, например доступ к БД. Потом следовать ошибкам. которые предварительно надо включить в php.ini
Точки входа:
frontend/web/index.php
backend/web/index.php
соответственно домен должен туда смотреть
Но вообще-то все есть тут:
www.yiiframework.com/doc-2.0/guide-index.html

Есть еще вопрос, а рабочий ли там докер и что в папке mediaten.
Но зачем Вам архив с проектом на yii2? Если проблемы с запуском, то скорее всего потом их еще больше будет. Может стоит начать не с этого проекта, а создать новый, поиграться, а потом перейти к этому?

Ловим скрол, определяем попал ли блок в видимую часть, добавляем класс, цепляем анимацию в css именно на этот класс.