xmoonlight

Специфический - зависит на 100% от целей.
и на 100% учите jquery
(и да... jquery - это НЕ фреймворк, это - кросс-браузерная библиотека-обёртка нативного javascript)

проблема в голове.... прежде чем делать шаблон - выучите инструмент окружения: php.ini и мало-мальски сам PHP...

А что за сайт с кучей опросов? Есть разветвленные, а есть прямые.
Что за тематика-то?

а на форум denwer'а не пробовали обратиться ?

notism.io

просто сохраняет POST-переменную как обычно и все.

все верно говорят.
tinymce и дальше замена текста при наборе через функцию с помощью regexp.

Для каждой задачи - своя архитектура.
Для определенной архитектуры - свои компоненты.
Компоненты - строительный материал сервиса.
Знания и умения разработчика(-ов) при работе с компонентами (принципы проектирования модулей, контроль безопасности кода и т.д.) определяет итоговое качество конечного сервиса.

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

У всех них один недостаток: сложное вхождение в структуру и зависимости.
Максимально-быстрая скорость запуска проекта нужна: от идеи до альфа/продакшн-версии.
----
PS: за это и люблю питон с его интеллектуальной инициализацией массивов)

зачем велосипедить то? напишите разрабу браузера VK и все.

CSS3 animation:

.element-animation{
  animation: animationFrames ease 3s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 3s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 3s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 3s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(3600deg) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(3600deg) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(3600deg) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(3600deg) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(3600deg) ;
  }
}

MVC vs MVVM

и за чем будущее ?

вот и я говорю: Зачем?!))

Делать нужно не по PR-"технологиям", а по структурным связям объектов при их взаимодействии в том или ином случае. А они - разные бывают.

проверьте теги страницы - думаю в них косяк...

Ответ прост как никогда:
Держим соединение: websocket (клиент) +(server)
примеры
Хорошая реализация на PHP

Это лишняя трата времени, если у Вас такие вопросы.
Берите тот же LARAVEL (или Yii2), учите и делайте на нём то, что нужно именно для Ваших задач.
Сейчас CMS слишком узко "заточены". Так что не советую "кроить городилово" (С).

fireshot
UPD1: делаю еще так (скрипт phantomjs):

var   system = require('system');

if (system.args.length !=2) {
    console.log('Usage: '+system.args[0]+' domain');
    phantom.exit(1);
} else {
var domain = system.args[1];

var page = require('webpage').create();
page.viewportSize = {
  width: 1280,
  height: 800
};
page.open('http://'+domain+'/', function() {
  page.render(''+domain+'.png');
  phantom.exit();
});

}