Илья Катасонов

Илья Катасонов

Был в сети 01 ноября 2021, 19:06
Заказы не принимаю
Как вариант, но это не самый лучший способ, так как стандартный resize работает постоянно, и может дико просадить работу браузера. Лучше использовать window.resize, скрещенный с timeout. Проще говоря — smartresize какой-нибудь (https://github.com/louisremi/jquery-smartresize — например)

Ну и, вкупе с device.js, конечно, modernizr не бывает лишним, на крупных проектах, требующих хорошей поддержки
Пошаговые инструкции Вариант определения мобильных устройств 15
Проще (и лучше) использовать object-fit: cover; — сохраняется семантика и структура кода.

Простой пример:

CSS:
.article-photo {
  height: 100px;
  width: 100px;
}

.photo-image {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

HTML:
<div class="article-photo">
  <img class="photo-image" src="some-src/image-name.png">
</div>

Отсутствует поддержка в iE и Edge — там нужно лепить хак, через background-size, по типу примера выше.

Что-то в духе (с помощью modernizr):

JS:
if (!Modernizr.objectfit) {

    $('.with-object-fit').each(function () {
      var $container = $(this),
        imgUrl = $container.find('img').prop('src');

      if (imgUrl) {
        $container
          .css('backgroundImage', 'url(' + imgUrl + ')')
          .addClass('is-trick');
      }
    });
  }

CSS:
.with-object-fit img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.with-object-fit.is-trick {
  background-size: cover;
  background-position: center center;
}

.with-object-fit.is-trick img {
    opacity: 0;
}

HTML:
<div class="article-photo with-object-fit">
  <img src="some-path/image-name.png" class="photo-image">
</div>

А если на IE и Edge похер — то на эти выверты можно забить.
Вопросы Как увеличить картинку и обрезать? 6
Благодарю за отзыв, Алексей) Очень жаль, что нет возможности сделать всё родными средствами — я-то уже губу раскатал в предвкушении как всё аккуратно и красиво можно всё оформить X) Значит будем использовать то что есть и допиливать под себя.
Вопросы Modx REST API 2
Об этом варианте думал, но это решение кажется слишком грубым, или костыльным… Хотя с другой стороны — как клонировать, ведь minishop2 — это же готовый класс, а значит его можно наследовать и на его основе дописать расширенную корзину) И это вероятно относится к комментарию Максима.
Вопросы 2 корзины на одном сайте 10
Gracias за подсказку. Касательно счетов — еще раз обговорили с клиентом этот момент — он согласился чтобы пользователь оформлял (оплачивал) обе части заказа онлайн, по-очереди — сначала первый, потом второй. Да, я понимаю что это не комильфо с точки зрения юзабилити)
Вопросы 2 корзины на одном сайте 10
Ммм, если уж пошла такая тема — а что, если сделать некий список необходимых допов для modx, и так же — собирать деньги на их разработку? A'la — kickstarter for Modx Revo. Естественно, при условии, если найдутся достаточно ответственные разработчики, у которых хватит сил на реализацию этих дополнений… И людям и сообществу польза + развитие системы и доп. заработок фрилансерам. Хотя тогда в сумму необходимо и будет закладывать буфер, который сможет «подпитывать», еще в течении некоторого времени, развитие и обновление компонента.
Краудфандинг Разработка, доработка связки MS2, mSearch 12