Ответы пользователя по тегу CSS
  • Как использовать css в gulp?

    Вот статья, в которой рассказывается как собирать стили и при необходимости js файлы с помощью gulp в примерах.
    Ответ написан
    Комментировать
  • Как делаются такие плавные переходы между страницами как на сайте http://ru.silasveta.com/?

    При клике по ссылке делается не переход на нужную страницу, а происходит подгрузка контента с помощью ajax запроса. При успешном получении контента (это может быть просто html верстка или json с контентом). В случае если контент подгружается с помощью json, то делается еще один запрос для подгрузки шаблона, в который контент будет выведен.
    После вывода контента происходит смена фона с css3 анимацией и добавляется в историю браузера с помощью html5 history api новая страница. Таким образом перезагрузки страницы не было, но в истории и адресной строке уже новый url.
    Ответ написан
    3 комментария
  • Как из .sass в .css?

    Можно продолжать использовать эту же команду, можно использовать task-менеджеры вроде gulp или grunt. Можно установить софт с графическим UI, который без команд будет отслеживать, компилировать, минифицировать и создавать карту.

    Подробнее тут
    Ответ написан
    Комментировать
  • Как отследить scroll событие на ios устройствах?

    Обычно событие скролла можно отследить например таким образом:
    window.onscroll = function() {
      var scrolled = window.pageYOffset || document.documentElement.scrollTop;
      console.log(scrolled);
    }


    но iOS устройствах при скролле присутствует еще дополнительное движение страницы по инерции. И событие скролла отработает лишь после завершения движения страницы.
    По-этому если нужно отследить именно само событие, немедленно в момент движения пальца по экрану, то необходимо использовать ивент touchmove. Вот пример для директивы ангулара. (был под рукой)

    $element.bind('touchmove', function (e) {
           console.log(e.touches[0].pageY,e.touches[0].clientY);
    }):


    А если необходимо именно количество пикселей от верха документа, то нужно использовать событие scroll, которое отработает после анимации.

    Подробнее о событии скролла на iOS можно ознакомиться в оф. документации
    Ответ написан
    Комментировать
  • С чего начать изучение SCSS/SASS?

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