Контакты

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (20)

Лучшие ответы пользователя

Все ответы (15)
  • Как использовать emmet+бэм?

    kudesa
    @kudesa
    Проектирую и верстаю адаптивные сайты
    Непонятно, какой редактор использует ТС, но в саблайме это настраивается в preference → package settings → emmet → settings-user
    "preferences": {
            "bem.elementSeparator": "__",
            "bem.modifierSeparator": "_",
            "bem.shortElementPrefix": "-",
    },

    И еще в snippets должен быть указан bem в filters, вот так
    "snippets": {
            "html" : {
                "filters" : "html, bem",
    }
    }

    и правильно писать нужно так
    .page-header>.__top-menu
    Ответ написан
    3 комментария
  • Почему не работает gulp-autoprefixer?

    kudesa
    @kudesa
    Проектирую и верстаю адаптивные сайты
    Автопрефиксер отрабатывает после сохранения файлов в папку app/css
    вот пример правильного таска
    gulp.task('default', function () {
        return gulp.src('css/*.css')
            .pipe(autoprefixer({
                browsers: ['last 3 versions'],
                cascade: false
            }))
            .pipe(gulp.dest('app/css'));
    });
    Ответ написан
    5 комментариев
  • Что такое верстка "пиксел-в-пиксел"?

    kudesa
    @kudesa
    Проектирую и верстаю адаптивные сайты
    Верстка пиксел-в-пиксел или pixel perfect — это максимальное соответствие верстки и макета.
    Тот макет, котрый вы описали, с разными отступами у типовых блоков и шрифтом с некруглым значением, является ошибкой начинающего дизайнера. Ничего хорошего из такого макета, как правило, не получается, имеем кучу типовых блоков с разными отступами, разными размерами заголовков, как итог, куча кода с модификаторами.
    В общем, из плохого макета не сделать хорошую верстку.
    Ответ написан
    Комментировать
  • Emmet и jade? что быстрее?

    kudesa
    @kudesa
    Проектирую и верстаю адаптивные сайты
    Разница в назначении и масштабе.
    Emmet предназначен для быстрой развертки кода.
    Jade — шаблонизатор для создания компонентов в многостраничном проекте.
    Изменился футер у проекта, изменили компонент footer.jade, футер изменился на всех страницах за раз.
    Переход на шаблонизатор ускоряет разработку проектов.

    И в рамках синтаксиса jade можно использовать Emmet для быстрого набора кода.
    Ответ написан
    Комментировать
  • Как передать callback в gulp task?

    kudesa
    @kudesa
    Проектирую и верстаю адаптивные сайты
    Посмотри статью frontender.info/handling-sync-tasks-with-gulp-js
    Ответ написан
    Комментировать