• Как ускорить вёрстку?

    @taki154
    Для быстрой и оперативной верстки использую gulp с плагинами и препроцессорными плюшками:

    - jade (сейчас больше известен как pug) - html-шаблонизатор, синтаксис простой и понятный, поддерживает циклы, инклюды, примеси, переменные, условия и пр. использую как препроцессор и из него генерирую статичные страницы, верстаю в нем.
    - less - тут даже говорить нечего, любой css-препроцессор для разработки и скорости при умелом использовании подойдет лучше писанины на нативном css;
    - далее, до кучи всякие автопрефиксеры, минификаторы, лайврелоды, браузерсинк и прочее.

    ВАЖНО:
    если вы никогда не работали в среде npm, для легкого и понятного старта вы можете воспользоваться сервисом quenchjs.com, который сделает всю грязную работу за вас. Там есть конфигуратор, выбираете что надо и качаете архив. Ставите себе node.js, и дальше в папке, куда распаковали архив из командной строки- npm install. После того, как все пакеты будут установлены, перезапускаете в этой же папке терминал и пишите волшебную команду "gulp". И будет вам счастье. Это если совсем в двух словах. Поверьте, все это перевернет ваш опыт верстальщика и поднимет скиллы на новый уровень! Дерзайте! :)
    Ответ написан
    2 комментария
  • Как сделать скролл у попапа только в мобильных браузерах?

    @taki154
    .popup{
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    }
    
    .popup_sub{
    height: 100%;
    overflow: auto;
    }


    по медиа-запросу переопределять стили для попапа на то, что написано выше.
    Ответ написан
    4 комментария
  • Почему может пропадать изображение при клике по ссылке?

    @taki154
    на вскидку:
    - используйте спрайты для иконок. вполне может быть, что она не успевает загружаться. 9 из 10.
    - если не можете использовать спрайты - сливайте иконки в css, в base64. это гарантирует быструю загрузку иконок.
    - :hover на мобильнике - это нечто другое, чем на дэкстопе, именно поэтому по клику на иконку вы, скорее всего, видете ее :hover-эффект с иконкой, которая не успеваеит грузиться.
    Ответ написан
    Комментировать