Правильный ли подход к адаптивной вёрстке?

mrusklon: Вот, если вам интересно, еще сравнение веса файла https://benfrain.com/inline-or-combined-media-quer...

Правильный ли подход к адаптивной вёрстке?

mrusklon: Не на каждый селектор. При mobile-first подходе у вас в medua query будет в основном layout для бОльших экранов. А основные стили прописаны вне media-query (как подходящие под все разрешения). Да и вынося media в отдельный файл, вы так же дублируете селекторы (которые тут не дублируются), не так ли?

Как в SUSY задать такую сетку?

sinneren: кстати, когда у вас math: fluid, - column-width: 80px указывать нет смысла, размер колонок вычисляет сам Susy. Это нужно только для math: static

Как в SUSY задать такую сетку?

sinneren: Дело в том, что слово "at" - оно для асимметричных сеток и для output: isolate. susydocs.oddbird.net/en/latest/toolkit/#location . Вы пытаетесь пропустить пару спанов, так? тогда вам нужно добавить туда отступ и указать пропускаемое количество спанов: либо с помощью какого-то из этих свойств susydocs.oddbird.net/en/latest/toolkit/#margins либо этих susydocs.oddbird.net/en/latest/toolkit/#padding . Вот пример codepen.io/olgar/pen/wWpBNd (закомментированы правила, которые аналогичны друг другу).

Есть ли плагин для отображения видео в фигуре?

Максим Жаров: HamSter: вот пример mix-blend-mode с видео nurturedigital.com . background-clip: text; тоже крутая штука, хвала людям, пишущим полифиллы codepen.io/TimPietrusky/pen/cnvBk

Как поменять цвет img при hover?

И генератор: jorgeatgu.github.io/svg-filters, там поиграться с гаммой

Почему не работают ссылки на айфоне?

cursor: pointer попробуйте прописать.

Не выходит сверстать секцию?

Андрей Рысь: ну тогда удачи в дальнейшей верстке. Только зачем тут вам бутстрап, наверное, известно только вам.

Не выходит сверстать секцию?

Андрей Рысь: ну так привязывайте его не к col-md-11 (зачем он вообще?) а к обертке с ограниченной шириной, которая будет расти в зависимости от содержимого в белом контейнере. Вы посмотрели ссылку в моему ответе?

Как в верстке вы оформляете правила с адаптивом?

Почему же. У вас получится

header {
  width: 500px;
}
@media (max-width: 500px) {
  header {
    width: 100px;
  }
}
header .block {
  background: #ccc;
}
@media (max-width: 500px) {
  header .block {
    background: green;
  }
}

Можно еще круче!

header {
  width: 500px;
  @media (max-width: 500px) {
    width: 100px;
  }
  .block {
    background: #ccc;
    @media (max-width: 500px) {
      background: #000;
      @media (max-width: 900px) {
        background: green;
      }
    }
  }
}

Результат:

header {
  width: 500px;
}
@media (max-width: 500px) {
  header {
    width: 100px;
  }
}
header .block {
  background: #ccc;
}
@media (max-width: 500px) {
  header .block {
    background: #000;
  }
}
@media (max-width: 500px) and (max-width: 900px) {
  header .block {
    background: green;
  }
}

Как использовать кэш на github pages?

Максим Иванов: потому что для вашего варианта нужно изменять MIME type, чего github pages не умеют

Как использовать кэш на github pages?

Максим Иванов: Вот, почитайте chrishallahan.com/2015/12/28/pass-google-pagespeed... . Jekyll = тот же самый статичный html, так что вам это тоже подходит. Раздел USE A CDN.

Как сделать подменю ровной ширины с пунктами меню первого уровня?

В вашем коде копаться лень :) отвечу по второй части - по умолчанию у позиционированного элемента значения top right bottom left не 0, как можно предположить, а auto. А значит элемент никуда не смещается относительно своего static позиционирования, пока вы не укажете куда ему двигаться.

Правильно ли писать данным образом sass?

Сергей: Gulp это хорошо, реально быстрый. А вот Grunt - очень тормозит на множестве файлов. И организация файлов по БЭМу мне не нравится)).
Мне тоже раньше было проще побить все на &__ &--, но с селекторами целиком код выглядит чище и более читаемым. И по разбитым селекторам я ничуть не скучаю :)

Правильно ли писать данным образом sass?

Serj-One: это вам сейчас удобно. А если откроете проект через год, будете за голову хвататься.

Правильно ли писать данным образом sass?

Артем Каюн: На каждый блок по файлу?? Вы, видимо, считаете блоком всю страницу? Или разбиваете проект на миллион файлов, которые потом собираются по 10 минут?

Правильно ли писать данным образом sass?

abberati: А если будет еще один разработчик? Или вы к своему коду пишете стйлгайды и именуете файлы и классы только по ним? Сами свой код посмотрите! .article-page, .article-category-page {&__inner > a {}} это не БЭМ! И отвратительный код!

Правильно ли писать данным образом sass?

Сергей: Не кажется ли вам, что кроме вас может работать еще несколько разработчиков? Как им разбираться в вашем нечитаемом коде?

Правильно ли писать данным образом sass?

zooks: Я знаю что не будет вложенности! Бить селектор на куски в scss - не правильно. Вы сами-то прочитайте статью в моем ответе.

Правильно ли писать данным образом sass?

zooks: БЭМ рулит, но такая вложенность в Scss - отстой. Почитайте, например: https://www.sitepoint.com/beware-selector-nesting-sass/