Igor Schnaider

Вообще, data атрибут в данном случае - это всего лишь селектор, по которому вы применили стили. Дело не в нем. Плавности нет, потому что вы просто удаляете атрибут из элемента body, сбрасывая стили, на него навешенные, в том числе кстати и transition. Transition будет работать, когда есть два значения, между которыми будет осуществлен переход. Плавный переход - когда свойство принимает не дискретные значения, а когда есть промежуточные, и анимация может расставить ключевые кадры на них. Но даже если вы поставите transition на body, плавного перехода тоже не будет, потому что промежуточных состояний между значениями fixed и static у свойства position нет. То есть, у вас должно было быть как-то так, чтобы сработало. Правда, смысла в этом нет, мне кажется. Почему вы не хотите использовать отдельный элемент и убирать его через fadeOut, как у вас в первом случае?

Подправить что? Используйте viewport units. vw в вашем случае. Получиться что-то типа такого.

Ну просто так часто бывает, я предположил. Выложите код на codepen. Иначе гадать остается. upd. Не внутрь. Я внешний имел ввиду.

Скорее всего, у вас есть элемент, шире 1024px, который распирает body. Положите все в один контейнер (или для body пропишите min/max width, что там у вас).

Ну, строго говоря, никто не запрещает писать просто code без pre. Вообще, у них семантика разная.

white-space: pre

Это когда соседние верхнее и нижнее поля как бы "накладываются" ("перекрывают") друг на друга и получается одно общее поле, значение которого равно самому большему по модулю. Погуглите про margin collapsing. У Мейера в книга неплохо про это написано было.

В первом случае новый div положил внутрь другого. Во втором - в body.

Блин, что-то я туплю сегодня. Думал, height 100% на body работает с min-height на html...

А, ну да. margin: 0; UPD Кстати, вопрос: а почему с min-height на html нет прокрутки, а с height есть?

Да. Я б сократил :-)

Ну в вашем вопросе и ответ. Если только один раз и здесь, то достаточно просто комментарием обойтись, я думаю. Если много работаете с событиями клавиатуры, то есть смысл вынести в отдельный объект, например: var Key = { left: { code: 37 somethingElse: undefined }, enter { code: 13, somethingElse: undefined } }; Ну понятно, что потом при обработке событий проще обращаться к Keys.enter.code.

Только стилями. Что-то типа position: fixed; top: 50%; left: 50; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; или position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;

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

this означает контекст. В данном случае ни о чем, он в функции sum не используется. Можно было даже так написать: return sum.apply(null, arguments);

Чтобы текст из main был на header'е, вытащите main вперед. Либо для main используйте position: relative. Хотя, я в header не заметил абсолютно позиционированных элементов. Можно просто у него убрать position: relative.

Да, похоже никак.

Вытащите ее из контейнера.

Как перехватить событие keyup на кнопке (в моем случае - стрелки влево/вправо), когда зажата ⌘cmd? Вообще, можно ли? http://codepen.io/anon/pen/mPXedJ

Можете так. Вообще, это из-за margin-collapsing. #wrapper:before { content: ''; display: table; clear: both; }

Вот, нашел. Нужно что-то вида 1997-07-16T19:20:30. Если вы получаете строку, такую как в примере, то вставить T не трудно ;-) Кстати, интересно, что Firefox Developer Edition нормально работает с вашим примером.

Формат записи даты, наверное, не правильный.

Наверное, там другие форматы видео. По sessionStorage, вот что-то типа такого.

Попробуйте использовать sessionStorage.