Igor Schnaider

padding от ширины родителя пляшет. Можете использовать его: сделать обертку или через псевдоэлемент.

Попробуйте добавить само появление после того, как меняете display: none -> block. Типа такого.

Замените на visibility :-)

Сам body спускается из-за этого поля. И, как следствие, блок #1. Вот, тут видно границы body в обоих случаях: 1, 2.

Да. upd. Вот, можете почитать.

flex создает новый контекст наложения. Для сравнения можете убрать display: flex, но поставить теперь для em position: relative.

Оффтоп немного, но игра вообще стоит свеч? Лезть в скрипты ради не очень нужной стилизации. Я бы забил на эти мертвяки.

https://www.behance.net/ http://collectui.com/ http://www.productpages.xyz/ https://land-book.com/ Берите любой понравившийся макет и начинайте верстать.

А в чем проблема самому себе придумать задание, желательно посложнее, что еще не делал, и начать его выполнять?

Не знаю, соберите пример где-нибудь.

overflow: scroll попробуйте.

Например так.

Я думаю, где-то здесь: x = numPool[--i], numPool = numPool[j], numPool[j] = x А вообще, есть попроще реализация фукнции shuffle: function shuffle (arr) { return arr.sort(function () { return Math.random() - .5; }); }

На canvas можно что-нибудь подобное замутить.

Любое мнение по определению субъективно :-)

var arr = [ ['firstname1', 'lasname1', '26'], /* ... */ ]; /* compare console.log(arr.sort((a, b) => b[0] < a[0])) */ console.log(arr.sort((a, b) => b[2] - a[2]))

То есть надо, чтобы ширина плавала в зависимости от высоты родителя?

Точно так же, как и обычный массив, только элементами для сравнения тут будет элементы массива: arr.sort((a, b) => b[0] - a[0])

Можно установить значение для audioElement.currentTime. Я вот поигрался сейчас, вроде работает :-) http://codepen.io/anon/pen/mOBGgJ

Так просто пропишите правила для каждого экрана: @media (min-width: 500px) { .image { background-image: url('./path_to_image/image.jpg?small'); } } @media (min-width: 700px) { .image { background-image: url('./path_to_image/image.jpg?medium'); } } @media (min-width: 900px) { .image { background-image: url('./path_to_image/image.jpg?large'); } }

Пополам разбейте ленту, а затем тасуйте эти половинки. Так проще будет. http://codepen.io/anon/pen/WoEyvM http://codepen.io/anon/pen/pNrKNx

Сами цифры можно рандомно из массива вытягивать. https://jsfiddle.net/7vhLmrzf/ С цифрой 0 не очень понял. Приведите пример хотя бы вызова функции и ожидаемого результата.

Нет. А вот свойство sitting — да.

Я немного увлекся :-) У меня вот такое получилось: find . -type f -exec grep -li '<!-- items -->' {} \; | xargs perl rename.pl И сам rename.pl: #!/usr/bin/perl -w use strict; foreach my $filename (@ARGV) { # Skip the script itself next if $filename =~ m/$0$/; # Read open my $FH, "<", $filename or die "Error: $!\n"; my $html = join("", <$FH>); close $FH; # Write open $FH, ">", $filename or die "Error: $!\n"; $html =~ s{<!-- items -->.*?<!-- end items -->}{<!-- items_mark -->}smg; print $FH $html; close $FH; }

Мне кажется, проще написать скрипт, чем с командной строкой возиться :-) Я знаю, что в Perl есть модификаторы \sm, который позволяют с multiline строкой работать. То есть получиться что-то типа # $html - сюда просто скормить весь файл сразу $html =~ s{<!-- items -->.*?<!-- end items -->}{<!-- blablabla -->}smgi;