• Как проверсти A/Б-тест в roistat, если сайт сделан на констуркторе сайтов Tilda?

    Pavel-ww
    @Pavel-ww
    mayeswoope, ну как бы всему свое время. Я тоже когда-то начинал с визуальных конструкторов (и сейчас пользуюсь если заказчику надо). И кстати именно конструкторы помогли мне понять код, когда начал сравнивать что делаю в интерфейсе и что происходит в коде через dev tools. И даже для работы в визуальных конструкторах требуется понимание кода, что бы создавать оптимизированные конструкции.

    Правда конструкторы были другими, интерфейсы и возможности по-проще. У Тильды сложный интерфейс на JS поэтому она для элементарного тега генерирует простыню из дата атрибутов, сумасшедшее абсолютное позиционирование и много других издержек ради визуального редактирования. Поэтому научиться с ней коду будет сложновато.

    Что касается SEO - везде всё одинаково, велосипедов никто не придумывает. Поэтому никаких преимуществ у Тильды перед по крайней мере CMS системами или кодом нет. Все зависит от специалиста.
    Другие недостатки - зависимость от сервиса - именно из-за этого сложности с почтой. Хотя в про версии есть экспорт для размещения на своем сервере, где почту можно настроить без танцев. Но... ужасный код )).

    В общем резюме такое, то что ты пользуешься Тильдой - не плохо и находится на таймлайне твоего развития. Просто не держи в голове догму, то это лучший инструмент. Развивайся, изучай технологии.

    Лучший инструмент - это код или CMS системы + код если бэкенд программирование не твоё. Когда придешь к этому, нажатие кнопок, перетаскивание, заполнение полей в визуальных интерфейсах типа Тильды будет для тебя более долгим и мучительным занятием, чем написание необходимых строчек кода для тех же вещей. Тем более с теми инструментами для написания кода, которые есть сейчас
  • Как проверсти A/Б-тест в roistat, если сайт сделан на констуркторе сайтов Tilda?

    Pavel-ww
    @Pavel-ww
    mayeswoope,
    в плане скорости разработки и возможности правки она выигрывает

    Дьявол всегда требует душу взамен на то что нам хочется от него ))). Все эти плюсы нивелируются ее ужасающим кодом, с которым вы ничего не сможете сделать, когда клиент вам скажет " - а давай-ка теперь оптимизируем сайт"
  • Перенос статей в Joomla 4 - как?

    Pavel-ww
    @Pavel-ww
    47911, да это не важно. У меня не меньше было. Прямо пачкой удалял и всё
  • Как стать веб-программистом, а не кодировщиком?

    Pavel-ww
    @Pavel-ww
    Целиком поддерживаю. Только практика поможет. Не существует кнопки, которую нажал и бах ты уже мыслишь как архитектор ПО.
    Ну и добавлю еще, что природные особенности мышления важны тоже. Думаю чистому гуманитарию это не доступно вообще, при любой практике и образовании. Важно обладать аналитическим складом ума.
  • Как проверсти A/Б-тест в roistat, если сайт сделан на констуркторе сайтов Tilda?

    Pavel-ww
    @Pavel-ww
    mayeswoope, с чего вы взяли что объект с display: none; не виден поисковикам? Если вы хотите не портить SEO при A/B тесте, то объект надо полностью удалять из кода и лучше это делать через php. Если вы хотите провести A/B тест для рекламной кампании и использовать display: none; и JS /jQuery (как наиболее простой способ) , создайте отдельную страницу, скройте от поисковиков в robots.txt.

    А дальше алгоритм такой: Вам надо определить принцип по которому работает A/B тест и привязываться к его событиям.
    Например A/B тест работает на GET параметрах в URL (самый распространенный случай).
    Получаем URL в переменную, проверяем наличие в нем нужного GET параметра, если есть то применяем $('#блок').show();, ели нет то делаем что-то другое или возвращаем false. if -ов может быть несколько и каждый из них содержит показ нужного блока в зависимости от GET параметра
  • Как сделать равные блоки по высоте внутри grid?

    Pavel-ww
    @Pavel-ww
    Можно так (max-height узкое место, но может быть для вашей задачи приемлемо или другие единицы можно использовать).
    Добавьте в самый низ что бы переписать существующие стили (на всякий)
    .grid {
    	display: flex;
    	flex-direction: column;
    	height: 100%;
    }
    .block {
    	flex: 1;
    	max-height: 120px;
    	box-sizing: border-box;
    	margin-bottom: 10px;
    }

    614440996f11a560696860.jpeg
  • Как выровнить содержимое выпадающих атрибутов li по центру относительного главного li?

    Pavel-ww
    @Pavel-ww
    вставить вместо left: 0; под строку .menumain li:hover ul {

    Я добавил свой код внизу и он перезаписал Ваш left: -9999px;. Поэтому у меня все работает, а у Вас танцы с бубном. Уберите это тоже, вернее замените. И в hover тогда это добавлять не надо.
    Вот так должна выглядеть часть вашего кода вместо left: -9999px;.
    614367c70f460691770234.jpeg
    А при ховере только это
    61436865a5d2b448790962.jpeg
  • Как выровнить содержимое выпадающих атрибутов li по центру относительного главного li?

    Pavel-ww
    @Pavel-ww
    BLM21, выпадение вообще никак не затронуто. В вашем коде нет ничего что бы зависело от кроссбраузерности. А прямоугольник подкорректировал (не заметил что вы про это написали). Все работает в Firefox и Chrome как положено
  • Меню с dropdown в родительском absolute и sticky как?

    Pavel-ww
    @Pavel-ww
    Видимо мешает display: none; только как - не пойму.


    Мешает дубль ID. ID не должен повторяться где либо на странице, даже если элемент скрыт.

    есть ли возможность js удалить элемент и все его вложения при определенной ширине экрана


    Смотрите в jQuery API .width(), .resize(), .remove() или здесь https://ruseller.com/jquery.php?id=50
  • Какой html редактор использовать для сайта?

    Pavel-ww
    @Pavel-ww
    Нет. Я же написал. Но лично для меня не удобно пользоваться любым WYSIWYG редактором для работы с кодом. Я их использую только для копипаста из нормального редактора. Сомневаюсь что существует такой WYSIWYG как вам требуется. Они все по пояс деревянные))
  • Как разделить средства от рекламы между разделами сайта?

    Pavel-ww
    @Pavel-ww
    Установите цели на лид действия приводящие к покупке, разделите цели по разделам (URL), настройте e-commerce цели. Средствами Joomla из коробки это уж точно нельзя сделать. Ваша задача не типичная.
    Другие варианты.
    1) Поищите сторонние расширения. Взгляните например на Affiliate Tracker может быть его можно приспособить.
    2) пропускать сайт через сторонний трекер - есть множество готовых решений.
    3) дополнительные расширения для вашего компонента продаж.
    4) заказ трекера или расширения joomla программисту
  • Почему не двигается слайдер?

    Pavel-ww
    @Pavel-ww
    Ольга, вы не используете билдер нормально, а делаете весьма гротескную конструкцию с включением модулей, сторонних слайдеров и каруселей. Это и может вызывать проблемы. Необходимо заботиться об экосистеме сайта.
    зачем Nivo slider? В билдере есть свой слайдер. Short Code Ultimate не стоит использовать на одном сайте с SP Page Builder. Они местами конфликтуют и дублируют выводы скриптов (используют одинаковые) и шрифта Font Awesome.

    C SP Page Builder + css кодированием можно сделать любой дизайн. Short Code Ultimate не нужен.

    Это всё замедляет сайт. К сожалению, что бы сделать хороший сайт с использованием билдеров, всё равно надо знать код, понимать что в нем происходит. Иначе получится Франкенштейн, сотканный из разных, парой не совместимых кусков, который вы не сможете оптимизировать.

    Для вывода товаров лучше использовать стандартный модуль из комплекта магазина и подключить к нему owl карусель руками.

    Модули билдера по возможности вообще лучше не использовать. Они ужасно засоряют код. Сайт с ними не пройдет валидацию.

    Joomla - отличная система, благодаря своей модульной архитектуре. Но в то же время эта архитектура может вызвать большие проблемы, когда за дело берется новичок и устанавливает 100500 расширений.
  • Почему не работает адаптивная верстка в %?

    Pavel-ww
    @Pavel-ww
    kobnuhok, вы много что сделали не так. Самая главная ошибка в контейнере, о чем уже написали выше.
    Вот общепринятая разметка
    <header class="header">
          <div class="container">
               <!-- ваш код здесь -->
        </div>
    </header>
    <section class="section-1">
          <div class="container">
               <!-- ваш код здесь -->
        </div>
    </section>
    <section class="section-2">
          <div class="container">
               <!-- ваш код здесь -->
        </div>
    </section>
    <!--и так далее -->

    container является ограничителем ширины контента, для него задается max-width в точках остановки, центрируется его положение и паддинги слева справа. Больше никаких свойств ему задавать не надо. Все остальное делается средствами ваших конструкций внутри контейнера.

    Проблема не в процентах на последнем брейкпойнте, а в целом в вашей вёрстке. Если вёрстка выполнена нормально, то проценты на последнем брейкпойнте будут нормально работать.

    Блок Читатели вообще ужасен. Изображения внутри двух тегов p. Вряд ли в уроках Артема такое где-то есть. Для того что бы сделать хорошую сетку на флексах или гридах, html разметка должна быть такой.
    <section class="section">
                <div class="container">
                    <div class="reader-img">
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                        <div class="image-wrapper">
                            <img class="imgread" src="" alt="">
                        </div>
                    </div>
                </div>
            </section>
  • Почему не работает адаптивная верстка в %?

    Pavel-ww
    @Pavel-ww
    kobnuhok, посмотрите уроки Артема Исламова на ютьюбе и научитесь верстать :). Не троллинг, совершенно серьезно говорю. Такой дичи не было бы
  • Куда прописывать font-size, если будет использоваться rem?

    Pavel-ww
    @Pavel-ww
    htmlclassic, вообще для управления размером шрифта используются em. Rem это компенсатор em. Rem зависит от размера шрифта html. Em от размера шрифта body. При создании адаптивных элементов, для размера шрифта, паддингов, бордер радиусов, теней используются em. Значение em переопределяется внутри элемента. Например если для элемента вы пропишете font-size: 1.5em; padding: 1em. То реальный padding будет равен не 24px как вы прописали в body, а будет рассчитываться из размера шрифта элемента - 1em*1.5 em = 36px. А rem используются в случаях когда нужен статичный размер, например для боковых паддингов когда надо выровнять отступ в блоках текста с разным размером шрифтов. Rem не переопределяется внутри элемента.

    То есть надо понимать что rem и em единицы служат не только для управления размером шрифта как таковым, а для создания адаптивных медиа. В которых все размеры зависят от размера шрифта. Такой подход позволяет сильно сократить количество кода в точках остановки и получить более пропорциональный внешний вид элемента. Вместо изменения кучи свойств в точке остановки, в объекте достаточно изменить font-size и все его размеры пропорционально изменятся
  • Что использовали для разработки данных сайтов?

    Pavel-ww
    @Pavel-ww
    WapSter, бред? Уважаемый, потише на поворотах. Я перечислил выше многие из факторов. И минимализм в DOM еще как играет роль, если у вас дизайн макет на 30 000 пикселей с кучей графики и диватоз у верстальщика (что довольно частое явление).
  • Что использовали для разработки данных сайтов?

    Pavel-ww
    @Pavel-ww
    Александр Зайцев, ну... вопрос ваш подразумевает целый обучающий курс )). Учите нативный js, учите js фреймворки, оптимизация графики, оптимальный или максимально разумный размер структуры DOM, оптимизация, минификация html, css, js. Работа с сервером - выбор сервера, кэширование, gzip сжатие и т.п.
    Всё это вам надо изучить