leshiple

Новенький
  • Публикации

    15
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О leshiple

  • Звание
    Новичок
  • День рождения 03.12.1991

Информация

  • Пол
    Мужчина
  • Откуда
    Росто-на-Дону
  1. Цвета и переменные

    Что такое "объект" в Sass?
  2. Цвета и переменные

    Здравствуйте. Прочитал Sass Guidelines. Есть вопросы касательно того как называть переменные которые хранят цвета. Например у меня 18 цветов. 8 из которых это оттенки серого, 4 оттенка желтого, черный, белый и т.д. Как называть переменные: $c-grey-1, $c-grey-2, ..., $c-grey-n? Или $c-dashboard-title, $c-main-menu__item__link? Если у меня $c-dashboard-title и $c-main-menu__item__link одного цвета(хотя они логически не связаны), то поступить так: 1)$c-dashboard-title: #933434; $c-main-menu__item__link: $c-dashboard-title; 2)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же может быть и больше) Минус второго варианта в том что хоть эти элементы и не связаны логически, но они должны быть одного цвета, легче же будет поменять в одном месте. Как тут быть? Разделяете ли вы цвета которые используете для шрифта, границ, фона? Например с помощью соответствующих префиксов Я создавал тему про цвета и шрифты, но там мы ушли в сторону шрифтов и вопрос с цветами для меня остался открыт. Если есть статья на эту тему, прошу дать ссылку. Также буду благодарен если кто-нибудь покажет как у него(нее) организованы цвета.
  3. text-align: justify ie

    Прошу прощения. В локальной версии подключил modernizr, а на сайт не закинул. Не могу сейчас исправить, админка не загружается. Проблема проявляется только в 11 версии, 10 и 9 корректно отображают. UPD: не modernizr и не html5shiv не помогают ie11 понять <main>. Как быть? Это понятно. Но хотелось бы знать откуда берется эта линия
  4. text-align: justify ie

    Подскажите почему столбцы в .g-main-content не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE). А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px. Ссылка.
  5. Примеры хорошего SCSS

    Исправил, спасибо.
  6. Примеры хорошего SCSS

    letter-spacing.... В твоем случае нельзя пропускать значения. А если устанавливать значения по умолчанию то тогда на выходе получим лишний код. Нудно будет помот искать где letter-spacing: normal сбрасывает унаследованное значение, а где и побочный эффект от примеси.
  7. Примеры хорошего SCSS

    Придумал пока вот что: @mixin arial ($font-size, $line-height: $font-size) { font: $font-size + px + "/" + $line-height "Arial", sans-serif;}Единицу измерения подставлять свою.
  8. Примеры хорошего SCSS

    kidrock, спасибо. Буду пробовать.
  9. Примеры хорошего SCSS

    Ты создаешь миксины или включения? Напиши пожалуйста пример.
  10. Примеры хорошего SCSS

    А как называть эти переменные? По какому принципу? Наверное вопрос относительный. У всех глаза разные. И решать скорее всего человеку создававшему дизайн. У меня 4 пары повторяющихся значений. И какие им(переменным) имена давать? По типу именования классов в БЭМ?
  11. Примеры хорошего SCSS

    Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилается размер. Как вы боритесь со шрифтами? Где можно посмотреть примеры хорошего SCSS в проектах (не библиотеках)?
  12. background-attachment: local;

    Спасибо. Теперь понял. На сайте Оперы хорошо продемонстрировано, может стоит на htmlbook'е добавить похожий пример?
  13. background-attachment: local;

    Не могу понять как работает background-attachment: local;чем оно отличается от background-attachment: scroll;Я прочитал про него, но представить это не могу. Может кто-нибудь привести визуальный пример работы этого значения. Chrome 41 Firefox 37
  14. Что изменяет .abv_wrapper?

    На главной странице у тебя есть footer который очищает поток, а на странице новостей нет.
  15. Здравствуйте. Прошу оценить мою вёрстку: http://leshiple.esy.es/ Upd: Прижал футер к низу