Ответы пользователя по тегу CSS
  • Как сделать свой html+css-код сложно-читаемым для других?

    @nort1986
    front-end разработчик
    тут есть масса способов от онлайн-сервисов до плагинов в редакторе.
    Ответ написан
  • Как с помощью keyframes задать задержку частоты смены кадров?

    @nort1986
    front-end разработчик
    За задержку отвечает свойство animation-delay, а за длительность анимации отвечает animation-duration
    Если вас интересует анимация на CSS3 то вам сюда:
    popel-studio.com/blog/article/vozmozhnosti_css-ani...
    Ответ написан
    Комментировать
  • Less vs Sass - что лучше?

    @nort1986
    front-end разработчик
    Скажу так, SASS (синтаксис SCSS). Stylys с бородатыми дядями из яндекса рассматривать даже не совету. Он значительно медленнее обычных препроцессоров.

    Less он попроще, но в нем есть некоторые недочеты. Если вы захотите использовать новые фишки CSS3 то вам однозначно less не подойдет. SASS-файлы компилировать можно не только через ruby, но и через node-sass, так будет быстрее в разы.
    Если хотите больше узнать про sass, посмотрите:
    sass-lessons.ru
    Здесь и про сравнение с less-ом написано и про установку, вобщем интересно.
    Ответ написан
    Комментировать
  • Есть ли русская документация по Sass?

    @nort1986
    front-end разработчик
    Ой, есть, и много чего есть, посмотрите здесь
    sass-guidelin.es/ru
    sass-lessons.ru/documentation
    Есть еще перевод официальной документации
    sass-scss.ru
    но если вы ей пользуетесь, то придется ruby ставить а он очень медленный компилятор, лучше node-sass или gulp-sass воспользоваться. Плюя тут много лишнего.
    Ответ написан
    Комментировать
  • Как подключить в файле scss папку из которой бы компилились все css и scss файлы?

    @nort1986
    front-end разработчик
    Смотрите вы можете так настроить, чтобы все файлы в этой папке при изменении компилировались в папку с css, а вот чтобы компилировались в один css-файл этого сделать нельзя. Тут верно подмечено для этого нужна директива Dmitrijs Balcers. Если вам интересно, тут про это написано:
    sass-lessons.ru/documentation
    У меня есть папка scss в ней у меня есть главный файл main.scss в котором через Dmitrijs Balcers подключаются остальные scss файлы. при изменении любого файла в этой папке я генерю main.scss.
    Ответ написан
    Комментировать
  • Что такое Postcss?

    @nort1986
    front-end разработчик
    Если вкратце, то его придумали для обратной совместимости с CSS. Если в sass-е чтобы написать префиксы нужно использовать mixin-ы (@include border-radius(10px)). То используя Postcss этого писать не нужно. Авторы Postcss считают что это круто. Ты сам подключаешь то, что тебе нужно))))

    На практике могу сказать, что мне нужны миксины, переменные и @extend. Я не могу без этого работать, как следствие в Postcss особой надобности я не вижу. Но Postcss развивается достаточно бурно, смотреть за ним нужно, может что-то из этого и получится нормальное. Если вы пользуетесь sass-ом так и пользуйтесь им, не заморачивайтесь.
    Ответ написан
    Комментировать
  • Почему после ошибки в sass он больше не компилируется?

    @nort1986
    front-end разработчик
    ))) Попробуйте так
    "
    // Объявляем наши плагины
    var gulp = require('gulp');
    var sass = require('gulp-sass');
    var plumber = require('gulp-plumber');
    var watch = require('gulp-watch');
    // Создаем sass задание
    // gulp.src - путь по которому лежит scss-файл который мы будем компилировать
    // gulp.dest - путь в который мы будем генерить нашу css-ку
    // plumber() - не выбрасывать из компилятора если есть ошибки
    // errLogToConsole: true - выводить номер строки в которой допущена ошибка
    gulp.task('sass', function () {
    gulp.src('scss/main.scss')
    .pipe(plumber())
    .pipe(sass({errLogToConsole: true}))
    .pipe(gulp.dest('project/css'));
    });
    Тут все просто, мы полностью просматривает папку в которой лежит scss-файл который мы хотим скомпилировать, и при любом изменении файлов в этой папки запускаем задание sass (gulp.task('sass))
    gulp.task('default', function() {
    gulp.run( 'sass');
    gulp.watch('scss/**', function(event) {
    gulp.run('sass');
    })
    })
    "
    Брал отсюда:
    sass-lessons.ru/documentation
    Ответ написан
    Комментировать
  • Что использовать LESS или SASS?

    @nort1986
    front-end разработчик
    тут верно подмечено, что в большинстве случаев это одно и тоже. Я советую использовать SASS (SCSS синтаксис).
    Про сравнение less и sass хорошо описано здесь:
    sass-lessons.ru
    SASS получше, в если вы будете проект расширять, то только SASS.
    Stylus пока еще сырой под него нет ни одной библиотеки миксинов, можно конечно постропессоры настроить, но это глупо. Используйте SASS и compas или bourbon в качестве библиотеки миксинов (префиксы)
    Ответ написан
  • С чего начать изучение SCSS/SASS?

    @nort1986
    front-end разработчик
    Ну смотри, если ты начинающий разработчик, то тебе сюда:
    loftblog.ru/tag/sass
    sass-lessons.ru
    www.unix-lab.org/posts/sass
    Если есть какой-то опыт, то:
    sass-scss.ru/guide
    sass-lang.com
    Но тут информация дается в виде справочника, если ты новичок, то тебе трудно будет. Там сухо все описано, и много лишнего.
    Ответ написан
    Комментировать