xmoonlight

html5 history - смена ссылки.

1. пишу сайты в текстовом редакторе с подсветкой синтаксиса
2. не считаю себя профессионалом

phonegap тут однозначно! иного - нет.

joomla framework

Лучше такие вещи делать на svg: raphael.js

Тут либа, смотрим "Device type" и рулим.

В двух словах: блок на странице (и в коде на сервере), который может в себя включать такие же (и подобные) блоки с любым уровнем вложенности, использующий единую структуру манипуляции данными.

.info .statement .text {
min-height:100%;
}

Базовый синтаксис любого из языков нужно знать изначально БЛОКАМИ с мини-задачами.
Например так:
JS - структура, переменные, базовые операции с переменными, циклы/условия/массивы
(ЭТО ВСЕ НЕ jquery!!!!)
PHP - тоже самое...+работа с базой (файлы и сокеты - потом, никаких сложных функций из мануала!!!!)
HTML - структура страницы, базовые элементы, формы (НИКАКИХ HTML5 вначале!!!)
Затем когда все будет более-менее понятно - начинаете применять эти знания совместно в одном проекте.

Самое простое закрепление материала: сделать отправку формы из 3-4 различных типов данных с проверкой И на клиенте И на сервере и вывод с возможностью поиска, постраничного вывода и сортировки по различным критериям. (например, функционал "отзывы и оценки")

Основные "киты" для быстрой работы с пользовательской информацией:
HTML - вёрстка и визуализация информации,
JS - "живой" HTML интерфейс (манипуляция объектами), проверка, обработка и отправка данных на сервер,
PHP (mysql) - работа с данными на сервере

.main {
  width: 250px;
  overflow: hidden;
  white-space:nowrap;
  position: relative;
}

.spans {
  position: relative;
  float:right;
  text-align:right;
  overflow: hidden;
  min-width:0px;
}

Можно.
Отловите DOM после загрузки и загрузите себе на сервер. Найдите отличия по сравнению с "чистым" и нормальным браузером.
Там будет слой (который ставит сам браузер - надстраивает), который проверяет браузер. Его нужно скрыть через style (или обработать через JS как клик) и после уже запустить видео как обычно и оно запустится.

добавьте блок сверху высотой в 0px и в середине (где красный на 1-м рисунке, так же: в 0px) и в зависимости от ширины меняйте через JS вывод контента в один из этих блоков.
Мобильный - выводите в верхний.
Обычный - в средний.

GD2, imagemagick - выбирайте)

Сделайте авторизацию для Ваших клиентов и далее проверяйте является ли он пользователем.
Какая у Вас CMS?

js canvas

на родительской (ваш сайт):

<a href="" onClick=javascript:window.frames[0].document.location.href='/page2/'>frame на page2</a>

или из iframe:

<a href="" onClick=javascript:opener.document.location.href='/page2/'>родительскую страницу на page2</a>

$b=array(
'header'=>'file1.html',
'left-menu'=>'menu.html',
);
$c='';
foreach ($b as $b) $c.=file_get_contents($b);
file_put_contents('page.html',$c);

Ваш мозг, интернет и тематические сообщества - лучший учебник...
Пояснять "почему" ?