Search the Community
Showing results for tags 'sass'.
-
Всем привет! Срочно ищем в офис в Москве на полную ставку отвязного frontend-разработчика с навыками джедая. Полное описание вакансии здесь: https://moikrug.ru/vacancies/1000021706 Пишите на почту из текста вакансии или мне в личку.
-
Здравствуйте. Прочитал 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)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же может быть и больше) Минус второго варианта в том что хоть эти элементы и не связаны логически, но они должны быть одного цвета, легче же будет поменять в одном месте. Как тут быть? Разделяете ли вы цвета которые используете для шрифта, границ, фона? Например с помощью соответствующих префиксов Я создавал тему про цвета и шрифты, но там мы ушли в сторону шрифтов и вопрос с цветами для меня остался открыт. Если есть статья на эту тему, прошу дать ссылку. Также буду благодарен если кто-нибудь покажет как у него(нее) организованы цвета.
-
Здравствуйте. Верстал я значит по-старинке и вдруг решил попробовать css фреймворки, а чтоб не мелочиться, то и препроцессоры. Ранее пытался использовать grid960, не понравилось( фиксированная ширина, адаптивности нет ). Почитал доки по Bootstrap, решил попробовать вместе с препроцессором Sass и его фреймворком Compass, так что кроме работы поделюсь впечатлениями о них. Сайт: http://electrouslugi-nn.ru/ Шаблон: https://yadi.sk/d/mQJWGuFtfSt4J В него входят подпапки psd(собственно макет), sass(файлы scss) и config.rb(конфигурационный файл sass). Хотелось бы получить информацию по следующим вопросам: Для каких целей служит класс .container-fluid? Пытался его использовать, но он имеет стрёмные паддинги 15px с боков, которые естественно оставляют белые поля. По-моему его с успехом заменяет div с width: 100%, или я чего-то не догоняю? Шаблон уныло смотрится в ie, даже в 9-м. Объясните пожалуйста, почему сетка сломалась? Т.к. нет макета под мобильные разрешения, верстал как Бог на душу положит, как бы вы оформили на моём месте? Для теста использовал режим адаптивного дизайна в Мозилле. Посоветуйте действительно полезные миксины Compass, те что я видел в основном направлены на поддержку старых ie. Разбил файлы scss на группы: _base.scss( тут шрифты и цвета ), media.scss(медиа-запросы), style.scss(основной файл). Правильно ли я поступил? Посоветуйте полезные приёмы для работы с sass.Мои впечатления: В Bootstrap слишком много кода, из которого must have только сетка, всё остальное сомнительной полезности. В принципе можно кастомную сборку использовать. Порадовал миксин Compass для создания спрайтов, действительно полезная штука. Ну и nesting sass конечно. Препроцессор не слишком ускорил разработку, думаю он актуален только на больших проектах. Можно быстро менять цветовую схему, просто поменяв значения переменных, и не надо лазить по всем файлам css с поиском и заменой.Буду рад конструктивным комментариям и советам
-
Доброго времени суток! Установил sass и compass на windows, ввел команду compass watch, начал изменять style.scss и возникает ошибка совместимости кодировки. [Listen warning]: Change block raise an execption: incompatible character encodings: Windows-1251 and UTF-8Backtrace: C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `index' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `remove_root' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesy Очень долго ищу решение, может кто знает как решить проблему?
-
Здравствуйте, оцените, пожалуйста верстку. Делал с помощью Susy 2. Верстка адаптивная, резиновая. Макет взял с интернета. Ссылка на гитхаб; Демо; Есть также пара моментов: 1. Возможно как-то сделать чтобы при добавлении контента див этот растягивался и не выезжал текст 2. Социальные иконки идут в мобильной версии после блока с текстом, а в десктопной до и справа, флоатом и относительным позиционированием я этого добился, но порядок у них изменился. Есть другие решения? Спасибо!
-
Приветствую всех! У меня назрел вопрос по теме использования bootstrap. Я не понимаю, как с помощью этой библиотеки можно верстать уникальные дизайны. В теории все кажется достаточно простым и понятным, а на деле разработка превращается в кошмар и войну со стилями и полнейший хаос. В итоге, вместо быстроты и удобства, появляется ощущение какой-то искусственной усложненности и ненужности этого всего. Хочу обратиться к тем, кто успешно работает с bootstrap - как вы это делаете? Прошу дать мне советы, как нужно с этим работать и на что нужно обратить внимание. Чтение мануалов и гугл не помогают с проблемой. Еще подобная проблема у меня есть с препроцессорами Less, SASS. Я не могу их применять на практике, каждый раз запутываюсь, психую и в конце концов делаю стили по-старому. Препроцессоры мне кажутся просто ненужными и только все усложняющими штуками, но я понимаю, что без умения пользоваться этими технологиями жить дальше нельзя, и нужно как-то их осилить и понять. Если кто-то сталкивался с подобными трудностями - отпишите, пожалуйста, свой путь осваивания этих технологий.
-
Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку. ОС: Windows XP Что я сделал, шаг за шагом: 1) скачал ruby installer 1.9.3, установил его 2) прописал в командной строке gem install sass 3) sass установился. Но директория по умолчанию не та, которая мне нужна. 4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop 5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css. Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass 6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css 7) Результат - ошибка: no such file or directory - style\scss\style.sass ERRNO::ENOENT: No such file or directory - D:\Dropbox\Верстка\Workshop\Mold\style\scss Но директория правильная, и файл лежит на месте! Файл style.css создается там, где нужно. Правда вместо результата компиляции -- сообщение об ошибке (такой же как и в командной строке). Почему появляется эта ошибка? Что сделано не так?