• Какие плюсы и минусы у Mobile First и Desktop First вёрстки?

    JRK_DV
    @JRK_DV
    Рецепты https://codepen.io/jrkdv/full/LKLXdq
    1. Почему Mobile First лучше ;

    3. Производительность Mobile First ;

    В идеале для мобильного браузера вёрстка и стили легче, их должно быть меньше и соответственно меньше требует ресурсов, что хорошо, как минимум для батарейки. Это если сравнить за основу со стилями с десктопа, то все стили попадут в мобильную версию. Как некоторые пишут, что разделяют основные стили - это чистой воды мазохизм. Всё не выделишь, всегда найдутся одинаковые элементы и получается, что часть стилей блоков лежит в основных стилях, часть ещё где то, часть поделена десктоп\мобайл, часть скопирована и прочие вытекающие последствия. Я делаю основу стилей для десктопа или мобайла и дополнительные файлы медиа запросов

    Но мы не в идеальном мире живём ....
    2. Почему Mobile First хуже ;

    После мобайла для десктопа придётся возвращаться к вёрстке, чтобы нарастить всё что не вошло в мобильную версию, но есть на десктопе, одновременно работая со стилями. От этого и получается что бегаем от вьюхи к вьюхе, десктоп\мобайл

    Лично моё мнение
    Верстать из основы десктопа удобнее, видоизменить или спрятать узел легче, чем нарастить новый в уже сформировавшийся документ.

    4. Где и каким сайтам подходит Mobile First ;

    Если из макета видно, что десктоп версия не сильно отличается от мобайла, внешний вид, расположение блоков их количество. Где что надо убрать или добавить. Если можно застилиризовать десктоп версию из мобильных стилей без больших переделок и доработок, то однозначно мой выбор лучше начинать от мобильной версии.
    Ответ написан
    Комментировать
  • Как удалить обработчик события?

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

    Метод bind создаёт новую функцию: https://developer.mozilla.org/ru/docs/Web/JavaScri...

    Не вижу всей картины, происходящего у вас. Я делаю примерно так:

    class SomeModule {
      constructor() {
        this.handlerShim = (e) => {
          this.handler(e);
        };
      }
    
      method1() {
        document.addEventListener('click', this.handlerShim);
      }
    
      method2() {
        document.removeEventListener('click', this.handlerShim);
      }
    
      handler(e) {
        console.log(e);
      }
    }
    Ответ написан
    Комментировать
  • Нужен Select в стиле material design (самодостаточный)?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Лучший select: https://select2.github.io/
    А сделать оформление в CSS - не думаю, что большая проблема.
    Вот, например: materializecss.com/forms.html#select
    Ответ написан
    1 комментарий