Igor Schnaider

Если, например, не менять аттрибут src у iframe, а создавать новый iframe каждый раз, то history меняться не будет. link

На CSS пока никак, потом с помощью этого.

Дело в том, что flex элементы всегда "пляшут" от такого понятия, как оставшееся пространство. Как при распределении положительного (если контейнер вмещает все эелементы и еще остается пустота), так и отрицательного (как в вашем случае). Flex элементы при распределении этого пространства между собой смотрят на flex-basis (если не определен, то размер по умолчанию, как я понял) и flex-grow/flex-shrink. Если взять ваш пример, то тут следующее (для удобства я оставил фиксированную ширину контейнера, чтобы проще считать было и был понятен принцип, а также убрал margin): Размер контейнера = 800px Размер картинки = 500px Размер текста = 800px (так как его много и он заполнит весь контейнер как минимум одной строкой) Дальше считаем: Общее пространство = 500 (flex-grow = 1, поэтому 500 остается) + 800 = 1300px Коэффициент сжатия для первого элемента = 500 * 1 (flex-shrink по умолчанию = 1) / 1300 = 0,3846153846 Коэффициент для второго элемента = 800 * 1 / 1300 = 0.6153846154 Теперь отнимаем у элементов часть пространства, чтобы все влезло в контейнер: У первого: -500px * 0,3846153846 (отрицательное недостающее пространство у контейнера умножаем на полученный коэффициент) = -192.3076923 У второго: -500 * 0.6153846154 = -307.6923077 То есть первый элемент теперь будет ≈307px в ширину (500px - 192.3076923px), второй ≈492px. Размеры можно проверить с помощью DevTools. UPD: Если не хотите, чтобы картинку "плющило", поставьте ей flex-shrink: 0;

Как вариант. UPD: Да, можно сверху на видео просто маску накинуть (SVG, например) или смотреть в сторону clip-path.

И правильно. Такое только на JS. (На самом деле, мне самому лишь стало интересно попробовать на CSS придумать что-нибудь. А побочный эффект у такого решения, конечно, непозволительный.)

Ради эксперимента можно конечно что-нибудь придумать, но на практике я бы так делать не стал.

Это как?

Так используйте карусель, а не табы. Останется только переопределить стили, чтобы убрать/сменить эффект смены слайдов.

Не уверен, но думаю что это отправка формы влияет. Может, AJAX'ом.

У вас top меняется по ховеру на тексте, поменяйте на контейнер. И с display: none -> block переходы работать не будут. Используйте visible или opacity.

Ну да, или trim(), как вы сами писали: mystring.replace(/\s{2,}/g, ' ').trim();

str.replace(/\s{2,}/g, ' ')

...или поменяйте Load Type в настройках jsfiddle. Кстати, FF не поддерживает innerText.

document.getElementById('buttred').onclick = function (e) { // ... }

link

Ну потому что по умолчанию текст выравнивается по базовой линии.

Не совсем понятно, что у вас "не просто" с оплатой. Смотрят ведь не на человеко-часы, а на итоговую стоимость, которую потребуют за работу. Дальше уже решать - экономить или нет. (Я к тому, что стоимость человеко-час работы - это же для исполнителя, не для заказчика.) UPD. А по поводу качества исполнения - есть же портфолио какое-нибудь. В слепую ведь никто платить непонятно за что не станет.

Да. children - это только элементы, в то время как childNodes - это все узлы, в том числе текстовые, комментарии, ну и элементы тоже.

Лучше повешать обработчик на родителя.

link

Можно сделать как-то так. только не воспринимайте как готовый пример, это просто набросок :-)

Если бы :-)

Попробуйте с помощью regex'а заменить, как-то так.

document.getElementById('outmess').value = 'Some text message';

У textarea есть свойство value. Не используйте innerHTML.