Господи,ты просто богоподобен, Ты в этом видео рассказал что такое и как использовать бустрап грид,как использовать сасс,как запускать лайф синк,фишка с ctrl+shift+j так вообще убила. Потом фишка с transform scale (0) в before и в (1) в hover. Просто Огромное спасибо. Что так подробно и так четко излагаешь детали верстки. За 30 минут видео я познал больше чем трачу на самостоятельное гугление по 2 часа.
с бутстрапом работаю давно, а вот посмотреть как оптимизировать работу над проектом было не просто познавательно, но и критично необходимо с моей стороны. После просмотра, понял, что давно вообще не уделял времени этому вопросу. Теперь воочию понял, что я полный нуб. Автору жирный лайкос!
Вы лучше всех объясняете, большое Вам спасибо за уроки, с нетерпением ждем продолжения данной темы по bootstrap 4... Еще раз, огромное Вам спасибо! Удачи Вам во всём!
Просто НЕВЕРОЯТНО СКОЛЬКО всего НОВОГО я узнал с одного твоего видео, ещё и всего за 30 минут. Вот это подача материала! Благодарю, аплодируя! Ещё бы такой же информативный урок по Gulp-у :) Продолжай в том же духе, и канал быстро вырастит!
Смотрел многие видосы на youtobe... Пожалуй соглашусь с комментариями. Внятно и доходчиво излагает автор. Разбирает и поясняет каждый этап. Не приходится додумывать/разбираться - в тех моментах, где у тебя пробелы знаний. Очень приятно и легко слушать, я даже сказал бы завораживающе :) Чувствуется подготовка, ответственность перед зрителями и профессионализм. Человеческое спасибо автору! Не разочаруйте! Смотрим дальше ....
Только начал знакомство с sass и уже не получается))) Если же у Артема синтаксис подчеркивается и происходит компиляция, то у меня весь sass файл просто белая надпись. Может подскажете чайнику?
нужно поменять синтаксис на scss в саблайме это так prntscr.com/i7n1qe причем, необходимо выбрать окно с style.scss и там менять синтаксис. Он будет действовать только на то окно. Поэтому можно одновременно кодить в разных окнах с разными синтаксисами
30:51 Спасибо!!!! Очень сильно мне жизнь упростил!!)) Зашел про Flexbox посмотреть, а тут такое)))) Сразу поставил Sublime Text, до этого пользовался Notepad++. Познакомился с новым Bootstrap`ом. До этого я и понятия не имел про SASS, browser-sync, подглядел transform`ы! Нет слов, одни благодарности!!!)))) Лично для меня очень полезное видео! Смотрим дальше ;)
Вопрос. Почему сразу не использовать hover, игнорируя after? Ведь такого результата можно достигнуть используя только ховер и это облегчит код на немного. Или я не совсем понял как это работает 27:00
Решение проблем с программой Koala для новичков 1. Ошибка invalid byte sequence in UTF-8. Убедитесь, что устанавливаете прогу из-под пользователя Windows не имеющего кириллических символов. Имя пользователя должно быть написано английскими буквами (и без знаков), иначе при начале компиляции будет выдавать такую ошибку. Решение - танцы с бубном по перемене имени пользователя в документах диска С. Можете загуглить видео "Как переименовать папку пользователя Windows 10" очень помогло. 2. Множество ошибок при входе в программу. Убедитесь что программа установлена на диск С. Если нет - переустановить на С
Доброго времени суток! Спасибо за мастер-класс. Для использования rem удобно установить размер шрифта для html в 62,5%. Так как размер базового шрифта в браузерах равен 16px, 62,5% от него = 10px. Таким образом получается: 1em = 10px, 1,2em = 12px, 2em = 20px и т.д.
Добрый день! Большое спасибо за видео,много интересного подчерпнул для себя. А правильно-ли будет если каждый элемент меню заключить в отдельный col,и при адаптиве каждому прописать своё значение?
Я так понимаю что полностью использовать bootstrap со всеми его скриптами и стилями проблематично в системе Wordpress? В частности в бутстрап уже есть готовое решение для адаптивной навигации: гамбургер, дропменю и т.д. Они работать не будут под вордпресс?
мне интересно почему отступы и прочее в пикселях то. они вроде уже ушли с моды нет? Есть разные vw, vh, %, em. и тдп. а когда екран по меньше. то это может сыграть злую шутку, разве нет?
Используйте NPM и его модули. И лучше бы это был gulp. Хотя-бы для того, что-бы любой мог после выгрузки исходников выполнить две простые команды - `npm i && npm start`, и начать работать с проектом.
Такая проблема, все сделал в точности как на видео но все почему-то имеют ширину в 100px, а имеет ширину по длине текста . Подскажите пожалуйста как исправить.
Кто может подсказать почему в vs code когда пытаюсь обернуть список (комбинация ctrl+shift+g) ставлю * она не срабатывает оборачивает весь список одним тегом , а не каждый элемент отдельно. Или это в vs code не действует, вроде emmet одинаковый что для vs code, что для sublime text.
А почему не стали использовать навигацию, предлогаемою boostrap 4? Сославшись на дальнейшую работу с WP. Чем это могло помешать? Я реально спрашиваю на будущее, без подвоха, если что)
Очень нужная серия видео роликов! Ждем продолжения! 16:30 - получается класс container по умолчанию 1170px? 18:00 - правильно я понимаю что в данном случае мы пока рассматриваем только размеры экрана ≥768px и над responsive еще надо будет поработать? 19:50 - шикарная фича! Спасибо за видео!
Хороший урок. Конечно, в плане "показать инструменты". Но по части быстрой вёрстки - без этих инструментов за эти же полчаса можно было сверстать всю страницу целиком вместе с адаптивом.
У меня как бы таже тема Afterglow-orange.sublime-theme и "color_scheme": "Packages/Theme - Afterglow/Afterglow-monokai.tmTheme" делал по твоему уроку, выглядит так же за исключением цвета переменной, у меня она белая, вид как то не очень у тебя смотрю оранжевая. Как поменять цвет, или установить его, весь гугл перерыл только бред какой то. Спс заранее.
Приветствую ! Отличное видео ! Было бы не плохо , если бы показал как подключать шрифты в Sass ) У меня с этим полная проблема пошла , гуглил много , но ... Что-то я делаю не так ...
Именно в sass файлах нет выбора сокращённых записей, т.е. к примеру bgc не высвечивает что это back ground color и при установленной теме after glow orange значение и цвет самих переменных тоже только в sass файлах пишет белым цветом... как это реализовано?
7:05 Раньше я бы спросил, а зачем вообще подключать jquery по CDN, если можно сразу подключить из нашей папки? Но теперь я знаю ответ на этот вопрос - с большой вероятностью все эти библиотеки уже есть в кеше браузера (после посещения кучи других сайтов, которые используют jauery), и тогда вообще не придется ничего загружать)
привет в Koala ошибка : D:\magazine\sass\main.sass ArgumentError:invalid byte sequence in utf-8 Use -- trace for backtrace не подскажите что я не так сделал?
Год занимаюсь коммерческой версткой, но, на удивление, многое подчерпнул для себя. Спасибо за информацию про Авакод и бутстрап 4. Не боитесь использовать флекс? Спасибо за дублирование комманд для Windows.
Не боюсь использовать флексы, потому что это не коммерческий заказ, а пример для ютуба. Меня давно просили показать работу флексов на примере. Реальный заказ я делал по данному макету на флоатах
Только начал знакомство с sass и уже не получается))) Если же у Артема синтаксис подчеркивается и происходит компиляция, то у меня весь sass файл просто белая надпись. Может подскажете чайнику?
Привет! Подскажи, пожалуйста! В ходе работы появилась проблема, ставлю как на 27:47 &_menu и у меня не срабатывают свойства. Решил эту проблему написанием: & .menu, теперь подкласс заработал, но я не могу никак написать свойства для тега, в моём случае ссылки (a). Когда я прописываю свойства для тега a(или для любого другого), то при компиляции в css он игнорирует тег и свойства прописываются в родительский класс. Ох, намудрил я с описанием) Прилагаю два скриншота: 1) SASS prntscr.com/k4jo43 2)CSS на выходе prntscr.com/k4jopr
интеграция цветов из _colors.sass не работает. компилятор коала компилирует с ошибкой C:\project\sass\main.sass Error: Indentation can't use both tabs and space. on line 2 of C:/project/sass/_colors.sass from line 1 of C:\project\sass\main.sass Use --trace for backtrace.
короче проверил через phpstorm компиляция проходит успешно. через subline text не фурычит кто знает, в чем проблема синтаксис стоит в саблайне scss ставил наоборот - sass, не помогло.
В авокоде можно настроить папку для экспортирования файлов, очень удобно. Но размеры он выдает приблизительные, поэтому макет все равно нужно сверять по pixelperfect. Очень интересно узнать параметры твоего мака, уж очень шустро работает. Или ты немного видео ускорил?
TheBuzzJazz Все что работает на macOS и iOS летает шустро, потому что ось не захламленная, но и потанцевать с бубном придется, не привычно будет. Мак идеален для работы, лучше Вы просто не найдете
Отличное видео, ждал с момента объявления марафона) Хотел бы узнать, а почему перед "after" ставится двойное двоеточие. Также, можно ли было не писать text-decoration второй раз, когда Вы уже его обозначили для всего тега "a". Ну и последнее, сдвиг по оси Y сначала 37, потом 38 - опечатка?
::after - это псевдоэлемент, а перед псевдоэлементами ставится два двоеточия. Перед псевдоклассами, типа :hover, ставится одно двоеточие. Хотя работать будет и так и так.
Всем привет!) Сделал все уроку, но у меня почему то ::after применилось дважды к элементам меню, начиная со 2 - take.ms/p2vkW. Подскажите пожалуйста, что не так
Господи,ты просто богоподобен,
Ты в этом видео рассказал что такое и как использовать бустрап грид,как использовать сасс,как запускать лайф синк,фишка с ctrl+shift+j так вообще убила.
Потом фишка с transform scale (0) в before и в (1) в hover.
Просто Огромное спасибо.
Что так подробно и так четко излагаешь детали верстки.
За 30 минут видео я познал больше чем трачу на самостоятельное гугление по 2 часа.
Познакомил с нереальным инструментом - авакод.
Рад стараться!
Действительно уровень бога! Ведь чтобы разобраться в документации к библиотеке нужно быть маститым верстальщиком...
ctrl+shift+g
ctrl-shift-G
Шикарный марафон! Много полезных фишек! Даже на платных курсах не всегда подают столь актуальную инфо. СПАСИБО автору!!!
--Тайминг--
0:00 вступление Sass, Bootstrap 4
1:11 создаем директорию и все раб. файлы
2:24 компилятор Koala
3:00 стартовый snippet html
3:55 пояснение тегов snippet-a
5:03 подключение Bootstrap Grid
6:03 -фича с подключением jquery скрипта-
6:37 скачиваем jquery.min.js
7:50 avocode servis
10:34 присваиваем цвета в переменные
13:11 подключение шрифтов goole-fonts
13:11 запускаем browser sync
15:41 верстка навигации шапки
16:10 -фича с комментированием последней строки в html-
17:40 прописываем классы по Bootstrap 4
19:36 -фича с Ctrl+Shift+G-
20:52 оформление навигации в css
23:20 авто ширина в Bootstrap 4
24:20 justify-content-between
25:05 align-items-center
25:50 оформление ссылок
26:21 подчеркивание при hover
29:14 объяснение свойства transform:translate
--END--
30:31 Подписываемся, ставим лайки, рассказываем друзьям, оставляем комментарии под видео.)
Чувак, ты просто лучший. Обычно я редко пишу комменты, но как же ты все отлично доносишь. Изучаю веб недавно, но благодаря тебе очень быстро. Спасибо.
Ну как дела брат? Далеко продвинулся? Уже выполняешь заказы?
с бутстрапом работаю давно, а вот посмотреть как оптимизировать работу над проектом было не просто познавательно, но и критично необходимо с моей стороны. После просмотра, понял, что давно вообще не уделял времени этому вопросу. Теперь воочию понял, что я полный нуб. Автору жирный лайкос!
Вы лучше всех объясняете, большое Вам спасибо за уроки, с нетерпением ждем продолжения данной темы по bootstrap 4... Еще раз, огромное Вам спасибо! Удачи Вам во всём!
Просто НЕВЕРОЯТНО СКОЛЬКО всего НОВОГО я узнал с одного твоего видео, ещё и всего за 30 минут. Вот это подача материала! Благодарю, аплодируя! Ещё бы такой же информативный урок по Gulp-у :) Продолжай в том же духе, и канал быстро вырастит!
Это самое лучшее видео!!!!!! За 2 вечера сделал свой сайт!!!!! Спасибо большое)
можете помочь один вопрос решить?
Артем, благодарю за урок, интересно и понятно рассказываешь. Для себя подчеркнул немало интересного. Так держать!
Вот очень бы хотелось пожать вам руку, очень вам благодарен за ценную и понятную информацию.
Автор настоящий профессионал! Приятно учиться. И тема как раз та что я очень долго искал!!! Спасибо!
Меня очень удивило работа с Avocode, очень просто и все доступно. За урок тоже благодарю
Самые лучшие уроки в youtube! Спасибо!
"|c" - как же мне этого не хватало. Спасибище)
Смотрел многие видосы на youtobe... Пожалуй соглашусь с комментариями. Внятно и доходчиво излагает автор. Разбирает и поясняет каждый этап. Не приходится додумывать/разбираться - в тех моментах, где у тебя пробелы знаний. Очень приятно и легко слушать, я даже сказал бы завораживающе :) Чувствуется подготовка, ответственность перед зрителями и профессионализм. Человеческое спасибо автору! Не разочаруйте! Смотрим дальше ....
Друзья, кому не сложно, сделайте пожалуйста комментарий со всеми временными отметками к этому видео. Буду очень благодарен!
Только начал знакомство с sass и уже не получается))) Если же у Артема синтаксис подчеркивается и происходит компиляция, то у меня весь sass файл просто белая надпись. Может подскажете чайнику?
нужно поменять синтаксис на scss в саблайме это так prntscr.com/i7n1qe
причем, необходимо выбрать окно с style.scss и там менять синтаксис. Он будет действовать только на то окно. Поэтому можно одновременно кодить в разных окнах с разными синтаксисами
30:51 Спасибо!!!! Очень сильно мне жизнь упростил!!)) Зашел про Flexbox посмотреть, а тут такое)))) Сразу поставил Sublime Text, до этого пользовался Notepad++. Познакомился с новым Bootstrap`ом. До этого я и понятия не имел про SASS, browser-sync, подглядел transform`ы! Нет слов, одни благодарности!!!)))) Лично для меня очень полезное видео! Смотрим дальше ;)
установи плагин sass
все норм в этом видео, просто почему все через пиксели? Это же не адаптивно...
Как раз sass учу. Многое стало на свои места. Благодарю
Большое спасибо за нереально интересный мастер-класс, продолжаю смотреть и беру кучу интересных штук на вооружение)
Артём, спасибо! Отличное видео, в интересном формате. Продолжайте в том же духе, с нетерпением ждём новых выпусков этой серии ;)
Автор просто лучший frontend :)
Круто. Спасибо за подробное объяснение.
Автор огромнейшее спасибо за труд и за такой качественный контент!!!
Лайк, подписка, колокольчик!
29:10 изменение времени срабатывания ссылки
Очень крутой эффект!
Спасибо! Я узнал много нового о scale, transition и о хитростях в sublime
Слушаю и у меня пачка отвисла. За 30 минут фишек столько, что хватать до конца моих дней:)
Топ контент!!
Огромное спасибо за эту серию уроков!!!
понравилось, просто и понятно. Спасибо.
Вопрос. Почему сразу не использовать hover, игнорируя after? Ведь такого результата можно достигнуть используя только ховер и это облегчит код на немного. Или я не совсем понял как это работает
27:00
Добрый ден, подскажи, а как сделать подсветку(оранжевым) переменных в сасс на Windows?
Большое спасибо за видео!!!
Очень интересно и полезно, много нового узнаю!
ты просто великолепен спасибо тебе продолжай в том же духе
Решение проблем с программой Koala для новичков
1. Ошибка invalid byte sequence in UTF-8. Убедитесь, что устанавливаете прогу из-под пользователя Windows не имеющего кириллических символов. Имя пользователя должно быть написано английскими буквами (и без знаков), иначе при начале компиляции будет выдавать такую ошибку.
Решение - танцы с бубном по перемене имени пользователя в документах диска С. Можете загуглить видео "Как переименовать папку пользователя Windows 10" очень помогло.
2. Множество ошибок при входе в программу. Убедитесь что программа установлена на диск С. Если нет - переустановить на С
Доброго времени суток!
Спасибо за мастер-класс. Для использования rem удобно установить размер шрифта для html в 62,5%. Так как размер базового шрифта в браузерах равен 16px, 62,5% от него = 10px. Таким образом получается: 1em = 10px, 1,2em = 12px, 2em = 20px и т.д.
Ты просто зверь.
Оч круто, подробно и понятно!
Артем ну ты крут, как всегда...
Какой плагин вы используете, чтобы не писать все div(ы) вручную? 15:55 и 16:13
Добрый день! Большое спасибо за видео,много интересного подчерпнул для себя. А правильно-ли будет если каждый элемент меню заключить в отдельный col,и при адаптиве каждому прописать своё значение?
Жостко... сколько ещё надо знать...
Отличное видео! Спасибо! Полезная и актуальная тема!
Я так понимаю что полностью использовать bootstrap со всеми его скриптами и стилями проблематично в системе Wordpress? В частности в бутстрап уже есть готовое решение для адаптивной навигации: гамбургер, дропменю и т.д. Они работать не будут под вордпресс?
Артем. приветствую. а есть ли возможность сделать развертывание полос не по горизонтали под элементами, а по вертикали и сбоку? (с 26:00)
мне интересно почему отступы и прочее в пикселях то. они вроде уже ушли с моды нет? Есть разные vw, vh, %, em. и тдп. а когда екран по меньше. то это может сыграть злую шутку, разве нет?
Используйте NPM и его модули. И лучше бы это был gulp. Хотя-бы для того, что-бы любой мог после выгрузки исходников выполнить две простые команды - `npm i && npm start`, и начать работать с проектом.
как в саблайме сделать перенос строки по нажатию на enter (без ctrl) ?
охеренно. как раз сейчас проект на bootstrap и sass
Такая проблема, все сделал в точности как на видео но все почему-то имеют ширину в 100px, а имеет ширину по длине текста . Подскажите пожалуйста как исправить.
Кто может подсказать почему в vs code когда пытаюсь обернуть список (комбинация ctrl+shift+g) ставлю * она не срабатывает оборачивает весь список одним тегом , а не каждый элемент отдельно.
Или это в vs code не действует, вроде emmet одинаковый что для vs code, что для sublime text.
А почему не стали использовать навигацию, предлогаемою boostrap 4? Сославшись на дальнейшую работу с WP. Чем это могло помешать? Я реально спрашиваю на будущее, без подвоха, если что)
Очень нужная серия видео роликов!
Ждем продолжения!
16:30 - получается класс container по умолчанию 1170px?
18:00 - правильно я понимаю что в данном случае мы пока рассматриваем только размеры экрана ≥768px и над responsive еще надо будет поработать?
19:50 - шикарная фича!
Спасибо за видео!
Dimitrios Gavriilidis адаптив будет в следующих видео.
Думаю давно все ждали такого рода марафоны, спасибо большое...
Артем, а какую тему в sb используешь?
Afterglow theme
Уаауу! За пол часа узнала больше чем за 3 месяца обучения. Хочу к вам на курсы!
Приходи)
Артём ! Ты крут.
Хороший урок.
Конечно, в плане "показать инструменты". Но по части быстрой вёрстки - без этих инструментов за эти же полчаса можно было сверстать всю страницу целиком вместе с адаптивом.
видео просто невероятно полезное!
Вопрос по семантике. Не будем использовать header footer aside?
Артем, подскажи пожалуйста, почему ты создаешь div.top-nav внутри контейнера перед row? Почему сам контейнер не вставляешь в этот div?
Не подскажете бесплатный аналог avacode?)
Очень классно, благодаря тебе узнал много нового, лайк)
Здравствуйте! Я все копирую как есть но все равно выдает ошибку Error: Undefined variable: "$body-bg". почему ?
По больше бы таких видео
Расскажите пожалуйста, я смогу осилить этот видеокурс, или нужно сначала освоить Bootstrap, Sass и тд?
Почему при верстке навигации не используются теги header и nav?
Чувак это шикарно!
Красава! Спасибо! Продолжайте пожалуйста!
Как всегда на высоте
есть класс list-unstyled для ul убирает стандартные стили
Что думаете на счет стартового шаблона для верстки от web design master? Почему не используете его?
Думаю, что он хорош. Но использую для работы свой шаблон.
я новый пользователь вашего канала, по-этому заранее извиняюсь. Но где можно найти ссылку на ваш шаблон, или вы его не распространяете?
Не распространяю, возможно скоро запишу по нему видео. Спасибо за идею!
надеюсь будет в скором будущем, спасибо за уроки очень познавательно
У меня как бы таже тема Afterglow-orange.sublime-theme и "color_scheme": "Packages/Theme - Afterglow/Afterglow-monokai.tmTheme" делал по твоему уроку, выглядит так же за исключением цвета переменной, у меня она белая, вид как то не очень у тебя смотрю оранжевая. Как поменять цвет, или установить его, весь гугл перерыл только бред какой то. Спс заранее.
Приветствую ! Отличное видео ! Было бы не плохо , если бы показал как подключать шрифты в Sass ) У меня с этим полная проблема пошла , гуглил много , но ... Что-то я делаю не так ...
Будет в этой серии видео
Скажите пожалуйста, в сублайм текст не работает emmet в sass файле, а в css работает. Но в install package не нашел нужного пакета.
Спасибо. Очень доступно.
Именно в sass файлах нет выбора сокращённых записей, т.е. к примеру bgc не высвечивает что это back ground color и при установленной теме after glow orange значение и цвет самих переменных тоже только в sass файлах пишет белым цветом... как это реализовано?
Хороший урок, ждем натяжки на WP
7:05 Раньше я бы спросил, а зачем вообще подключать jquery по CDN, если можно сразу подключить из нашей папки? Но теперь я знаю ответ на этот вопрос - с большой вероятностью все эти библиотеки уже есть в кеше браузера (после посещения кучи других сайтов, которые используют jauery), и тогда вообще не придется ничего загружать)
насколько я понимаю каждый сайт подгружает свои собственные версии jquery, а не один на всех.
Добрый день, будет ли видео, где Вы покажите, какой софт на маке используете для верстки?
На видео это видно же, нет?
Glo Academy Хотелось бы более подробно, приобрёл себе макбук, софт разный и вариаций достаточно. Интересно в любом случае было бы. Спасибо.
Glo Academy Так же интересно, будет ли на канале туториал по sass?
Спасибо
Аплодирую стоя, спасибо!
У меня $body-bg не определяется.
Куда копать?
а как ты задал точную ширину для блока меню с логотипом? там та у тебя было 1170px в макете, а в верстке сколько получилось, или как ты задал?
привет в Koala ошибка :
D:\magazine\sass\main.sass
ArgumentError:invalid byte sequence in utf-8
Use -- trace for backtrace
не подскажите что я не так сделал?
Хорошо рассказываете, подписался.
19:04 а обязательно div вставлять? нельзя просто img вставить?
тоже интересно - почему так?
Не обязательно. Можно просто вставить img
Вообще по канонам жанра нужно логотип вставлять в ссылку на всех страницах кроме главной.
Ссылка и логотип будут сделаны в Wordpress. Там есть функция для этого, поэтому я тут не заморачивался.
обязательно
спасибо большое тебе за твой труд! =)
Подскажите пожалуйста, как запретить SublimeText3 компилировать файл из scss в css. И как изменить путь где должен хранится скомпилирований файл.
Только уважение тебе 👍
Можно узнать название вашей цветовой темы в саблайм ?
Год занимаюсь коммерческой версткой, но, на удивление, многое подчерпнул для себя. Спасибо за информацию про Авакод и бутстрап 4.
Не боитесь использовать флекс?
Спасибо за дублирование комманд для Windows.
Не боюсь использовать флексы, потому что это не коммерческий заказ, а пример для ютуба. Меня давно просили показать работу флексов на примере. Реальный заказ я делал по данному макету на флоатах
Только начал знакомство с sass и уже не получается))) Если же у Артема синтаксис подчеркивается и происходит компиляция, то у меня весь sass файл просто белая надпись. Может подскажете чайнику?
нашли решение? у меня такая же проблема
Привет! Подскажи, пожалуйста! В ходе работы появилась проблема, ставлю как на 27:47 &_menu и у меня не срабатывают свойства. Решил эту проблему написанием: & .menu, теперь подкласс заработал, но я не могу никак написать свойства для тега, в моём случае ссылки (a). Когда я прописываю свойства для тега a(или для любого другого), то при компиляции в css он игнорирует тег и свойства прописываются в родительский класс. Ох, намудрил я с описанием) Прилагаю два скриншота: 1) SASS prntscr.com/k4jo43 2)CSS на выходе prntscr.com/k4jopr
Спасибо, хорошо рассказываешь
Добрый день. Большая просьба, заведите страничку в ФБ, а то вконтакте не все пользуються.
интеграция цветов из _colors.sass не работает. компилятор коала компилирует с ошибкой
C:\project\sass\main.sass
Error: Indentation can't use both tabs and space.
on line 2 of C:/project/sass/_colors.sass
from line 1 of C:\project\sass\main.sass
Use --trace for backtrace.
короче проверил через phpstorm компиляция проходит успешно.
через subline text не фурычит
кто знает, в чем проблема синтаксис стоит в саблайне scss ставил наоборот - sass, не помогло.
@@ilgoodman88 нашли решение этой проблемы? я тоже с этим столкнулся
Просто ТООООООПЧИК)
если с телефона смотреть, то пункты меню уходят в право, как сделать чтоб была кнопка и они выпадали?
Что делать если emmet не работает для sass, jquary и т.д., а работает только для HTML и CSS?
можешь сделать разбор по точкам с запятой в sass,у меня комп почему то не читает sass код,только scss.винда, визуал студио код
А плагин sass установлен? Как компилируешь его?
@@Glo_Academy как и ты,только коала стоит.ты не ставил никаких плагинов еще?можешь на визуал студио код посоветовать что то?
Амыр Челоков для vs code есть плагин live sass compiler. Никакая коала не нужна на vs code
В авокоде можно настроить папку для экспортирования файлов, очень удобно. Но размеры он выдает приблизительные, поэтому макет все равно нужно сверять по pixelperfect.
Очень интересно узнать параметры твоего мака, уж очень шустро работает. Или ты немного видео ускорил?
TheBuzzJazz Все что работает на macOS и iOS летает шустро, потому что ось не захламленная, но и потанцевать с бубном придется, не привычно будет. Мак идеален для работы, лучше Вы просто не найдете
Тимур Исламов да я сам маковод, но мой макбук 12го года тупит, авокод загружает макет тыщу лет, поэтому удивился скорости в видео.
Скорее всего дело в наличии ssd диска
Отличное видео, ждал с момента объявления марафона) Хотел бы узнать, а почему перед "after" ставится двойное двоеточие. Также, можно ли было не писать text-decoration второй раз, когда Вы уже его обозначили для всего тега "a". Ну и последнее, сдвиг по оси Y сначала 37, потом 38 - опечатка?
::after - это псевдоэлемент, а перед псевдоэлементами ставится два двоеточия. Перед псевдоклассами, типа :hover, ставится одно двоеточие. Хотя работать будет и так и так.
У меня есть опечатки и ошибки, этого не избежать в работе. Все что вижу - стараюсь фиксить на месте)
Ещё вспомнил кое-что, когда раскрыли сниппет старт, то в скрипте подгрузки библиотеки jQuery с сервера нужно убирать "\" в закрывающем теге или нет?
нет
Всем привет!) Сделал все уроку, но у меня почему то ::after применилось дважды к элементам меню, начиная со 2 - take.ms/p2vkW. Подскажите пожалуйста, что не так