GreatRash

Какой кошмар... Случайно не валидация формы нужна?

var $inputs = $('input[type="text"]');

$inputs.each(function(i) {
  $(this).on('focus', function(e) {
    $inputs.eq(i + 1).show(500);
  });
});

или если все инпуты идут друг под другом (без вложенности), то ещё проще:

$('input[type="text"]').on('focus', function(e) {
  $(this).next().show(500);
});

alert( (parseFloat(progressWat.style.width) + widthPerc).toFixed(1) );

С удивлением узнал, что bind ещё кто-то пишет...

['mouseover', 'mouseout', 'click'].forEach(function(i) {
  var handler = function() {
    console.log(i);
  };
  
  element.addEventListener(i, handler);
});

https://github.com/codepo8/canvas-masking

Парень, просто ради интереса, как ты гуглил если ничего найти не смог?

Думаю нужно как то через js сказать "Добавить класс с блюром последнему элементу в видимой части контейнера"...

::facepalm::

Для начала нужно сказать картинкам, чтобы они не переносились на новую строку если по ширине не помещаются. Для этого есть свойство white-space. А уже потому скриптом считать сколько картинок влезло в блок целиком и блюрить (при помощи CSS-фильтров) остальные. Но нужно учесть, что блюр работает далеко не во всех браузерах.

Создаю свой компонент фотогалереи.

Есть ли готовые библиотеки?

0_o

Что-то типа того (надо кликнуть где угодно).

Для любого SVG-элемента: transform: translate(x, y);
Либо при помощи атрибута тега: transform="translate(x, y)"

Только средствами сервера. Есть конечно document.doctype, но он вам недоступен будет скорее всего.

Хм, интересно вот мне, нафига вам это извращение понадобилось... и быть может вас спасёт box-sizing: border-box;?

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

В случае с чекбоксом - событие onchange.