• Как перебить .class:hover background-color?

    Igor-Maf
    @Igor-Maf
    Senior Front End developer
    <button class="btn btn-default btn--reset">Button</button>

    .btn--reset {
        background: none
    }

    Важно: этот css должен выполняться после css boostrap-а. Не понимаю только, почему нельзя просто удалить, например, как в этом случае, btn-default из html, у которого указан фоновый цвет.
    Ответ написан
    Комментировать
  • Как сделать область text и textera параллелограммом?

    Igor-Maf
    @Igor-Maf
    Senior Front End developer
    смотрите в сторону border-color: transparent
    Ответ написан
    Комментировать
  • Неадекватный клиент, как быть?

    Igor-Maf
    @Igor-Maf
    Senior Front End developer
    Исходя из ситуации имеется только два варианта - отдать или не отдать исходник. Но, если есть возможность, может, стоило бы обсудить свои опасения с самим директором, объяснить ему ситуацию, свою точку зрения, чтобы дойти с ним до взаимопонимания. А после беседы уже увидите, хотя бы ориентировочно, можно ли доверять человеку или нет (только в случае, когда Вы разбираетесь в людях).
    Ответ написан
  • Как вы начинаете вёрстку сайта?

    Igor-Maf
    @Igor-Maf
    Senior Front End developer
    1. Настраиваю gulp на основные таски (конкатенация, минимизация, удаление неиспользуемого, кросс-браузерность, sass и т.д.)
    2. Подключаю через bower необходимые "модули", например, normalize.css или фрэймворк
    3. Выстраиваю архитектуру кода (просто независимые блоки в отдельную директорию, например, "modules", или "pages" для стилей особенностей отдельных страниц), в корне css главный файл стилей, в котором осуществляется импорт всех модулей (например, файл с переменными цветовой палитры или файл с mixin-ами).
    4. Подключаю необходимые шрифты, в основном, через специальный миксин.
    5. В главном файле стилей описываю основные стили для типографики, в общем всё, что связано с селекторами типа.
    6. Если дизайнер предоставляет styleguide, то начинаю верстать страницу именно с него, а именно, по независимым блокам (где это возможно, от меньшего к большему) используя БЭМ методологию.
    7. По ходу дописываю задачи для менеджера задач, например, для скриптов или картинок, собираю необходимый package.json, bower.json.
    8. Собственно этап по-блочной верстки.
    9. Собираю конструктор из готовых блоков и элементов соответственно макету.
    10. Проверяю кроссбраузерность, pixel perfect.
    11. Этап исправления деталей

    Исходя из формулировки вопроса ответ:
    поэтапно, сначала описываю структуру одного блока, пишу ему стили, перехожу к следующему.
    Ответ написан
    Комментировать