Евгений Петров

То есть вы реально не знаете что такое vanila.js? Вы либо тролль либо не подходите под эту вакансию...

vanilla-js.com

Почему так происходит и можно ли не указывая height родителю решить проблему ?

Либо задавать высоту родителю, либо задавать абсолютное позиционирование для потомка. При втором варианте не забудьте сменить позиционирование и для родителя (на position: relative;, например).

Как быть с адаптивной версткой, в различных точках править размеры (height родительского блока например) ?

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

Просто список:

whoyougle.ru/services/color/list

По яндексу:

colorscheme.ru/color-names.html

Общая логика сортировки: «от общего — к локальному и менее важному». Рекомендуется располагать свойства в следующем порядке:

1. Сначала положение элемента относительно других:
position, left/right/top/bottom, float, clear, z-index.
2. Затем размеры и отступы:
width, height, margin, padding…
3. Рамка border, она частично относится к размерам.
4. Общее оформление содержимого:
list-style-type, overflow…
5. Цветовое и стилевое оформление:
background, color, font…

Как осущетсвляется ПРАВИЛЬНО обращение

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

обращаемся по id

Не по ID а по селектору. Вообще стоит избегать использования селекторов по ID или как минимум делать эти селекторы осмысленно а не просто так. Скажем по data-* атрибутом выборка будет не сильно медленнее и специфичность селекторов от этого не пострадает. А возможностей появляется больше (конфигурация из тех же data-* атрибутов, декларативный подход для инициализации компонентов и т.д.).

File API

Ограничения: требуется разрешение пользователя. То есть тихо записать в файлик не выйдет.

На сколько я понял Вам нужно сделать значение переменной id ключом arr, если да, то так:

var id = 'test', num = 141241, num2 = 12424;
var arr = {str: num};
arr[id] = num2;

.active { color: red;}

$(".btn").click(function(){
$(this).toggleClass("active");
})

Понятно, что происходит?

Не учитесь у дяди @melnikov_m плохого. Используйте делегированные события там где это необходимо.
Проблема несрабатывания второго события, действительно, заключается в том что Вы навешиваете событие на пока несуществующий элемент .btn2.
В данном же случае Вы можете навесить второе событие внутри первого и в первом использовать one. Но хоть убейте, не пойму зачем Вам это? Можно же все реализовать и в первом.

алгебру и геометрию. немного статистики и матрицы

function Test() {
if (this instanceof Test) {
    /* code... */
}
else {
    return false;
}
}

потому что onmouseout а не mouseout, и лучше воспользоваться addEventListener.