Задать вопрос
NoCopyrightCode

Рома

JS разработчик с миллионами идей в голове
Лайки

  • Как передавать через стрелочки класс в JS?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Нумеровать поля можно парами (x, y), а можно сквозной нумерацией 0..8 как div'ы в контейнере.
    Понадобится перевод из одной системы в другую, и назад.

    Текущее состояние можно держать как сквозной номер активного дива.
    Стрелочки меняют (x, y) координаты.
    Не забыть перевести туда-сюда и отрисовать – удаляя/добавляя класс, в зависимости от номера дива.
    Ответ написан
    Комментировать
    Комментировать

  • Откат в медии на 1 пиксель - костыль?

    @cssfish
    Плохое знание основ - причина больших бед
    По идее диапазоны пишут так, чтобы не было перекрытия, т.е. если брейкпоинт на 768, то выделяем 2 диапазона:
    1) 768+
    2) 0 - 767

    соответственно:
    @media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {}


    Но тут есть нюанс, мы теряем пиксель между 767 и 768. В текущих реалиях, когда css и device pixels давно не равны, когда кругом все масштабируется ( и соответственно где-то внутри округляется) - все может быть. Поэтому дельту в пиксель уменьшают до 0.02px. Почему именно такая велична, сходу не нагуглю. Возможно , чисто эмпирическим путем выяснили что 0.01 не работает, например ))

    похожая тема на стеке

    upd:
    а, ну вот там и ответ:
    // Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
    // See https://bugs.webkit.org/show_bug.cgi?id=178261
    Ответ написан
    4 комментария
    4 комментария

  • Как сделать такой переключатель без чекбоксов?

    @vitaliy_balahnin
    Новичок в веб-разработке
    Хоть чекбокс, хоть div. Это не имеет значения. Вам необходимо для элемента, который у вас будет переключателем где-то и как-то хранить и читать состояние переключателя. Можете делать это хоть через добавление/удаление css класса, хоть data атрибута. Главное клик по переключателю должен менять это состояние. А через чекбокс проще всего определять чекнут он или нет.
    Ответ написан
    Комментировать
    Комментировать

  • Как в color.value и background.value убрать решётку?

    delphinpro
    @delphinpro Куратор тега JavaScript
    frontend developer
    color.value.replace(/#/, '')
    Ответ написан
    3 комментария
    3 комментария

  • Как сделать примерно такой фон на чистом сss?

    EPIDEMIASH
    @EPIDEMIASH
    Человек швейцарский нож
    Вы можете сделать такое на чистом css, только придется задействовать after и before.
    Либо лучше всего через svg.

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#f88301" fill-opacity="1" d="M0,288L80,261.3C160,235,320,181,480,149.3C640,117,800,107,960,90.7C1120,75,1280,53,1360,42.7L1440,32L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg>
    Ответ написан
    Комментировать
    Комментировать

  • Как обратиться к одному из массивов?

    yarkov
    @yarkov Куратор тега JavaScript
    Помог ответ? Отметь решением. 
    const buttons = [...document.querySelectorAll(".sound")];
console.log(buttons); // [button.sound, button.sound, button.sound, button.sound]
buttons[0].click(); // клик на кнопку 1
    Ответ написан
    Комментировать
    Комментировать

  • Как "развернуть" массивы обратно?

    delphinpro
    @delphinpro Куратор тега JavaScript
    frontend developer 
    next() {
  this.currentIndex++;
  if (this.currentIndex >= this.slides.length)  {
    this.currentIndex = 0; // После последнего переходим на первый
  }
  // … дальше манипуляции со слайдами
}
previous() {
  this.currentIndex--;
  if (this.currentIndex < 0)  {
    // После первого переходим на последний (в обратном направлении)
    this.currentIndex = this.slides.length - 1; 
  }
  // … дальше манипуляции со слайдами
}
    Ответ написан
    Комментировать
    Комментировать