kulaeff

Перешли на Figma с фотошопа. Больно уж она удобная, работа сразу в несколько человек, и возможность на "живую" работать с заказчиком и т.к. это онлайн сервис, проект всегда в кармане.

UPD вообще я думаю дело привычки и навыков конкретного исполнителя, у фигмы на велком пейдже есть варианты реализации матириал дизайна от google можете посмотреть.

Инспектор показывает, что этот код неправильный
transition: all 0.3s linear 0;
То есть для задержки нужно явно указывать единицы измерения - 0s

У них же просто охренительный официальный туториал

Мутируете старый объект состояния, а надо возвращать новый.
Исправить можно так:

let counterReducer = (state=initialState, action) => {
    let newstate = { ...state };

    switch(action.type){
        case "INC":
            newstate.counter+=action.payload
            return newstate
        case "DEC":
            newstate.counter+=action.payload
            return newstate
        default:
            return newstate
    }
}

Копирование массива:
purchase.products = add.products.slice();
ES6:
purchase.products = [...add.products];

Нельзя изменить то, что отображается в адресной строке браузера, это сделано для безопасности.
Можно настроить регистр в поисковой выдаче, но, вроде, только у Яндекса.

var fio = "Жуков Георгий Константинович"
var [f, i, o] = fio.split(' ')
console.log(`${i} ${o} ${f}`);

function findAncestor (el, cls) {
    while ((el = el.parentElement) && !el.classList.contains(cls));
    return el;
}

Каким-то хреновым вы браузером пользуетесь. У input[type="range"] есть shadow root в котором ещё куча элементов, для них написаны стили. Например инспектор Хрома умеет их показывать.

function createArr(size) {
  const arr = [...Array(size)].map(() => Array(size).fill(0));

  const mid = (size / 2) | 0;
  arr.forEach((n, i) => {
    n[i] = n[size - i - 1] = 1;
    // если размер чётный, непонятно, где выставлять единицы, так что выставляем только для нечётных
    if (size & 1) {
      arr[mid][i] = n[mid] = 1;
    }
  });
  // хотя, конечно, есть вариант ставить по два вертикальных и горизонтальных ряда единиц
  /*
  const mid = (size - 1) / 2;
  arr.forEach((n, i) =>
    n[i] =
    arr[mid | 0][i] =
    arr[Math.ceil(mid)][i] =
    n[mid | 0] =
    n[Math.ceil(mid)] =
    n[size - i - 1] =
  1);
  */

  return arr;
}

Оценить результат работы можно так, например:

console.log(createArr(21).map(n => n.join('')).join('\n'));

Выведет такое вот чудище:

100000000010000000001
010000000010000000010
001000000010000000100
000100000010000001000
000010000010000010000
000001000010000100000
000000100010001000000
000000010010010000000
000000001010100000000
000000000111000000000
111111111111111111111
000000000111000000000
000000001010100000000
000000010010010000000
000000100010001000000
000001000010000100000
000010000010000010000
000100000010000001000
001000000010000000100
010000000010000000010
100000000010000000001

меня интересует только единицы измерения

они никак не связаны с flexbox и с адаптивностью. Или правильнее сказать связаны косвенно. Вы можете использовать любые единицы или их комбинации.
Адаптивность сайта это комплекс мер. Что-то достигается благодаря использованию flexbox, что-то медиазапросами, что-то относительными единицами. И одно не исключает другого. Одни блоки могут быть в одних единицах, другие в других. Шрифты могут быть в третьих.
Дать совет по использованию тех или иных единиц можно только на примере участка верстки в конкретном проекте, а не дизайна в целом в абстрактном проекте.
Опытный верстальщик смотрит на дизайн и продумывает, как будет реализовать адаптивность того или иного блока, соответственно наметив себе план по каждому куску принимает решение в пользу тех или иных единиц, методов адаптивности и т.д. И подчеркну, никто не запрещает Вам использовать разные единицы, не стоит выбирать для всего проекта допустим % и потом городить что попало, только чтобы не перейти на px.

AJAX запрос - асинхронная функция, вы должны использовать callback а не возвращать значение. Добавьте в функцию apiSend еще 1 параметр для callback функции и укажите ее в "success".

var val=7;
[0, 2, 5, 10].reduce(function(a,c) {
	return Math.abs(a-val) < Math.abs(c-val) ? a: c;
})

$( '.page' ).each(function(i){
  $(this).css('width', secWidth * (i+1));
});

api.jquery.com/jquery.each