Ответы пользователя по тегу JavaScript
  • Bootstrap - почему не работают ссылки на малых разрешениях?

    miminari13
    @miminari13
    у вас контент перекрывает некий блок, поэтому ссылки не работают и тексты не выделяются.
    методом тыка попала на такой блок. если ему display: none дать, будет заметно, что ссылки ожили. нужно найти и обезвредить подобные блоки на мелких экранах, то есть скрывать их более очевидно, используя @ media.
    5113b3cd177d4f9884b9dbddc7900628.jpg

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

    miminari13
    @miminari13
    1. меню, хэдер и вспомогательный блок сделайте фиксированными. весь контент сначала в какой-то общий контейнер поместите.
    2. блок с диалогом сделать самый обычный 100% высоты (сначала), так контент будет скроллиться.
    3. далее сделать общий резиновый по высоте контейнер, который будет просто прижат к низу экрана и будет тянуться. офк он должен будет закрывать текст диалога, поэтому фон ему дать можно #fff. а чтобы он тянулся можно использовать пресловутый https://jqueryui.com/resizable/ , поковырять в настройках, чтобы сделать возможность тянуть блок только за верхнюю сторону, в роде того:
    $(function() {
        $( "#resizable" ).resizable({
          handles: 'n'
       });
    });

    4. а вот потом внутрь этого тянущегося блока помещаем форму для набора текста, который позиционируем относительно верха #resizable-block.
    5. можно еще позаботиться о минимальной высоте резинового блока, чтобы он не оказывался меньше формы для текста. а также стоит учесть, что сами диалоги у нас до сих пор 100% высоты экрана занимают. поэтому для них нужно рассчитать margin-bottom, который будет равен - 100% высоты минус высота #resizable-block в данный момент.

    по вашему скрину накидала позиции блоков:
    43abe7942a2a4bb88170bbe643c17f71.png

    надеюсь, будет полезно
    Ответ написан
    1 комментарий
  • Какими средствами разрабатываются онлайн-опросники, как, например, typeform.com?

    miminari13
    @miminari13 Автор вопроса
    Павел Волынцев: да уж, такой проект на коленке не повторить. спасибо, Павел )
    Ответ написан
    Комментировать
  • Как реализовать универсальный онлайн-конструктор?

    miminari13
    @miminari13 Автор вопроса
    то есть топорное решение - окрашивать части картинки в канвасе, подставляя фоны - не пойдет?

    у меня просто пока одна идея такая: сделать 3 фото машины разных цветов (красная, желтая, синяя, например), порезать картинки на части (4 двери красные, 4 синие, 4 желтые) и в конструкторе просто подставлять эти куски, когда визитор выделяет переднюю дверь и жмет определенный цвет в меню.

    еще мне предлагали вариант, сделать белую картинку, на ней прорезать ту часть, куда будет подставляться фон. например, вырезать силуэт футболки, и в пустоту подставлять фоны, будто меняется цвет ткани и текстура. форма при этом сохраняется, функционал выполняется. это не сработает?
    Ответ написан
    Комментировать
  • Вопросы на собеседовании для начинающего веб-технолога/верстальщика

    miminari13
    @miminari13
    возникает встречный вопрос - зачем давать 999999 заданий (как говорите, помимо тестового и портфолио) новичку? все, что человек умеет, вы итак увидите в тестовой работе и портфолио. теорию спрашивать как-то... смахивает больше на попытку бесполезного менеджера быть полезным.
    видимо, тестовое задание составлено некорректно раз при просмотре кандидата вы из него ничего не можете понять о скиллах новобранца.
    Ответ написан
    1 комментарий
  • Как с помощью js ( jQuery) связать input и атрибут svg-фильтра?

    miminari13
    @miminari13 Автор вопроса
    bubuq, спасибо, Ваш вариант работает отлично. единственное, в FF фильтр просто закрывает картинку и делает ее прозрачной. slope меняется слайдером, но картинки нет.

    upd. если картинку в сам svg поместить, то с ff проблема решается.
    Ответ написан
    Комментировать