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

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

С нами с 02 августа 2013; Место в рейтинге пользователей: #358
Илья Катасонов
17 февраля 2017, 12:09
1
0
Как вариант, но это не самый лучший способ, так как стандартный resize работает постоянно, и может дико просадить работу браузера. Лучше использовать window.resize, скрещенный с timeout. Проще говоря — smartresize какой-нибудь (https://github.com/louisremi/jquery-smartresize — например)

Ну и, вкупе с device.js, конечно, modernizr не бывает лишним, на крупных проектах, требующих хорошей поддержки
Илья Катасонов
29 декабря 2016, 14:02
0
Проще (и лучше) использовать 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 похер — то на эти выверты можно забить.
Илья Катасонов
10 декабря 2015, 18:17
0
Благодарю за отзыв, Алексей) Очень жаль, что нет возможности сделать всё родными средствами — я-то уже губу раскатал в предвкушении как всё аккуратно и красиво можно всё оформить X) Значит будем использовать то что есть и допиливать под себя.
Илья Катасонов
06 октября 2015, 21:49
+1
Да, вариант написать свою корзину на данный момент кажется самым адекватным.
Илья Катасонов
06 октября 2015, 21:45
0
Об этом варианте думал, но это решение кажется слишком грубым, или костыльным… Хотя с другой стороны — как клонировать, ведь minishop2 — это же готовый класс, а значит его можно наследовать и на его основе дописать расширенную корзину) И это вероятно относится к комментарию Максима.
Илья Катасонов
06 октября 2015, 21:38
0
Gracias за подсказку. Касательно счетов — еще раз обговорили с клиентом этот момент — он согласился чтобы пользователь оформлял (оплачивал) обе части заказа онлайн, по-очереди — сначала первый, потом второй. Да, я понимаю что это не комильфо с точки зрения юзабилити)
Илья Катасонов
10 июня 2014, 01:42
0
Ммм, если уж пошла такая тема — а что, если сделать некий список необходимых допов для modx, и так же — собирать деньги на их разработку? A'la — kickstarter for Modx Revo. Естественно, при условии, если найдутся достаточно ответственные разработчики, у которых хватит сил на реализацию этих дополнений… И людям и сообществу польза + развитие системы и доп. заработок фрилансерам. Хотя тогда в сумму необходимо и будет закладывать буфер, который сможет «подпитывать», еще в течении некоторого времени, развитие и обновление компонента.