aen

https://wordpress.org/plugins/syntaxhighlighter/
prismjs.com

Нужно отталкиваться от задачи. Если вам нужно просто кусок статики ставить, то смысла нет получать его json-ом и потом танцевать с шаблонизатором.

Если вы хотите подгружать шаблоны, то используйте require.js. У него есть плагин для загрузки шаблонов. https://github.com/requirejs/text

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

Никакой из перечисленных подходов не должен быть догмой. Самое главное, чтобы в проекте был просто какой-то подход. Только тогда проект будет поддерживаемым, в нем не будет хаоса.

Я использую правила именования классов, близкие к БЭМ, но в остальном я его не использую.

Кстати, в списке не хватает MCSS.

Они не будет каждый раз грузиться. Второй раз браузер возьмет ее из кеша.
Как вариант грузите все с CDN, будет вероятность того, что какая то из ваших библиотек уже есть у вас на клиенте.

Актуальна.

Эм.. а зачем редактору кода ftp? Работа с DVCS ему нужна.
Используйте Sublime Text, а лучше WebStorm (PhpStorm) для более комфортной работы.

Это два разных значения одного и того же свойства. Их невозможно задать. Если вам надо, чтобы на блок что то наезжало, то стоит рассмотреть z-index.

Вам нужно просто два разный файла с конфигом.

CKEDITOR.replace( 'editor1', {
    customConfig: '/custom/ckeditor_config.js'
});

Для фронта один конфиг файл, для админки другой.

Подробнее docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-custo...

Скрипт весь заверните в IIFE (function() {})();
Для parseInt() укажите систему счисления 10.
Я бы еще клики подчищал через event.stopPropagation().
Данные лучше хранить в data-* атрибутах.

www.eyecon.ro/bootstrap-datepicker
nazar-pc.github.io/PickMeUp

Я бы все-таки менял не margin-left, а left, тем более, что у вас картинки все равно position: absolute;.

Иногда в таких случаях в IE событие change заменяют на click. Насколько это работоспособно в вашем случае - решать только вам.

Есть мета тег с именем viewport. Он вам поможет.

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

Есть один финт, правда грязный. Для каждого элемента списка в псевдоэлемент :before засуньте буллит. Ваша макет будет выглядеть как то так:

• Rainbow • Television • Interpol • The Shins
• Whitesnake • The Killers • 16 Horsepower

Далее контейнер со списком с помощью отрицательного margin-left сместите влево на такое количество пикселей, чтобы буллиты первых слов в строке скрывались под внешним контейнером.