Search the Community

Showing results for tags 'sass'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Для начинающих
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Freelance
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Calendars

  • События в Украине
  • События в России
  • События форума
  • События партнёров
  • Все события

Blogs

There are no results to display.

There are no results to display.

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

Found 28 results

  1. Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта
  2. Мы -- аутсорс компания Z-Wolves Development, и сейчас американскому заказчику требуется на частичную занятость фронтенд для сайта на Drupal. Следующие задачи планируются: 80-90% Drupal 7 10-20% Drupal 8 Чистый Drupal, не decoupled/headless Front-End Skills: Разработка подтем по кастомному шаблону (D7; 80%) Разработка кастомных тем (D7 и D8; 20%) небольшие задачи по JS 80% SASS/Compass; 20% Grunt Английский язык intermediate и выше Работа удалённо, около 20 часов в неделю, обязательно наличие нескольких часов оверлэпа с США. Оплата почасовая, рейт 7$+, оформление договора с ИП/ООО. Способы связи: a.belousova@zwolves.com Skype live:a.belousova_2
  3. Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.
  4. Первый вопрос: - Нужно ли использовать эти кроссбраузерные плюшки для стилизации placeholder'a? Не устарели ли они? ::-webkit-input-placeholder {color:#c0392b;} ::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */ :-moz-placeholder {color:#c0392b;}/* Firefox 18- */ :-ms-input-placeholder {color:#c0392b;} Второй вопрос - Использую Sass, как правильно стилизовать placeholder? Не могу понять куда писать этот код и как правильно он оформляется в sass &-form margin-top: 98px &_main-form input display: block margin: 0 auto height: 67px width: 370px padding: 29px 0 29px 36px По идее он должен писаться под паддингами, но коала ругается, так как у кроссбраузерных плюшек скобки и тд
  5. Препроцессоры SASS и LESS. Автоматизация Front-end разработки (курс от команды webformyself) Ищу, где скачать бесплатно, желательно с торрентов Весь инет гуглом и яндексом перерыл, не нашел. Дайте ссыль, очень нуно
  6. Аутсорс-компания Z-Wolves Development ищет на проект из США верстальщика (фронт-енд разработчика) Требования: -- уверенные знания JS -- владение SASS/Gulp/Grunt -- опыт headless/decoupled Drupal-верстки (желательны примеры) -- pixel-perfect from PSDs, внимание к деталям -- английский не ниже Intermediate (готовы к устному и письменному общению с заказчиком и его командой) Работа удалённо, фулл-тайм, обязательно наличие нескольких часов оверлэпа с США. Оплата почасовая, от 10$/час Способы связи: a.belousova@zwolves.com Skype live:a.belousova_2
  7. Доброго времени суток! Суть проекта: очень кратко: что-то вроде аггрегатора хостинг провайдеров. На самом деле это только звучит не особо, но по факту все намного интересней. Проект готов на 20-25%. В команде есть сильный и опытный back-end разработчик, дизайнер и маркетолог-идеолог Но у нас демократия: каждый делится своими мыслями как сделать продукт лучше. Есть потенциальные клиенты, которые готовы опробовать продукт и в дальнейшем им пользоваться, покупая ежемесячную подписку. Главная задача: выход на минимально живой продукт. Как только мы выйдем на MVP будет понятно насколько проект коммерчески успешен или неуспешен. В случае успеха (когда продажи пойдут) начинаем этап привлечения инвестиций. Кандидаты-инвесторы есть. В случае провала - расходимся и каждый может использовать проект в качестве портфолио, так как при любом исходе им будут пользоваться. Кого ищем: front-end разработчик с опытом работы с: - React (Redux) - Django - RESTApi - SASS - Git Желателен опыт работы от 2-3 лет и возможность посвящать проекту хотя бы 10-12 часов в неделю. Условия работы: - доля в компании 5-10% - доля в компании менее 5%, но с оплатой, небольшой, так как мы еще только проверяем гипотезу и платить будем из своего кармана. Этот проект может быть интересен тем, кто хочет влиться в интересный проект, возглавить его и научиться чему-то новому или просто взять долю и получать с нее доход, либо продать. Также, тем, кому нужно интересное портфолио. Если есть интерес, прошу свяжитесь со мной: https://t.me/Eugen2k
  8. 1. Как принято сдавать верстку, если пользуешься, например, pug и sass? До их появления я предоставляла html, css и т.п. Сейчас осваиваю инструменты, но из-за компиляции непонятно, какие файлы теперь отправляют клиенту? 2. В каком виде готовую верстку закачивают на сервер? Например, сайт без CMS: просто готовые html+css+js? Но тогда их менее удобно править при необходимости. Или на сервер как-то компилятор ставят? А если натягивать на CMS, то тогда как быть? Чувствую, для большинства участников форума это очевидные вещи. Подскажите, как хотя бы называется эта тема, чтобы погуглить. Всё, что находила сама — не по теме.
  9. Илья Владимирович

    Ошибка в sass - Autoprefixer: Missed semicolon

    Всем привет! Такая ошибка - при сохранение стилей в основном файле sass все отлично, а вот если подключать отдельные файлы, например, _header.sass при сохранение выскакивает ошибка - Autoprefixer: Missed semicolon! Точка с запятой все стоит нормально, компилит если несколько раз нажать сохранить, но всегда выскакивает эта ошибка! Вот моя сборка: https://paste.ofcode.org/sLuKmekW88cFusdQPeFaPV ! Помогите пжл)
  10. Привет форумчане! Раньше работал один и бед не знал в этом плане, но теперь попал в небольшую фирму, где каждый работает сам по себе, нет единого рабочего процесса. Я привык работать через Prepros, он многофункционален и требует минимальных знаний в "компиляторстве". Так вот, я хотел бы продолжить работать с препроцессором вместо чистого CSS, но проблема в том, что стили проекта могут также править и другие мои коллеги, и если они через какой нибудь фтп клиент внесут изменения в файл со стилями на сервере, то я потом не смогу с ним дальше работать, т.к. затру все их изменения. Можно ли как-то выйти из этой ситуации? Как вариант, можно мониторить изменения в файле стилей перед началом работы, но здесь есть риск ,что я однажды попросту забуду это сделать. Также, слыхал о возможности компиляции прямо на сервере. Прошу помочь в этом вопросе.
  11. Добрый день. Вас приветствует команда студии разработки и продвижения freedots.ru Если вы Front-end разработчик и делаете круто, то высылайте свое портфолио на hr@freedots.ru и вместе мы поработаем над интересными проектами Основные требования: Опыт работы в отрасли не менее 2 лет. Знание языков разметки: HTML, CSS. Знание JS Знание препроцессоров LESS/SASS Знание фреймворков: Bootstrap/Foundation Знание библиотек: jquery.js, желательно знание js фреймворков: angular.js/vue.js Знание сборщиков проектов, таких как: webpack Расположение: Россия > Москва Занятость/ЗП: Занятость:фикс ЗП:40 000 - 60 000 руб. График: обсуждаемо С уважением, команда Freedots.
  12. Буду дико благодарен тому, кто сможем помочь мне пошагово настроить среду разработки в редакторе Atom. Конкретно, нужно настройка gulp, sass и прочих смежных вещей, и следовательно, компиляцию в конце, чтобы всё это собиралось в файлы html/css/js и т.д. Готов подстроиться под удобные вам дни/часы. Можно по скайпу, в слаке, в общем, там, где вам удобно!
  13. Помогите пожалуйста доверстать письмо. Вопросов несколько - буду выкладывать по степени формирования. Заранее спасибо всем кто не бросил начинающего. Пишу в Zurb Foundation 2, с помощью Inky и sass 1. Как сделать полосу во весь экран? (номер строки html кода: 144-151) 2. Мой SblimeText подсвечивает вопросы в строчках кода у body и table. Такая же история в конце кода с этими же тэгами. Если навести ничего не показывает, или редко ненадолго говорит об ошибке со скобками. Как побороть? basic.html app.scss
  14. Имеется такая структура файлов: sass/ -- bootstrap/ (внутри каталог mixins и sass файлы- bootstrap/_mixins.scss, bootstrap/_variables.scss, bootstrap/_normilze.scss, и т.д.) -- _bootstrap.scss -- main.scss содержание файла main.scss: @import "bootstrap"; .element { with: 200px; @media (min-width: @screen-md-min) { width: 100px; } } Но компилятор ругается, что вместо @screen-md-min должно быть конкретное значение.Как добиться, чтобы можно было использовать брейкпоинты бутстрапа в Sass?
  15. andrey7287

    webpack && compass

    Кто нибудь использует ? Тщетно пытаюсь настроить уже не первый день. Нашёл вроде как верное решение для запуска компаса, но на импорте картинок ловлю ошибку, никакие варианты путей не работают. Ссылка на файлы https://github.com/Andrey7287/new-webpack
  16. макет вёрстка (адаптивная до 320px) Использовал: jade+sass+gulp. Требуется критика вёрстки, любые пожелания, указание на ошибки/недочёты, также приветствуются. От себя несколько вопросов: 1) Google page speed даёт низкую оценку скорости: Как это исправить?? скрин 2) Валидатор постоянно ругается на подключённые через гугл шрифты, можно ли это как-то исправить? скрин ошибки
  17. В интернете очень много различных бесплатных шаблонов на любой вкус, но почти все они идут без SASS или LESS файлов, в связи с чем затрудняется их кастомизация. Знает ли кто ресурсы, где можно найти шаблоны с исходниками стилей?
  18. Адаптивная верстка IE10+ Для себя сделал вывод, меню лучше делать два: одно полноразмерное, другое для мобильных устройств. Правда, в ie8 не отображается ровным счетом ничего(пустая страница), что для меня пока загадка. Может кто знает ответ?
  19. До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?
  20. Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .pipe(gulp.dest('public-build/css'));});gulp.task('watch', function(){ gulp.watch('work-build/sass/*.sass', ['sass']);});
  21. Решил освоить SASS, очень мне нравится его идея, большое коммьюнити, все нравится, но столкнулся с проблемой, собственно ниже и опишу. Хочу сделать миксин медиазапросов есть 4 переменные, в них описаны размеры экрана, и создан несложный миксин. $screen_xs: 320px;$screen_s: 768px;$screen_m: 1024px;$screen_l: 1200px;$screen_xl: 1376px;@mixin mediaquery($media) { @if $media == screen_s { @media only screen and (max-width: $screen_s + 1) { @content; } } @else if $media == screen_m { @media only screen and (min-width: $screen_m + 1){ @content; } } @else if $media == screen_l { @media only screen and (min-width: $screen_l + 1) { @content; } } @else if $media == screen_xl { @media only screen and (min-width: $screen_xl + 1) { @content; } }}дальше я этот миксин подключаю, например, к боди, пример абстрактный. body{ background: $blue_grey; @include mediaquery(screen_s) { background: $lime;} @include mediaquery(screen_m) { background: $teal;} @include mediaquery(screen_l) { background: $orange;} @include mediaquery(screen_xl) { background: $pink;} color: $color_base; font-family: $font_base; @include flexbox; @include flex-direction(column); min-height: 100vh;}суть такая, что фон меняется в зависимости от разрешения. НА выходе мы имеем // outputbody { background: #607D8B; color: #cccccc; font-family: "Proxima Nova", Tahoma, helvetica, sans-serif; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; min-height: 100vh;}@media only screen and (max-width: 769px) { body {background: #CDDC39;}}@media only screen and (min-width: 1025px) { body {background: #009688;}}@media only screen and (min-width: 1201px) { body {background: #FF9800;}}@media only screen and (min-width: 1377px) { body {background: #E91E63;}}Казалось бы этого я и ждал, так и есть, результат достигнут, но теперь у меня есть другой элемент, который я хочу видоизменять в зависимости от экрана, и пишу следующее .size:after{ content: "Size XS"; @include mediaquery(screen_s) { content: "Size S";} @include mediaquery(screen_m) { content: "Size M";} @include mediaquery(screen_l) { content: "Size L";} @include mediaquery(screen_xl) { content: "Size XL";}}Код несложный, есть блок, я в псевдоэлементе :after меняю слова в зависимости от разрешения. Собственно тут я и сталкиваюсь с проблемой избыточности, у меня дублируется код. На выходе я получаю ОТДЕЛЬНЫЕ медиазапросы // output.size:after {content: "Size XS";}@media only screen and (max-width: 769px) { .size:after {content: "Size S";}}@media only screen and (min-width: 1025px) { .size:after {content: "Size M";}}@media only screen and (min-width: 1201px) { .size:after {content: "Size L";}}@media only screen and (min-width: 1377px) { .size:after {content: "Size XL";}}так как же мне избавиться от этой избыточности? делать как и раньше в отдельном месте прописывать разрешение и в него вставлять все элементы, стили которых необходимо менять? но тогда пропадает прелесть использования SASS
  22. Всем привет! Срочно ищем в офис в Москве на полную ставку отвязного frontend-разработчика с навыками джедая. Полное описание вакансии здесь: https://moikrug.ru/vacancies/1000021706 Пишите на почту из текста вакансии или мне в личку.
  23. Здравствуйте. Прочитал 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)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же может быть и больше) Минус второго варианта в том что хоть эти элементы и не связаны логически, но они должны быть одного цвета, легче же будет поменять в одном месте. Как тут быть? Разделяете ли вы цвета которые используете для шрифта, границ, фона? Например с помощью соответствующих префиксов Я создавал тему про цвета и шрифты, но там мы ушли в сторону шрифтов и вопрос с цветами для меня остался открыт. Если есть статья на эту тему, прошу дать ссылку. Также буду благодарен если кто-нибудь покажет как у него(нее) организованы цвета.
  24. Здравствуйте. Верстал я значит по-старинке и вдруг решил попробовать 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 с поиском и заменой.Буду рад конструктивным комментариям и советам
  25. Доброго времени суток! Установил 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 Очень долго ищу решение, может кто знает как решить проблему?