• CMS или Framework?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Судя по постановке вопроса — WordPress + WooComerce + Купленная\Бесплатная тема и попытки ее настроить или OpenCart + Переделка базовой темы.
    Фреймворк для магазина это при такой постановке вопроса откровенно херовый вариант, ибо: артикулы, номенклатура, прихода\расходы, модификации, цены, графики, отчеты, покупатели, личные кабинеты, скидки, бонусы, акции, валюты, НДС, сервисы доставок, внешние API и еще вагон и еще вагон и маленькая тележка аргументов против бездумного окунания в то, чего не понимаешь. Для саморазвития можно и... нужно, наверное.
    Ответ написан
    2 комментария
  • Разная ширина символов одного шрифта в разных браузерах: почему и как пофиксить?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Больше похоже на то, что скидывается шрифт. Проверь дебаггером (F12) и то, как подключены шрифты. Если проблема со стилями дебаггер это покажет. Да и полазив там многое можно найти по делу.
    Ответ написан
  • Вопрос по модификаторам?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега HTML
    Руководитель frontend направления, предприниматель
    1. Объявлять связи по БЭМ нужно жестко .social__btn в примере может быть использовано в другом месте, вне родителя, это не по БЭМ-у. Надо в css указывать явно .social .social__btn ....
    2. Остальное вроде корректно, но лично я бы так не делал.
    3. Еще есть примеси, которые актуальны в «подвале переопределить», но в данном случае так, как модификаторы по сути своей разные, этот вопрос некорректен, и данный метод не подходит. Тут просто 2 абсолютно разных модификатора, один красит в белый, другой в фиолетовый.

    PS: Модификаторы тоже должны иметь явную привязку к родителю, а не указываться отдельно.
    Ответ написан
  • Верстке еще нужна поддержка IE11 в 2019?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Пока мы будем оглядываться на осла и делать ему статистику, он будет фигурировать в списке все еще популярных браузеров. Поэтому я стараюсь избегать его всеми возможными методами. В большинстве проектов мы отказались от них напрочь, разве что еще не повесили «Идите куданадо» для тех, кто с IE заходит.
    Но, конечно, есть требования под него корректировать. По иннерции в основном. С последней обновы, а может и раньше, Мелкомягкие сами акцентируют внимание, мол вот, попробуйте Edge. Вот этот браузер, это лучше, но тоже дает о себе знать при отладке.
    А в плане работы по стандартам самый имба сейчас это Огнелис. Но они вроде как принимают активное участие в разработках спеки, поправьте меня те, кто этим всерьез интересовался.

    Сверху общая картинка, а резюмировать можно следующим образом, есть в ТЗ, пожаланиях, донеси до заказчика, что это ему не впилось, но без пены у рта и либо делай по факту поддержку, либо нет. А вот просто так лишний раз прошу этот кусок браузера не открывать.

    Сверху верно заметили, префиксы сейчас не нужны. Браузер = доступ в интернет = автообновления = актуальная версия браузера, а если пользователь убирает галочку с автообновы, это его сознательный выбор. А все современные браузеры отлично понимают без префиксов. Они требуются буквально в единичных случаях. И там могу порекомендовать не делать так. Т.е. не творить ту гадость, что требует префиксов, в духе изменения дизайна скроллбара и прочей дичи.
    Ответ написан
    1 комментарий
  • Как отловить элемент на который навели курсором?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    <div onmouseover="textChange(this);">Text</div>
    И в функции принимать объект.
    Ответ написан
    2 комментария
  • Как в JS вывести функцию в html?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Надо обойти массив с помощью for, создавая элементы и добавляя классы, т.е. вы, товарищ, на верном пути.
    Только элемент надо создавать и вписывать в него значение.
    Ответ написан
    Комментировать
  • Плагин для оптимизации размера картинок WordPress?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    В WP такое есть из коробки (см. медиабиблиотеку)
    Ответ написан
  • Перспективы Django. Есть ли они?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Django != язык. Язык — python.
    Python — модно, круто, молодежно, перспективы есть. Django, кой на питоне, соответственно туда же.
    Ответ написан
    Комментировать
  • Есть плагин для БУРГЕР меню?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Если ОБЫЧНО пишешь САМ, то также можно использовать ПОВТОРНО.
    Удивительно, но это работает.
    Ответ написан
    Комментировать
  • Почему не срабатывают css стили при передаче файла в PDF?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    У CSS есть медиазапрос, отвечающий за отображения на печати, но относится он к подготовке к печати, а не к сгенерированным файлами. Т.е. данные стили будут работать (если они правильно прописано) при попытке передать страницу (акцентирую) в печать. Как это происходит, можно посмотреть, нажав Ctrl+P (или найти в настройка\контекстом меню браузера отправку в печать).
    На выходе, например, в Google Chrome, можно выбрать конвертацию в PDF. Именно тогда и будут применены стили, которые были ранее отображены в панели печати.

    Конкретно в вашем случае запрос под условия работы модуля может выглядеть, как «yii2 mpdf css». Где в результатах (а их много) можно найти, «как заттачить» файл CSS к модулю.
    Ответ написан
    Комментировать
  • Стоит ли изучать Javascript до HTML и CSS?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Если смотреть на JS, как классическое дополнение к верстке, то надо его учит после базы верстки, т.е:
    HTML → CSS → JS
    Цель проста — JS манипулирует данными и DOM-моделью.

    Если рассматривать JS, как отдельный ЯП, то можно догнаться версткой (HTML→CSS) при необходимости после.
    Так как в данном случае нет никакой связи с HTML и CSS.

    Первый вариант классика, привычная и простая в понимании и для фронтенда. Второй — случай типа node.js.
    Ответ написан
    Комментировать
  • Какие медиа запросы лучше сделать при верстке сайта?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    У css-фрейморков типа бутстрапа есть отработанные медиазапросы, которых в общем и целом хватает за глаза и за уши.

    А дальше надо прыгать от конкретной задачи, например размеры шапки на медиазапросах может напрямую зависеть, как от размера экрана, так и от наполенения навигации в строку. У меня на практике бывали случали, когда добавив 1 пункт меню, приходилось переписывать медиазапросы таким образом, чтобы его не переносило на новую строку и не ломало верстку. Впрочем, это частные случаи.
    Ответ написан
    Комментировать
  • Как в миксине Pug задать необязательный аргумент?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Все есть в справке начиная отсюда.

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Вынеся, необходимо добавить на него ссылку:
    1. Файл, к примеру, в папку /assets/script.js
    2. А в html-документ так: <script src="/assets/script.js"></script>

    На локальной машине такой метод не сработает, так как первый слеш будет сбрасывать адрес до корня диска. В таком случае его необходимо убрать, и почитать про относительные и абсолютные пути.
    Ответ написан
  • Разница в скорости если домен у одного провайдера, а хостинг у другого?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Хостинг — физическое размещение файлов на диске. В папку, как следствие машрутизации можно попасть по пр IP-адресу.
    Доменное имя — зарезервированный адрес, по которому также можно попасть в ту же папку. Все что делает регистратор — столбит вам место и отдает эту информацию в точки маршрутизации.

    В момент обращения, когда вы вводите адрес домена купленного на регру, не происходит обращения на сам регру, поэтому он может располагаться где угодно при условии, что данные о регистрации уйдут в мир. Поэтому обращение происходит только к хостингу через точки доступа.
    Наглядно можно это увидеть, если в винде в консоли вбить команду tracert [адрес сайта]. Адрес сайта при этом будет автоматически заменен не его ip.
    Ответ написан
    Комментировать
  • Как скрыть конфиги в js веб-приложении?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Конфиги из морды можно спрятать только зашив их не в морду.
    Что, собсно, мешает использовать прослойку в виде одного файла php? Ты ему запрос, в нем запрос по данным (конфигу) к бд и на возврате ответ в json, к примеру.
    То же самое, я думаю, можно и в ноде провернуть, да и в принципе в любом бэке, который работает, как бэк, но пример с пыхой — это классика ассинхронных запросов =)
    .....из тех времен, когда смайлики мы писали именно так ↑
    Ответ написан
    2 комментария
  • Как добавить свои свойства к sticky-top в bootstrap 4?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Это не событие, а свойство. Никак т.е. Ищи в сторону JS-решений.
    Ответ написан
  • Как блок поставить справа?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    .header__img {
       ....
       margin-left: auto;
    }


    Это добавь
    Ответ написан
    Комментировать
  • Как оптимизировать slick slider?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Lazyload спасает только внимание клиента, а не способности его железа к рендеру.
    1. Выбросить скриптулю куда подальше из-за хреновой оптимизации в принципе.
    2. Пообжимать имаги\использовать другой формат\размер.
    3. Подглядеть, чего вообще твориться в этом безобразии (проекте)
    Ответ написан
    Комментировать