• Использование vue вместо jquery?

    LenovoId
    @LenovoId
    svg, css,js
    что то все путают сечку с гречкой
    jquery ни как не конкурирует с vue , angular, react
    jquery это библиотека заменяющая document.getElement.тратата и всё
    а перечисленные вверху js библиотеки - создают дополнительное DOM дерево ...блин не знаю как выразить мысль
    заменили/стали применять vue... только из за того что jquery приелся и надо новинку
    на jquery 90% сайтов

    тогда уж - если хотите что то супер пупер - применяйте нативный js - вот это будет жесть
    не применяйте вообще ни чего лишнего -
    Ответ написан
    Комментировать
  • Как убрать смещения иконки при увеличении кнопки?

    Rapt0p7
    @Rapt0p7
    FrontEnd developer in Eastwood
    Так как у иконки уже абсолютное позиционирование, то отцентрировать ее с помощью transform и координат top и left, а у кнопки поставить размеры в чётных числах:
    .act-btn_circ .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .act-btn_circ {
        display: block;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: #fff;
        position: relative;
        box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.15);
        padding: 0;
    }
    Ответ написан
    1 комментарий
  • Как убрать двойной скрол и пустое место из-за длины абс. спозиционированного меню?

    delphinpro
    @delphinpro Куратор тега Вёрстка
    frontend developer
    почему абс. позиционированные блоки порождают отступ снизу? Ведь они же не в потоке?
    Надеюсь кто-нибудь объяснить мне почему так происходит.

    А куда же им деться?
    Причина очевидна — блок растягивает страницу настолько, чтобы вместиться в неё. И неважно, абсолютный он, или нет.

    Ведь они же не в потоке?

    Ну и что? Ну вынули элемент из потока, со страницы-то он никуда не делся.

    ---
    Простое решение:
    дать выпадашкам position:fixed а при ховере - absolute
    Побочный эффект — скролл страницы будет проявляться только при открытом меню, если оно не вместится.
    Еще простое решение (частный случай):
    Для последнего уровня задать максимальную высоту и oveflow:auto
    Минусы — годится только для последнего уровня, потому что его границы уже ничего не вылезет из-за overflow

    Все остальные решения требуют вмешательства javascript или серьёзной переработки принципа показа подменюшек.
    Ответ написан
    Комментировать
  • Как убрать двойной скрол и пустое место из-за длины абс. спозиционированного меню?

    @kvaak
    FE
    Пройдите в меню:
    Лампы -> Красота и здоровье
    Что Вы видите?) Правильно, нереально большой список итемов, из-за которых и все проблемы.
    Очень рекомендую добавить максимальную высоту списков с overflow: auto;
    Иначе, даже выбитому из потока парню надо куда-то вмещаться, чтобы его юзверь-то увидел
    Ответ написан
    Комментировать
  • Как загружать CSS чтобы добиться высокой оценки в Google PageSpeed Insights?

    aliencash
    @aliencash
    Партизан
    Вам нужно:
    1. Выделить из своего большого файла CSS все правила, которые влияют на отображение первой 1000px страницы. Сервис - https://jonassebastianohlsson.com/criticalpathcssg...
    2. Разместить этот CSS в HTML-файле, разделе head, между тегами style.
    3. Полный CSS-файл загружать с помощью JS размещенного в конце страницы.
    var ms=document.createElement("link");ms.rel="stylesheet";ms.href="style.css";document.getElementsByTagName("head")[0].appendChild(ms);


    У меня по Google PageSpeed Insights 98/100 по мобильным и десктопам, 100/100 удобство. 2 очка не добрал потому что использую скрипты Я.Метрики и G.Аналитка - ругается на кэширование. Потенциально можно исправить, но в ущерб актуальных версий этих скриптов.
    Ответ написан
    5 комментариев
  • Почему Google Page Speed ругается на присуствие css стили на вверху стр. хотя они внизу подключены внизу?

    Вы читать то научитесь, там написано
    Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
    , а не на присутствие стилей вверху.
    И соответственно написано как это исправить
    Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.
    Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
    Оптимизируйте работу CSS на следующих ресурсах:
    html.designmyshop.ru/unishop/assets/css/unisite.css
    Ответ написан
    2 комментария
  • Как стилизовать Checkbox и Radio?

    @Myateznik
    CSS3 этот вариант только для Chrome: jsfiddle.net/4DPyN/3
    CSS кросс браузерный вариант: jsfiddle.net/4DPyN/4
    Ответ написан
    Комментировать