Я думаю этот канал очень перспективен, потому что вы делаете обзоры на более применимые и крутые технологии, чем большинство каналов на UA-cam, посвященных вебу) Спасибо вам большое!
+Адильхан Абдисаметов спасибо, совсем забыл, что есть возможность просмотра в ускоренном режиме, поднял себе настроение при просмотре на скорости 0.5 =)
Чувак, я не знаю кто ты и что ты, я случайно нашел твое видео, но большое тебе спасибо!!!!!! Я только начинаю вливаться в верстку и веб вообще и теперь многое прояснилось
Guys, guys, guys! Скорей смотрите новый скринкаст на тему препроцессора #SASS, таких приколов вы не видели! Наконец-то вы научитесь нормально писать код на трендовом #Sassscript и #CSS и будете получать много удовольствий от самого процесса! Чек ит!
Даааа... )) Про Compass хотелось бы. Но еще больше - про Bourbon и Susy, совсем не знаком (в отличие от Compass) с ними. Сравнение и возможности. Еще хотелось бы спрайты и grid в Compass как делать )) А также что такое вертикальный ритм и как его делать в Compass ))
Про Bourbon будет нескоро, но будет. про Susy - обязательно, про версию 2.0 в которой очень много пререботали. Гриды в компасе не видел, для этого как раз Susy и есть. А про вертикальный ритм и как делать в компасе - моя любимая тема! :D
uWebDesign тем более! раз любимая, значит хорошо ее знаешь. поделись своими знаниями с теми, кто этого не знает, но хочет знать. например, я )) ждем-с с нетерпением ))
Здравствуйте. Подскажите пожалуйста, что все же лучше использовать SASS или LESS, и в каких случаях? Возможно у Вас есть видеобзор с сравнениями (я не нашел), я думаю эта тема будет интересна не только мне. Заранее спасибо, очень ценю Ваш канал и ту работу которую вы перелопачиваете для своих подписчиков!
+uWebDesign спасибо большое )) Вчера сидел, разбирался) Скажите, нет ли у Вас в задумке заданий, которые ваши подписчики могут делать, совместно обсуждать, а вы, в свою очередь, давать рекомендации (с точки зрения практики) относительно тех или иных вопросов ? ;))
Artyom Svinin в задумке много чего есть, но из-за того, что приходится работой коммерческой еще заниматься (семью кормить) не хватает времени на все такие задумки. Могу только обещать, что дальше - больше. Подписывайся и рассказывай друзьям!
Спасибо за видео, пока что нового ничего для себя не узнал, но думаю это изменится в следующих роликах. В будущем пожалуйста немного готовьтесь перед записью, тогда думаю сможете в 2 раза сократить время ролика, 40 минут все же многовато, оптимальный вариант 20 минут.
это я еще подготовился! =) но да, со временем получится короче. этот ролик был направлен на основы, поэтому нового для опытных пользователей здесь не предвиделось. спасибо за комментарий! =)
uWebDesign Еще 2 момента: пример лучше показывать на сложных случаях, в случае с mixin, то нужно было показать пример работы с передачей переменных; второй момент - на sassmeister есть поддержка Emmet, включается в настройках "Enable Emmet support".
причем Sassmeister только что написали в твиттере про добавление поддержки Emmet, цветовых тем и поддержку Vim горячих клавиш. twitter.com/sassmeisterapp/status/445913188257648642 twitter.com/sassmeisterapp/status/445913261137870850 twitter.com/sassmeisterapp/status/445913460354727938
Привет Саня, начал изучать Sass с нуля, хотел бы посмотреть обзор на приложение Prepros т.к. им пользуюсь, хотел бы знать все фишки (еще интересует вопрос, можно ли настроить компас в этом приложении?), большое Спасибо!
+Jeka J плейсхолдер это, говоря аналогиями из ООП - абстрактный класс. Который можно только extend-ить, так что фактически это и есть extend, только "тихий".
Ребята, очень толковые уроки. Но очень не хватает каналу плейлистов. Очень напрягает перелопачивать всю кучу ваших видеозаписей в поисках нужной каждый раз. Можно же хоть чуть-чуть позаботится о своих зрителях и разбить записи хотя-бы по приблизительной тематике? Это ведь не составит большого труда, но зрители скажут огро-о-о-омное спасибо, а общая популярность канала возрастет, я уверен.
Обзор понравился) Надеюсь перейти в ближайшее время на модульность в проектах сейчас использую //*class-name/*/ такие комментарии в одном файле css и поиском....) Храню инфу в голове и постоянно похожие названия для классов использую)
Я не понимаю, почему все так упорно с сасс, но не стилус. Особенно nodejs ребята, где, казалось бы, поставил и пользуйся. Да и не могу заставить себя после стилуса писать " : ". Хотя в целом почти идентичные языки.
Очень близко к настоящему CSS, для тех, кто глубоко учил фундаментальные основы - более простой и понятный порог входа. Кроме этого - для Sass комьюнити сделало намного больше контента.
Спасибо за урок, Саня! Делаю тестовый проект, чтобы прочувствовать Sass+compass, появляются вопросы. Буду рад, если ответишь. 1) Директива@extend,как оказалось, наследует даже медиа запросы, которые наследовать категорически не нужно. Как этого избегать? Или при адаптивной верстке наследование через@extendне рекомендуется не использовать? 2) Так же при адаптивной верстке проблемы с приоритетами стилей. В desktop версии кнопка скрыта, а при max-width:992px должна быть display:block; Но она не появляется, так как приоритеты благодаря вложенности стилей для desktop версии выше. Вот код: jsfiddle.net/AlexSpace/9arumwfq/ Как быть? Что-то делаю не так? 3) Можно отключить процесс создания спрайтов в Compass, если они уже сделались? Работаю через Gulp и каждый раз, когда сохраняю документ, они делаются заново... зачем постоянно их создавать? =) Тем самым livereload на 3 секунды дольше думает, перед тем как обновить страницу. Как в такой ситуации поступить?
Пожалуйста, всегда рад! =) 1) Если ты используешь mobile-first паттерн и SMACSS, то у тебя не возникнет таких казусов. Если тебе категорически не нужно наследовать медиа-запросы, то значит ты неверно используешь@extend.Наследуй что-то более абстрактное. 2) Опять же - используй mobile-first, за этим сила. По дефолту она включена, а на больших экранах - выключай. 3) Закомментируй создание спрайтов, он старые не удалит же, и раскомментируй когда нужно будет реально обновить.
uWebDesign Большое спасибо за оперативные ответы! 1) Понял, пересмотрю свой подход к наследованию. 2) Mobile-first в любом проекте можно использовать? Предположим у меня только десктоп версия в PSD, мне все-равно можно сначала мобильную сделать? Я использую сетку bootstrap, получается слишком много классов, которые при подходе desktop-first писать не обязательно(например .col-lg-xs, а так получается, что везде придется от .col-xs-$ до .col-lg-$ писать). Читал у Дэна Сэдерхольма, что mobile first не всегда удобен. А как твой личный опыт говорит? Может чушь все это, и desktop-first умер? 3) Точно ) так и сделаю. Пробовал удалять, но выскакивает ошибка, что импорта нет...оно и правильно, я не прописывал отдельно путь к изображению, так как он от импорта прописывается. Теперь понял, буду вручную прописывать, в таком случае закомментить самое оно.
Алекс Спэйс конечно же не всегда удобно использовать mobile-first, но это дело привычки (это хорошая привычка) и зачем делать сайты без мобильной версии, это моветон же? Мне опыт подсказывает, что нужно делать везде, где того ползволяют деньги и время. Если за это не платят и это сильно дольше будет, то может быть и не обязательно. Но только привычка в данном случае важнее времени.
Здорово, в таком случае начинаю эту привычку нарабатывать. И так уже делаю адаптивную верстку на автомате, даже когда не заказывают, бонусом. Так что твой взгляд мне очень близок. Еще раз большое спасибо, жду новых видосов!
+uWebDesign не использовал его. Во-первых по тому что не знал что он есть (только из этого видео узнал что он существует). Во-вторых все таки самая распиареная тулза для less это Winless. А Koala нашел как замену Winless, когда сидел на линуксе Вообще Gulp настроенный тоже неплох. Единственное за что не люблю его - слушание файла прекращается при ошибке компиляции файла и приходится заново все запускать) Да и постоянно нужен терминал на виду, былоб 2 моника, то нет проблем, но моник увы один. Все хочу попробовать SCSS в реальном большом проекте, так как в less очень не хватает условных выражений(может я их просто не нашел???).
Препроцессор sass с синтаксисос scss имею ввиду. sass-scss.ru/guide/ если вам трубно найти разницу в синтаксисе между sass и scss. ведь автор не говорит о том что есть разные синтаксис.
После выражения "кудрявые скобки", сразу захотелось поставить лайк, поставил! =)
Я думаю этот канал очень перспективен, потому что вы делаете обзоры на более применимые и крутые технологии, чем большинство каналов на UA-cam, посвященных вебу) Спасибо вам большое!
Спасибо за комментари!
Огромное спасибо. Даже не знал, что ТАКОЕ БЫВАЕТ! Теперь буду изучать sass! Прямо сейчас скачаю его и настрочу что вы написали!
Иван Доброславин Не стоит. Крути less.
Почему Less?
Кстати да, почему less?
Ребят, кто знает почему less?
Понравилось, очень познавательно. Мягко говоря Удивлен такой технологией) Спасибо за урок!
Спасибо за комментарий! Смотри другие наши ролики, там тоже много всего интересного.
Да, да, этим сейчас и занимаюсь)
Шикарно, никакой воды нет, все по делу.
спасибо за комментарий! =)
Шикарно! все понятно и просто! без лишней воды! Спасибо
поставьте скорость на 1.25 и можно смотреть
+Адильхан Абдисаметов можно смело 1.5.
+Адильхан Абдисаметов спасибо, совсем забыл, что есть возможность просмотра в ускоренном режиме, поднял себе настроение при просмотре на скорости 0.5 =)
Спасибо, на 1,25 реально веселее стало
1.5 !
Чувак, я не знаю кто ты и что ты, я случайно нашел твое видео, но большое тебе спасибо!!!!!! Я только начинаю вливаться в верстку и веб вообще и теперь многое прояснилось
Спасибо за комментарий! Следи за нами здесь: vk.com/uwebdesign и здесь: uwebdesign.ru.
Чувак, уже ;)
В этот четверг будет видос про Sass, аналитика о том, куда двигается препроцессор, к чем готовиться и так далее.
Guys, guys, guys! Скорей смотрите новый скринкаст на тему препроцессора #SASS, таких приколов вы не видели! Наконец-то вы научитесь нормально писать код на трендовом #Sassscript и #CSS и будете получать много удовольствий от самого процесса! Чек ит!
Лучший урок по сасс на русском из всех.
+Ildar Zakirov спасибо! =)
Спасибо, хороший урок!
+Святошинский район (Святошинський р-н) пожалуйста!
Спасибо за видео !
+Владимир Голубь пожалуйста! Всегда рады стараться. =)
Спасибо, очень понятно объясняете.
+Анастасия Фиголь пожалуйста! 😊
твой инглиш из перфект) спасибо за урок
+Андрій Тимченко спасибо! =)
Даааа... )) Про Compass хотелось бы. Но еще больше - про Bourbon и Susy, совсем не знаком (в отличие от Compass) с ними. Сравнение и возможности.
Еще хотелось бы спрайты и grid в Compass как делать )) А также что такое вертикальный ритм и как его делать в Compass ))
Про Bourbon будет нескоро, но будет. про Susy - обязательно, про версию 2.0 в которой очень много пререботали.
Гриды в компасе не видел, для этого как раз Susy и есть. А про вертикальный ритм и как делать в компасе - моя любимая тема! :D
uWebDesign тем более! раз любимая, значит хорошо ее знаешь. поделись своими знаниями с теми, кто этого не знает, но хочет знать. например, я ))
ждем-с с нетерпением ))
Здравствуйте.
Подскажите пожалуйста, что все же лучше использовать SASS или LESS, и в каких случаях? Возможно у Вас есть видеобзор с сравнениями (я не нашел), я думаю эта тема будет интересна не только мне.
Заранее спасибо, очень ценю Ваш канал и ту работу которую вы перелопачиваете для своих подписчиков!
+Artyom Sv спасибо за добрые слова!
По большому счету, сейчас они равнозначны, но для Sass намного больше фреймворков и комьюнити-информации.
+uWebDesign спасибо большое )) Вчера сидел, разбирался)
Скажите, нет ли у Вас в задумке заданий, которые ваши подписчики могут делать, совместно обсуждать, а вы, в свою очередь, давать рекомендации (с точки зрения практики) относительно тех или иных вопросов ? ;))
Artyom Svinin в задумке много чего есть, но из-за того, что приходится работой коммерческой еще заниматься (семью кормить) не хватает времени на все такие задумки. Могу только обещать, что дальше - больше. Подписывайся и рассказывай друзьям!
+uWebDesign Понял, спасибо )
Буду рассказывать, жаль, что друзья немного в другой сфере работают ))
Спасибо Вам еще раз, за Ваши старания!
"хувер", "амперсенд". От такого произношения уши в трубочку заворачиваются...
Спасибо за видео, пока что нового ничего для себя не узнал, но думаю это изменится в следующих роликах. В будущем пожалуйста немного готовьтесь перед записью, тогда думаю сможете в 2 раза сократить время ролика, 40 минут все же многовато, оптимальный вариант 20 минут.
это я еще подготовился! =) но да, со временем получится короче. этот ролик был направлен на основы, поэтому нового для опытных пользователей здесь не предвиделось. спасибо за комментарий! =)
uWebDesign Еще 2 момента: пример лучше показывать на сложных случаях, в случае с mixin, то нужно было показать пример работы с передачей переменных; второй момент - на sassmeister есть поддержка Emmet, включается в настройках "Enable Emmet support".
воу, про Emmet не знал, спасибо. =) А про миксины с переменными, я показал на 25:50!
причем Sassmeister только что написали в твиттере про добавление поддержки Emmet, цветовых тем и поддержку Vim горячих клавиш.
twitter.com/sassmeisterapp/status/445913188257648642
twitter.com/sassmeisterapp/status/445913261137870850
twitter.com/sassmeisterapp/status/445913460354727938
Спасибо за видео!
Для чего нужен синус в Sass?
Использование довольно прямолинейное и частое в обычном дизайне.
Прошу подсказать.
Синус? Тригонометрический?
Привет Саня, начал изучать Sass с нуля, хотел бы посмотреть обзор на приложение Prepros т.к. им пользуюсь, хотел бы знать все фишки (еще интересует вопрос, можно ли настроить компас в этом приложении?), большое Спасибо!
Да ничего там сверхестественного нету. Просто настроить и всё. У меня этого приложения нет, поэтому обзора тоже нет.
C Extend все ясно, объсяни пожалуйста разницу между Mixin и Placeholder?
+Jeka J плейсхолдер это, говоря аналогиями из ООП - абстрактный класс. Который можно только extend-ить, так что фактически это и есть extend, только "тихий".
расскажите больше про стилус
Жду циклы в следующем видео!
Ребят, пожааалуйста ;)
Обязательно! В этот понедельник. =)
Пиши ещё, тёска)
+Александр Принципат пишем! =) Спасибо за отзыв.
+uWebDesign Не за что, а про PostCSS будет? А то что-то он взорвал, в гугл и твиттер уже его юзают, 5-й бутстрап говорят будет на нём писать.
Александр Принципат какой-то обзор обязательно будет, но использовать в работе я его пока не планирую.
Ребята, очень толковые уроки. Но очень не хватает каналу плейлистов. Очень напрягает перелопачивать всю кучу ваших видеозаписей в поисках нужной каждый раз. Можно же хоть чуть-чуть позаботится о своих зрителях и разбить записи хотя-бы по приблизительной тематике? Это ведь не составит большого труда, но зрители скажут огро-о-о-омное спасибо, а общая популярность канала возрастет, я уверен.
Дмитрий Ярошенко спасибо за совет, даже не думали. Завтра сделаю! =)
Запишите видео на 24 часа пожалуйста
+Jack Rihner на какую тематику?
Обзор понравился) Надеюсь перейти в ближайшее время на модульность в проектах сейчас использую //*class-name/*/ такие комментарии в одном файле css и поиском....) Храню инфу в голове и постоянно похожие названия для классов использую)
+Константин Обухов об этом можешь посмотреть вот этот ролик: uwebdesign.ru/bem-smacss/, там как раз про именование классов и организацию проектов.
Спасибо!
+Константин Отпущенников за отзыв спасибо!
Немножко напрягает иногда бубнение))
А так молодцы
спасибо за отзыв! будем стараться не бубнить! :D
Помсотрел, emmet уже поддеживается.
+byby by ну тут видосу то уже пару лет.
Я не понимаю, почему все так упорно с сасс, но не стилус. Особенно nodejs ребята, где, казалось бы, поставил и пользуйся. Да и не могу заставить себя после стилуса писать " : ". Хотя в целом почти идентичные языки.
Очень близко к настоящему CSS, для тех, кто глубоко учил фундаментальные основы - более простой и понятный порог входа. Кроме этого - для Sass комьюнити сделало намного больше контента.
По compas бы обзор!
Есть такие обзоры: ua-cam.com/video/jWKcPW5rXmo/v-deo.html, ua-cam.com/video/Leert-TnSSg/v-deo.html, ua-cam.com/video/arQhD9Jc81M/v-deo.html.
Хувер :)
+TaWReOn а как правильно? =)
За почти три года, как шагнули в подаче информации
+Руслан Семенов да уж. =)
нормально.
Спасибо за урок, Саня! Делаю тестовый проект, чтобы прочувствовать Sass+compass, появляются вопросы. Буду рад, если ответишь.
1) Директива@extend,как оказалось, наследует даже медиа запросы, которые наследовать категорически не нужно. Как этого избегать? Или при адаптивной верстке наследование через@extendне рекомендуется не использовать?
2) Так же при адаптивной верстке проблемы с приоритетами стилей. В desktop версии кнопка скрыта, а при max-width:992px должна быть display:block; Но она не появляется, так как приоритеты благодаря вложенности стилей для desktop версии выше. Вот код: jsfiddle.net/AlexSpace/9arumwfq/ Как быть? Что-то делаю не так?
3) Можно отключить процесс создания спрайтов в Compass, если они уже сделались? Работаю через Gulp и каждый раз, когда сохраняю документ, они делаются заново... зачем постоянно их создавать? =) Тем самым livereload на 3 секунды дольше думает, перед тем как обновить страницу. Как в такой ситуации поступить?
Пожалуйста, всегда рад! =)
1) Если ты используешь mobile-first паттерн и SMACSS, то у тебя не возникнет таких казусов. Если тебе категорически не нужно наследовать медиа-запросы, то значит ты неверно используешь@extend.Наследуй что-то более абстрактное.
2) Опять же - используй mobile-first, за этим сила. По дефолту она включена, а на больших экранах - выключай.
3) Закомментируй создание спрайтов, он старые не удалит же, и раскомментируй когда нужно будет реально обновить.
uWebDesign
Большое спасибо за оперативные ответы!
1) Понял, пересмотрю свой подход к наследованию.
2) Mobile-first в любом проекте можно использовать? Предположим у меня только десктоп версия в PSD, мне все-равно можно сначала мобильную сделать? Я использую сетку bootstrap, получается слишком много классов, которые при подходе desktop-first писать не обязательно(например .col-lg-xs, а так получается, что везде придется от .col-xs-$ до .col-lg-$ писать). Читал у Дэна Сэдерхольма, что mobile first не всегда удобен. А как твой личный опыт говорит? Может чушь все это, и desktop-first умер?
3) Точно ) так и сделаю. Пробовал удалять, но выскакивает ошибка, что импорта нет...оно и правильно, я не прописывал отдельно путь к изображению, так как он от импорта прописывается. Теперь понял, буду вручную прописывать, в таком случае закомментить самое оно.
Алекс Спэйс конечно же не всегда удобно использовать mobile-first, но это дело привычки (это хорошая привычка) и зачем делать сайты без мобильной версии, это моветон же? Мне опыт подсказывает, что нужно делать везде, где того ползволяют деньги и время. Если за это не платят и это сильно дольше будет, то может быть и не обязательно. Но только привычка в данном случае важнее времени.
Здорово, в таком случае начинаю эту привычку нарабатывать. И так уже делаю адаптивную верстку на автомате, даже когда не заказывают, бонусом. Так что твой взгляд мне очень близок. Еще раз большое спасибо, жду новых видосов!
Алекс Спэйс все будет! =) Спасибо за комментарии.
Koala кстати говоря не очень адекватно локализует ошибку.
+Александр Логинов беда =( бесплатный софт он такой.
+uWebDesign Ну я теперь его использую только для минификации js, а для css использую winless))) он в этом плане более адекватен.
Александр Логинов а prepros?
+uWebDesign не использовал его. Во-первых по тому что не знал что он есть (только из этого видео узнал что он существует). Во-вторых все таки самая распиареная тулза для less это Winless. А Koala нашел как замену Winless, когда сидел на линуксе Вообще Gulp настроенный тоже неплох. Единственное за что не люблю его - слушание файла прекращается при ошибке компиляции файла и приходится заново все запускать) Да и постоянно нужен терминал на виду, былоб 2 моника, то нет проблем, но моник увы один. Все хочу попробовать SCSS в реальном большом проекте, так как в less очень не хватает условных выражений(может я их просто не нашел???).
+Александр Логинов вроде бы ветвления (условия) добавили в итоге в LESS, но я не использовал.
спасибо, вы сделали мир лучше :)
только 'хувер' и 'амперсенд' режет слух.
ˈhəvər - хове'р'
ˈampərˌsand - амперсанд
Давно это было, нас уже поправляли в других местах. Что касается «хувер» - это умышленный «русизм». А про «амперсенд» - был неумышленный.
я бы сказал, что гувер даже лучше звучит
произношение некоторых терминов неправильное (хувер, амперсенд....), ну да пофиг, не плохой урок в целом, спасибо.
Сема Богданов спасибо за комментарий! =)
+Сема Богданов как правильно?
1.5 норм
Скорость то? =)
угу, после этого все так смотрю, экономит время)
Random English comment....
+i11_1i11 i11_1ii1 sup! How did you manage to get to this video?
+uWebDesign
Typed variables in UA-cam and your video came up.
+i11_1i11 i11_1ii1 you can still use docs for the reference: sass-lang.com/documentation/file.SASS_REFERENCE.html variables and datatypes.
Блин, такой голос усталый 😔 Парень, отдохни)
+Swifter это один из первых роликов на Канале, уже давно отдохнул. =)
uWebDesign 😊👍
Всё хорошо, а если бы говорили чуть быстрее, было бы ещё лучше. Медленная речь раздражает.
Давно это было, теперича быстрее говорим, посмотри последние ролики.
О каком sass тут идет речь? у вас ведь scss, мда ...
Поведайте разницу
Препроцессор sass с синтаксисос scss имею ввиду. sass-scss.ru/guide/ если вам трубно найти разницу в синтаксисе между sass и scss. ведь автор не говорит о том что есть разные синтаксис.
+Taylor Derden ролик про весь препроцессор, в качестве примера выбран синтаксис scss.
Не смог долго смотреть. Очень много не нужной информации.
Давно это было.