Как скомпилировать из Stylus в SASS?

Сергей, спасибо вам. У меня в итоге такое получилось.

// FONT-FACE MIXIN
// String Replace
@function str-replace($string, $search, $replace: "")
    $index: str-index($string, $search)
    @if $index
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace)
    @return $string
// Font Face
@mixin font-face($name, $path, $weight: null, $style: null, $exts: eot woff2 woff ttf svg)
    $src: null
    $extmods: (eot: "?", svg: "#" + str-replace($name, " ", "_"))
    $formats: (otf: "opentype",ttf: "truetype")
    @each $ext in $exts
        $extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext)
        $format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext)
        $src: append($src, url(quote($path + "." + $extmod)) format(quote($format)), comma)
    @font-face
        font-family: quote($name)
        font-style: $style
        font-weight: $weight
        src: $src

Каким линтером HTML пользуйтесь?

Спасибо. Я знаю. Но нужен HTML, проект очень большой, так просто его не перевести на Pug.

Как рассчитать зависимость между расстоянием от верха страницы до блока и конечной шириной блока?

Большое спасибо! Чет тупанул :)

Front-end разработчики, на каких ресурсах вы узнаете о новинках веба?

theobroma: теперь в моем паблике я упомянул его дважды =)

Front-end разработчики, на каких ресурсах вы узнаете о новинках веба?

theobroma: да, согласен. Забыл включить в список

Как поставить стрелку справа?

Qairat Batyrbayev: Выложите на jsfiddle.net

Верстальщики, что вы используете для адаптивной верстки?

Vasyl Kovbassa: потому что это инструмент прототипирования, это раз. и два, это то что ни один верстальщик не будет править текущие стили буцтрапа, а будет вешать свои поверх. это порождает кашу буквально через 1 месяц разработки.

Как посмотреть полное название шрифта в Avocode?

drtvader: Выбираем инструмент "R'. Кликаем на элемент. Потом водим курсором по макету - будут показываться расстояния до блоков на которые вы навели.

Что можно почитать по разработке фронтенда?

Вот куча книг www.mediafire.com/download/awislko9ru049ko/Books_f...

Как вы собираете свой проект?

fantazerno: А про компиляцию товарищ выше ответил правильно. Компилируйте например в каталог с названием dist =) Я бы даже заморочился копировать в этот каталог картинки и шрифты, чтобы все сорцы отдельно были, а пожатые картинки и спрайты в dist лежали.

Как вы собираете свой проект?

fantazerno: А вы ветки разделяйте. master - это продакшн по сути, то что должен увидеть юзер. Делаем от master ветку develop, затем от нее что-то вроде frontenddev и backenddev. Каждая серия правок в соответствующих ветках (frontenddev и backenddev) рождает новую временную ветку, к примеру contacts-page . В которой соответственно будет сверстана страница с контактами. Потом сливаем contacts-page в репу и делаем запрос на слияние. Админ репы сливает ветку contacts-page с frontenddev . Сливание происходит с удалением ветки contacts-page. Backend'ер забирает репу в нужный ему каталог. Потом работает с ней также, сливает в репу, запрос на слияние, слияние и можно в продакшн. Как на той самой картинке =)

Как сделать угол на CSS с прозрачным бэкграундом?

Nikolay Talanov: большое спасибо!

Как сделать угол на CSS с прозрачным бэкграундом?

Никита Полевой: да, норм. Я так и сделал, и плевать на FF =)

Почему dropdown прозрачный (Bootstrap 3)?

Дело в другом немного, но я как и вы понимал, что тут либо прозрачность блоки, либо прозрачность фона. Так как используется сторонняя тема для бустрапа, то у одного из внешних контейнеров нашел opacity: 0.75 . Оно и влияете на на все блоки, которые находятся в контейнере. Очень плохо, что нет возможности увидеть это дело сразу у дочернего элемента. Фактически игра в прятки. Но вам спасибо ;)

У всех тупит последняя версия Photoshop CC на Mac и как с этим бороться?

Liquidos: весит чуть больше 20 Мб, работает очень быстро, полностью заточен под разработку интерфейсов (как веб, так и мобильных к примеру). Ничего лишнего в нем нет, всё нужное и очень удобное. Посмотрите видео-обзоры, там преимуществ масса описано.

У всех тупит последняя версия Photoshop CC на Mac и как с этим бороться?

Lorri: опять же согласен

У всех тупит последняя версия Photoshop CC на Mac и как с этим бороться?

Вооот. Вот об этом я и говорю. Я полностью с вами согласен, CS6 работал очень хорошо. Я уже как только не пробовал настраивать его, без толку. Решил для верстки юзать Avocode, а для веб-дизайна Sketch. Кстати, очень жаль, что Sketch только на Mac. Многие бы него перешли и остались.

Какие ошибки присутствуют в коде JS?

Нет, не использую. Подойдет ли пакет JSHint для Sublime Text?

Какие ошибки присутствуют в коде JS?

Спасибо, Павел! На будущее мне есть что учитывать.

Какие ошибки присутствуют в коде JS?

Дело в том, что у меня стояла задача получить на выходе два файла. Минимизированный CSS и минимизированный JS. Это нужно для того, чтобы не парить программиста, который будет запиливать решение в MarketPlace от Битрикс. Именно поэтому я разместил HTML прямо в теле функции. Про модульный подход я пока знаю смутно. Написать нужно было на чистом JS. С jQuery нет проблем, но использовать её нельзя. А вызов функции на странице всегда будет делаться 1 раз (насколько я понял).