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

Первую букву сделайте картинкой и перекройте ею первую букву текста

1. Банер который предполагается вставлять на другой сайт должен быть минималистичен, сократите css.
2. Пишите в style="" , что бы избежать возможных проблем.
3. Если Ваш банер подключает у себя вебмастер, что ему стоит добавить строчку подключения css с Вашего сайта?

ПС хотелось бы глянуть на этот банер

А что там делать? Делите общее кол-во на кол-во с определенной оценкой. Максимально принимаете за 100%, остальное соответственно. Прогресс бар можно взять, например тут:
getbootstrap.com/components/#progress
да и самому можно отрисовать.
В чем у Вас сложность? Верстка? Расчеты? Вывод данных?

например www.w3schools.com или https://webref.ru/ (бывший htmlbook.ru/)

вы видимо неправильно классы для них написали. Сделайте col-xs-4 для основных 3-х

Проще настроить визуальный редактор.

Есть огромное кол-во css framework-ов, которые делают все за Вас. Например bootstrap или fondation. Зачем изобретать велосипед. Возьмите готовый и настройте под себя.

Ну так Adobe Flash Professional может рендерить вам на выходе html5+canvas

Перебирать надо не $_FILES['files']['tmp_name'] а $_FILES['files'] скорее всего. Так как массив скорее всего имеет такой вид $_FILES['files'][[0=>'tmp_name', ]] тоесть надо как-то так:

foreach($_FILES['files'] as $one )
{
echo $one['tmp_name'];
}

можно создать элемент внутри li который при получении hover будет получать отрицательный маргин, эмитируя border у предыдущего li
либо li:hover:before {margin-top:-30px; border:solid #000 2px; display:block; width:100px; height:26px;}

Самый простой способ это использовать таблицу во второй ячейке, а в ней можно делать вертикальное выравнивание vertical-align:bottom
Еще можно добавить див во вторую колонку, который будет придавливать к низу Ваш список.

у блока position:relative;
кнопкам position:absolute; bottom:0;

тогда кнопки будут позиционироваться по нижнему краю ближайшего предка с position:relative;

div.text {overflow:hidden; display:block; width: 180px; height:50px; text-overflow: clip; }
div.text>p:last-of-type:after {content:"...";}

Думаю идея понятно дальше допилить по вкусу.

Два видео файла 1-й вперед, 2-й назад + javascript который реагирует на нажатие кнопки и ловит текущее значение время видео

Если уж совсем разный css везде, тогда делайте:
1 общий
а на каждой странице в header

<style>
ваш код уникальный для каждой страницы
</style>

Но на практике использую 1 css и иногда подключаю css файлы различных виджетов и плагинов. Даже не представляю что там у Вас за проект, в котором на каждой странице разный css, да еще в таком объеме, что нужно его делить.

Паралакс - это javascript, а javascript выполняется в браузере. Поэтому в зависимости от мощности компьютера будет разная скорость работы. У меня в "винде" Ваш паралакс подтормаживает. Поэтому задача не делать что-то для мак бук эир, а в целом оптимизировать. Как размер фото, так и javascript код.
У Вас там куча картинок на разных слоях. Сделайте 2 слоя. Одна большая картинка за заднем слое состоящая из кучи склееных фото. Они же синхронно двигаются, зачем их делить?

a:nth-of-type(4) {
display: block;
clear: both;
}

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

Событие прокрутки ловится с помощью jquery, а анимация может быть реализована и в css (с помощью ключевых кадров) и в jquery.
Но помни путник. Что главное это юзабилити, а красивости и анимашки радуют только первый раз, а потом начинают бесить. Так что така чепуха оправдана только на лэндингах.