Ragtime Kitty

У стандартного браузерного плеера нет такой возможности.
Вы можете либо найти плагин, который это делает, либо самим сделать эту кнопку.

Что-то вроде этого:

Можно вот так, резиновый блок получился, с фиксированными отступами у стрелки, через media достаточно одну переменную менять, если нужно.

Никак, только эмитировать высоту через padding-bottom, да и зачем вам это? В инпут текст одна строка.
Может вам лучше <textarea> подойдет?

Можно сделать две секции: в одной из них большой блок, в другой маленький. По клику на кнопку менять их местами.


Анимации, чтобы "уходил", это уже jQuery либо ручками.

Не могу понять что не так

Ошибка в том, что document.getElementsByClassName возвращает не массив, а коллекцию нодов и перебор через i++ вам тут не поможет, потому что как только вы удаляете элемент, он пропадает и из этой коллекции. Может кто-то другой сможет это точно объяснить, я не очень умная.

Используйте цикл while:

$('#del').click( function () {
  var types = document.getElementsByClassName('active');
  while (types[0]) {
    types[0].remove();
  }
});

А вообще, у вас подключена здоровая jQuery, а вы используете ее только чтобы клик на кнопку навесить. Сделайте все тогда уж на ней:

$('.dropdown-button__button').click(function() {
	$('.dropdown-button__item:contains('+$(this).text()+')').addClass('is-hidden');
});

Вы можете расположить все инпуты где и как вам угодно, а потом передавать их в форму через атрибут form

<form id='form1' action=""></form>
<form id='form2' action=""></form>

<div class="inputs">
  <input form="form1" type="text">
  <input form="form2" type="text">
  <textarea form="form1"></textarea>
  <input form="form1" type="text">
</div>

Можно упороться и сделать без скриптов и с упоротой разметкой

Если у переключателя только два состояния, то проще будет сделать это через один класс и транзишены, а не анимации:

button.addEventListener('click', function() {
    window.scrollTo({top: 0});
});

Можно плавно:
window.scrollTo({ top: 0, behavior: 'smooth' });

Фильтр тут не нужен, просто наложите поверх картинки блок с бэкграундом выбранного цвета, и регулируйте его прозрачность.

Тут недавно кто-то скидывал вот этот:


Mozilla, Chrome, Opera, Safari, Edge - во всех работает.

if (e.keyCode == 32 && menu.classList.contains('is-open') && !document.querySelector('textarea:focus') )

Ну или заменить button на div и не париться

Так у вас и получилось вот тут:

var myimage = document.getElementById("id_image"); 
var rw = myimage.naturalWidth; 
 alert(rw);

Только убедитесь, что картинка загружена, или будет 0;

document.getElementById("id_image").onload = function() {
	alert(this.naturalWidth)
}

Можно проверить user-agent на мобилки, это же для них ссылка.

А узнать может ли девайс открыть эту ссылку через приложение через JS... не думаю. Да и какой в этом смысл?

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) )

Получаем Math.random()

Если <= 0.5
Добавить класс, который перевернет монетку на орла
Else
Добавить класс, который перевернет монетку на решку

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

Суть: по клику вешаем класс "selected", по клику на кнопку копируем элементы с классом "selected", вставляем их во второй список и удаляем их из первого.



Бедный код пэн, который день уже беднягу дудосят :(

Если градиент to bottom, то переместить последний цвет градиента на желаемое расстояние, добавить на ту же позицию белый цвет.



Если у градиента другое направление, то сделать два фона: градиент и белый цвет, затем сдвинуть градиент на нужное расстояние;

.background {
    background: linear-gradient(45deg, magenta, aqua) 0 -150px no-repeat, #fff;
}

Зависит от верстки.
Если размеры блоков и расстояние между ними фиксированы, то просто картинкой/svg/чем угодно.

Если блоки не статичны и легких путей не ищешь, то тогда канвасом:


Как считать координаты тоже зависит от верстки.
Кривую линию как на картинке у меня не получилось сделать :(