#1. Верстка шапки сайта под Wordpress на Bootstrap 4 + Sass | Реальный заказ.

Поділитися
Вставка
  • Опубліковано 22 гру 2024

КОМЕНТАРІ • 328

  • @535d3
    @535d3 7 років тому +89

    Господи,ты просто богоподобен,
    Ты в этом видео рассказал что такое и как использовать бустрап грид,как использовать сасс,как запускать лайф синк,фишка с ctrl+shift+j так вообще убила.
    Потом фишка с transform scale (0) в before и в (1) в hover.
    Просто Огромное спасибо.
    Что так подробно и так четко излагаешь детали верстки.
    За 30 минут видео я познал больше чем трачу на самостоятельное гугление по 2 часа.

    • @535d3
      @535d3 7 років тому +2

      Познакомил с нереальным инструментом - авакод.

    • @Glo_Academy
      @Glo_Academy  7 років тому +8

      Рад стараться!

    • @alexeydidenko9922
      @alexeydidenko9922 6 років тому

      Действительно уровень бога! Ведь чтобы разобраться в документации к библиотеке нужно быть маститым верстальщиком...

    • @ankotube
      @ankotube 6 років тому +1

      ctrl+shift+g

    • @sia4281
      @sia4281 6 років тому

      ctrl-shift-G

  • @ninalukashenko2622
    @ninalukashenko2622 6 років тому

    Шикарный марафон! Много полезных фишек! Даже на платных курсах не всегда подают столь актуальную инфо. СПАСИБО автору!!!

  • @ИванИванов-ж8я1ц
    @ИванИванов-ж8я1ц 7 років тому +18

    --Тайминг--
    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 Подписываемся, ставим лайки, рассказываем друзьям, оставляем комментарии под видео.)

  • @eugenbondarev4086
    @eugenbondarev4086 6 років тому +2

    Чувак, ты просто лучший. Обычно я редко пишу комменты, но как же ты все отлично доносишь. Изучаю веб недавно, но благодаря тебе очень быстро. Спасибо.

    • @3s997
      @3s997 6 років тому

      Ну как дела брат? Далеко продвинулся? Уже выполняешь заказы?

  • @blackfmiry
    @blackfmiry 4 роки тому

    с бутстрапом работаю давно, а вот посмотреть как оптимизировать работу над проектом было не просто познавательно, но и критично необходимо с моей стороны. После просмотра, понял, что давно вообще не уделял времени этому вопросу. Теперь воочию понял, что я полный нуб. Автору жирный лайкос!

  • @SergeyGuryanov
    @SergeyGuryanov 6 років тому +1

    Вы лучше всех объясняете, большое Вам спасибо за уроки, с нетерпением ждем продолжения данной темы по bootstrap 4... Еще раз, огромное Вам спасибо! Удачи Вам во всём!

  • @MagnetWoW
    @MagnetWoW 6 років тому +5

    Просто НЕВЕРОЯТНО СКОЛЬКО всего НОВОГО я узнал с одного твоего видео, ещё и всего за 30 минут. Вот это подача материала! Благодарю, аплодируя! Ещё бы такой же информативный урок по Gulp-у :) Продолжай в том же духе, и канал быстро вырастит!

  • @Den4ikEdition
    @Den4ikEdition 6 років тому +1

    Это самое лучшее видео!!!!!! За 2 вечера сделал свой сайт!!!!! Спасибо большое)

  • @dkdragon777
    @dkdragon777 6 років тому +1

    Артем, благодарю за урок, интересно и понятно рассказываешь. Для себя подчеркнул немало интересного. Так держать!

  • @Griml0ck-D6
    @Griml0ck-D6 6 років тому +1

    Вот очень бы хотелось пожать вам руку, очень вам благодарен за ценную и понятную информацию.

  • @maxkrutov39
    @maxkrutov39 6 років тому

    Автор настоящий профессионал! Приятно учиться. И тема как раз та что я очень долго искал!!! Спасибо!

  • @lazylemur7761
    @lazylemur7761 7 років тому +1

    Меня очень удивило работа с Avocode, очень просто и все доступно. За урок тоже благодарю

  • @АлексейМайер-с7е
    @АлексейМайер-с7е 7 років тому +4

    Самые лучшие уроки в youtube! Спасибо!

  • @mariiamoiseienko7710
    @mariiamoiseienko7710 6 років тому +2

    "|c" - как же мне этого не хватало. Спасибище)

  • @lexand842
    @lexand842 6 років тому +1

    Смотрел многие видосы на youtobe... Пожалуй соглашусь с комментариями. Внятно и доходчиво излагает автор. Разбирает и поясняет каждый этап. Не приходится додумывать/разбираться - в тех моментах, где у тебя пробелы знаний. Очень приятно и легко слушать, я даже сказал бы завораживающе :) Чувствуется подготовка, ответственность перед зрителями и профессионализм. Человеческое спасибо автору! Не разочаруйте! Смотрим дальше ....

  • @Glo_Academy
    @Glo_Academy  7 років тому +11

    Друзья, кому не сложно, сделайте пожалуйста комментарий со всеми временными отметками к этому видео. Буду очень благодарен!

    • @samnugmanov
      @samnugmanov 7 років тому

      Только начал знакомство с sass и уже не получается))) Если же у Артема синтаксис подчеркивается и происходит компиляция, то у меня весь sass файл просто белая надпись. Может подскажете чайнику?

    • @bipiwnik
      @bipiwnik 6 років тому +1

      нужно поменять синтаксис на scss в саблайме это так prntscr.com/i7n1qe
      причем, необходимо выбрать окно с style.scss и там менять синтаксис. Он будет действовать только на то окно. Поэтому можно одновременно кодить в разных окнах с разными синтаксисами

    • @Rinspeed778
      @Rinspeed778 6 років тому +2

      30:51 Спасибо!!!! Очень сильно мне жизнь упростил!!)) Зашел про Flexbox посмотреть, а тут такое)))) Сразу поставил Sublime Text, до этого пользовался Notepad++. Познакомился с новым Bootstrap`ом. До этого я и понятия не имел про SASS, browser-sync, подглядел transform`ы! Нет слов, одни благодарности!!!)))) Лично для меня очень полезное видео! Смотрим дальше ;)

    • @OwlBurst
      @OwlBurst 6 років тому

      установи плагин sass

    • @chingiz_mammadov
      @chingiz_mammadov 6 років тому

      все норм в этом видео, просто почему все через пиксели? Это же не адаптивно...

  • @userNerbat
    @userNerbat 4 роки тому

    Как раз sass учу. Многое стало на свои места. Благодарю

  • @СветланаТюкавина-х2б

    Большое спасибо за нереально интересный мастер-класс, продолжаю смотреть и беру кучу интересных штук на вооружение)

  • @krosYT
    @krosYT 7 років тому +1

    Артём, спасибо! Отличное видео, в интересном формате. Продолжайте в том же духе, с нетерпением ждём новых выпусков этой серии ;)

  • @mishasv1490
    @mishasv1490 5 років тому +1

    Автор просто лучший frontend :)

  • @СергейФомин-ъ5ж
    @СергейФомин-ъ5ж 2 роки тому

    Круто. Спасибо за подробное объяснение.

  • @dispute777
    @dispute777 7 років тому +6

    Автор огромнейшее спасибо за труд и за такой качественный контент!!!
    Лайк, подписка, колокольчик!

  • @SuperBlinchik
    @SuperBlinchik 6 років тому

    29:10 изменение времени срабатывания ссылки
    Очень крутой эффект!

  • @ramerram9426
    @ramerram9426 7 років тому +1

    Спасибо! Я узнал много нового о scale, transition и о хитростях в sublime

  • @igr3943
    @igr3943 5 років тому

    Слушаю и у меня пачка отвисла. За 30 минут фишек столько, что хватать до конца моих дней:)
    Топ контент!!

  • @ДенисШаповалов-в9о
    @ДенисШаповалов-в9о 7 років тому

    Огромное спасибо за эту серию уроков!!!

  • @ЮрийСоловьев-о2ш
    @ЮрийСоловьев-о2ш 3 роки тому

    понравилось, просто и понятно. Спасибо.

  • @nikolaykonnov7695
    @nikolaykonnov7695 4 роки тому

    Вопрос. Почему сразу не использовать hover, игнорируя after? Ведь такого результата можно достигнуть используя только ховер и это облегчит код на немного. Или я не совсем понял как это работает
    27:00

  • @DELFININO
    @DELFININO 5 років тому +1

    Добрый ден, подскажи, а как сделать подсветку(оранжевым) переменных в сасс на Windows?

  • @rondex5890
    @rondex5890 7 років тому

    Большое спасибо за видео!!!
    Очень интересно и полезно, много нового узнаю!

  • @bdigalievdaniyar501
    @bdigalievdaniyar501 7 років тому +1

    ты просто великолепен спасибо тебе продолжай в том же духе

  • @boolba96
    @boolba96 6 років тому +6

    Решение проблем с программой Koala для новичков
    1. Ошибка invalid byte sequence in UTF-8. Убедитесь, что устанавливаете прогу из-под пользователя Windows не имеющего кириллических символов. Имя пользователя должно быть написано английскими буквами (и без знаков), иначе при начале компиляции будет выдавать такую ошибку.
    Решение - танцы с бубном по перемене имени пользователя в документах диска С. Можете загуглить видео "Как переименовать папку пользователя Windows 10" очень помогло.
    2. Множество ошибок при входе в программу. Убедитесь что программа установлена на диск С. Если нет - переустановить на С

  • @alpha-dzhem
    @alpha-dzhem 6 років тому

    Доброго времени суток!
    Спасибо за мастер-класс. Для использования rem удобно установить размер шрифта для html в 62,5%. Так как размер базового шрифта в браузерах равен 16px, 62,5% от него = 10px. Таким образом получается: 1em = 10px, 1,2em = 12px, 2em = 20px и т.д.

  • @LeontinKremer-Development
    @LeontinKremer-Development 5 років тому +2

    Ты просто зверь.

  • @user-cheps
    @user-cheps 7 років тому +1

    Оч круто, подробно и понятно!

  • @andreykhalepov8260
    @andreykhalepov8260 6 років тому

    Артем ну ты крут, как всегда...

  • @dmitriysaxarov4133
    @dmitriysaxarov4133 6 років тому

    Какой плагин вы используете, чтобы не писать все div(ы) вручную? 15:55 и 16:13

  • @ВиКинг-ъ3и
    @ВиКинг-ъ3и 6 років тому

    Добрый день! Большое спасибо за видео,много интересного подчерпнул для себя. А правильно-ли будет если каждый элемент меню заключить в отдельный col,и при адаптиве каждому прописать своё значение?

  • @artprojectua540
    @artprojectua540 5 років тому

    Жостко... сколько ещё надо знать...

  • @wireinet
    @wireinet 7 років тому

    Отличное видео! Спасибо! Полезная и актуальная тема!

  • @vladimirpsy8755
    @vladimirpsy8755 3 роки тому

    Я так понимаю что полностью использовать bootstrap со всеми его скриптами и стилями проблематично в системе Wordpress? В частности в бутстрап уже есть готовое решение для адаптивной навигации: гамбургер, дропменю и т.д. Они работать не будут под вордпресс?

  • @freeSAM22
    @freeSAM22 6 років тому

    Артем. приветствую. а есть ли возможность сделать развертывание полос не по горизонтали под элементами, а по вертикали и сбоку? (с 26:00)

  • @Lynatik001
    @Lynatik001 5 років тому

    мне интересно почему отступы и прочее в пикселях то. они вроде уже ушли с моды нет? Есть разные vw, vh, %, em. и тдп. а когда екран по меньше. то это может сыграть злую шутку, разве нет?

  • @ArtemVerbat
    @ArtemVerbat 6 років тому +1

    Используйте NPM и его модули. И лучше бы это был gulp. Хотя-бы для того, что-бы любой мог после выгрузки исходников выполнить две простые команды - `npm i && npm start`, и начать работать с проектом.

  • @sergeysharapov5945
    @sergeysharapov5945 6 років тому +1

    как в саблайме сделать перенос строки по нажатию на enter (без ctrl) ?

  • @mylearn734
    @mylearn734 6 років тому +1

    охеренно. как раз сейчас проект на bootstrap и sass

  • @ВеликаяОтечественнаяВойна-ъ7е

    Такая проблема, все сделал в точности как на видео но все почему-то имеют ширину в 100px, а имеет ширину по длине текста . Подскажите пожалуйста как исправить.

  • @luckyrobot3688
    @luckyrobot3688 4 роки тому

    Кто может подсказать почему в vs code когда пытаюсь обернуть список (комбинация ctrl+shift+g) ставлю * она не срабатывает оборачивает весь список одним тегом , а не каждый элемент отдельно.
    Или это в vs code не действует, вроде emmet одинаковый что для vs code, что для sublime text.

  • @VladiGuitar87
    @VladiGuitar87 5 років тому

    А почему не стали использовать навигацию, предлогаемою boostrap 4? Сославшись на дальнейшую работу с WP. Чем это могло помешать? Я реально спрашиваю на будущее, без подвоха, если что)

  • @dimitriosgavriilidis1240
    @dimitriosgavriilidis1240 7 років тому +1

    Очень нужная серия видео роликов!
    Ждем продолжения!
    16:30 - получается класс container по умолчанию 1170px?
    18:00 - правильно я понимаю что в данном случае мы пока рассматриваем только размеры экрана ≥768px и над responsive еще надо будет поработать?
    19:50 - шикарная фича!
    Спасибо за видео!

    • @Glo_Academy
      @Glo_Academy  7 років тому +1

      Dimitrios Gavriilidis адаптив будет в следующих видео.

  • @alexandrs7563
    @alexandrs7563 7 років тому

    Думаю давно все ждали такого рода марафоны, спасибо большое...
    Артем, а какую тему в sb используешь?

  • @laragri6398
    @laragri6398 6 років тому +1

    Уаауу! За пол часа узнала больше чем за 3 месяца обучения. Хочу к вам на курсы!

  • @олегпавлов-к5и
    @олегпавлов-к5и 6 років тому +1

    Артём ! Ты крут.

  • @Epenckorn
    @Epenckorn 4 роки тому

    Хороший урок.
    Конечно, в плане "показать инструменты". Но по части быстрой вёрстки - без этих инструментов за эти же полчаса можно было сверстать всю страницу целиком вместе с адаптивом.

  • @RiLelBeautyBlogger
    @RiLelBeautyBlogger 4 роки тому

    видео просто невероятно полезное!

  • @kostasancez2358
    @kostasancez2358 6 років тому

    Вопрос по семантике. Не будем использовать header footer aside?

  • @БадрХари-с2щ
    @БадрХари-с2щ 6 років тому

    Артем, подскажи пожалуйста, почему ты создаешь div.top-nav внутри контейнера перед row? Почему сам контейнер не вставляешь в этот div?

  • @3434-k4j
    @3434-k4j 6 років тому

    Не подскажете бесплатный аналог avacode?)

  • @vladyclavhello9138
    @vladyclavhello9138 7 років тому

    Очень классно, благодаря тебе узнал много нового, лайк)

  • @armenmanadaryan2492
    @armenmanadaryan2492 5 років тому +1

    Здравствуйте! Я все копирую как есть но все равно выдает ошибку Error: Undefined variable: "$body-bg". почему ?

  • @МедетРас-к6ч
    @МедетРас-к6ч 7 років тому

    По больше бы таких видео

  • @FunnyVictoria
    @FunnyVictoria 7 років тому

    Расскажите пожалуйста, я смогу осилить этот видеокурс, или нужно сначала освоить Bootstrap, Sass и тд?

  • @johncanvas1054
    @johncanvas1054 3 роки тому

    Почему при верстке навигации не используются теги header и nav?

  • @nyonor7314
    @nyonor7314 6 років тому

    Чувак это шикарно!

  • @arhimed6720
    @arhimed6720 7 років тому

    Красава! Спасибо! Продолжайте пожалуйста!

  • @ganster6853
    @ganster6853 7 років тому

    Как всегда на высоте

  • @sevdev9374
    @sevdev9374 7 років тому

    есть класс list-unstyled для ul убирает стандартные стили

  • @ЕгорНей-л3ф
    @ЕгорНей-л3ф 7 років тому +2

    Что думаете на счет стартового шаблона для верстки от web design master? Почему не используете его?

    • @Glo_Academy
      @Glo_Academy  7 років тому +1

      Думаю, что он хорош. Но использую для работы свой шаблон.

    • @ЕгорНей-л3ф
      @ЕгорНей-л3ф 7 років тому

      я новый пользователь вашего канала, по-этому заранее извиняюсь. Но где можно найти ссылку на ваш шаблон, или вы его не распространяете?

    • @Glo_Academy
      @Glo_Academy  7 років тому +1

      Не распространяю, возможно скоро запишу по нему видео. Спасибо за идею!

    • @Karvai
      @Karvai 7 років тому

      надеюсь будет в скором будущем, спасибо за уроки очень познавательно

  • @serg_life
    @serg_life 5 років тому

    У меня как бы таже тема Afterglow-orange.sublime-theme и "color_scheme": "Packages/Theme - Afterglow/Afterglow-monokai.tmTheme" делал по твоему уроку, выглядит так же за исключением цвета переменной, у меня она белая, вид как то не очень у тебя смотрю оранжевая. Как поменять цвет, или установить его, весь гугл перерыл только бред какой то. Спс заранее.

  • @АртёмКостоглодов-я9й
    @АртёмКостоглодов-я9й 7 років тому +1

    Приветствую ! Отличное видео ! Было бы не плохо , если бы показал как подключать шрифты в Sass ) У меня с этим полная проблема пошла , гуглил много , но ... Что-то я делаю не так ...

    • @Glo_Academy
      @Glo_Academy  7 років тому +1

      Будет в этой серии видео

  • @ВладимирГоринов-в1у

    Скажите пожалуйста, в сублайм текст не работает emmet в sass файле, а в css работает. Но в install package не нашел нужного пакета.

  • @alexsanderdanilyuk5037
    @alexsanderdanilyuk5037 6 років тому

    Спасибо. Очень доступно.

  • @golenduhinroman
    @golenduhinroman 6 років тому

    Именно в sass файлах нет выбора сокращённых записей, т.е. к примеру bgc не высвечивает что это back ground color и при установленной теме after glow orange значение и цвет самих переменных тоже только в sass файлах пишет белым цветом... как это реализовано?

  • @Аиди-д3л
    @Аиди-д3л 7 років тому

    Хороший урок, ждем натяжки на WP

  • @ДмитрийГунин-о8о
    @ДмитрийГунин-о8о 4 роки тому

    7:05 Раньше я бы спросил, а зачем вообще подключать jquery по CDN, если можно сразу подключить из нашей папки? Но теперь я знаю ответ на этот вопрос - с большой вероятностью все эти библиотеки уже есть в кеше браузера (после посещения кучи других сайтов, которые используют jauery), и тогда вообще не придется ничего загружать)

    • @АлександрКуба-ш8н
      @АлександрКуба-ш8н 4 роки тому

      насколько я понимаю каждый сайт подгружает свои собственные версии jquery, а не один на всех.

  • @romanenkosergio
    @romanenkosergio 6 років тому

    Добрый день, будет ли видео, где Вы покажите, какой софт на маке используете для верстки?

    • @Glo_Academy
      @Glo_Academy  6 років тому

      На видео это видно же, нет?

    • @romanenkosergio
      @romanenkosergio 6 років тому

      Glo Academy Хотелось бы более подробно, приобрёл себе макбук, софт разный и вариаций достаточно. Интересно в любом случае было бы. Спасибо.

    • @romanenkosergio
      @romanenkosergio 6 років тому

      Glo Academy Так же интересно, будет ли на канале туториал по sass?
      Спасибо

  • @ruslan5481
    @ruslan5481 5 років тому

    Аплодирую стоя, спасибо!

  • @dramorian4486
    @dramorian4486 5 років тому

    У меня $body-bg не определяется.
    Куда копать?

  • @DenysPopovWeb
    @DenysPopovWeb 6 років тому

    а как ты задал точную ширину для блока меню с логотипом? там та у тебя было 1170px в макете, а в верстке сколько получилось, или как ты задал?

  • @денисворошилов-б9ъ
    @денисворошилов-б9ъ 5 років тому

    привет в Koala ошибка :
    D:\magazine\sass\main.sass
    ArgumentError:invalid byte sequence in utf-8
    Use -- trace for backtrace
    не подскажите что я не так сделал?

  • @irkrutskiy
    @irkrutskiy 7 років тому

    Хорошо рассказываете, подписался.

  • @artemkonoplin2143
    @artemkonoplin2143 7 років тому +3

    19:04 а обязательно div вставлять? нельзя просто img вставить?

    • @lagprincesse
      @lagprincesse 7 років тому

      тоже интересно - почему так?

    • @Glo_Academy
      @Glo_Academy  7 років тому

      Не обязательно. Можно просто вставить img

    • @TheBuzzJazz
      @TheBuzzJazz 7 років тому +1

      Вообще по канонам жанра нужно логотип вставлять в ссылку на всех страницах кроме главной.

    • @Glo_Academy
      @Glo_Academy  7 років тому +1

      Ссылка и логотип будут сделаны в Wordpress. Там есть функция для этого, поэтому я тут не заморачивался.

    • @InTexGame
      @InTexGame 7 років тому

      обязательно

  • @ksyaneone
    @ksyaneone 6 років тому +1

    спасибо большое тебе за твой труд! =)

  • @takercorporation1780
    @takercorporation1780 7 років тому

    Подскажите пожалуйста, как запретить SublimeText3 компилировать файл из scss в css. И как изменить путь где должен хранится скомпилирований файл.

  • @edil_kgz
    @edil_kgz 5 років тому

    Только уважение тебе 👍

  • @ankotube
    @ankotube 6 років тому

    Можно узнать название вашей цветовой темы в саблайм ?

  • @timatospepetos
    @timatospepetos 7 років тому +3

    Год занимаюсь коммерческой версткой, но, на удивление, многое подчерпнул для себя. Спасибо за информацию про Авакод и бутстрап 4.
    Не боитесь использовать флекс?
    Спасибо за дублирование комманд для Windows.

    • @Glo_Academy
      @Glo_Academy  7 років тому +1

      Не боюсь использовать флексы, потому что это не коммерческий заказ, а пример для ютуба. Меня давно просили показать работу флексов на примере. Реальный заказ я делал по данному макету на флоатах

  • @samnugmanov
    @samnugmanov 7 років тому +1

    Только начал знакомство с sass и уже не получается))) Если же у Артема синтаксис подчеркивается и происходит компиляция, то у меня весь sass файл просто белая надпись. Может подскажете чайнику?

  • @firstytreems
    @firstytreems 6 років тому

    Привет! Подскажи, пожалуйста! В ходе работы появилась проблема, ставлю как на 27:47 &_menu и у меня не срабатывают свойства. Решил эту проблему написанием: & .menu, теперь подкласс заработал, но я не могу никак написать свойства для тега, в моём случае ссылки (a). Когда я прописываю свойства для тега a(или для любого другого), то при компиляции в css он игнорирует тег и свойства прописываются в родительский класс. Ох, намудрил я с описанием) Прилагаю два скриншота: 1) SASS prntscr.com/k4jo43 2)CSS на выходе prntscr.com/k4jopr

  • @ДмитрийНеонов-и8е
    @ДмитрийНеонов-и8е 6 років тому

    Спасибо, хорошо рассказываешь

  • @ВолодимирКоторажук

    Добрый день. Большая просьба, заведите страничку в ФБ, а то вконтакте не все пользуються.

  • @ilgoodman88
    @ilgoodman88 6 років тому +2

    интеграция цветов из _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.

    • @ilgoodman88
      @ilgoodman88 6 років тому +1

      короче проверил через phpstorm компиляция проходит успешно.
      через subline text не фурычит
      кто знает, в чем проблема синтаксис стоит в саблайне scss ставил наоборот - sass, не помогло.

    • @АлибекСагимов
      @АлибекСагимов 5 років тому

      ​@@ilgoodman88 нашли решение этой проблемы? я тоже с этим столкнулся

  • @spartaqus31
    @spartaqus31 6 років тому

    Просто ТООООООПЧИК)

  • @ЛасточкинАнатолий
    @ЛасточкинАнатолий 5 років тому

    если с телефона смотреть, то пункты меню уходят в право, как сделать чтоб была кнопка и они выпадали?

  • @OsiriS_-qv5sn
    @OsiriS_-qv5sn 6 років тому

    Что делать если emmet не работает для sass, jquary и т.д., а работает только для HTML и CSS?

  • @FaceBook-bd3xo
    @FaceBook-bd3xo 5 років тому

    можешь сделать разбор по точкам с запятой в sass,у меня комп почему то не читает sass код,только scss.винда, визуал студио код

    • @Glo_Academy
      @Glo_Academy  5 років тому

      А плагин sass установлен? Как компилируешь его?

    • @FaceBook-bd3xo
      @FaceBook-bd3xo 5 років тому

      @@Glo_Academy как и ты,только коала стоит.ты не ставил никаких плагинов еще?можешь на визуал студио код посоветовать что то?

    • @Glo_Academy
      @Glo_Academy  5 років тому

      Амыр Челоков для vs code есть плагин live sass compiler. Никакая коала не нужна на vs code

  • @TheBuzzJazz
    @TheBuzzJazz 7 років тому

    В авокоде можно настроить папку для экспортирования файлов, очень удобно. Но размеры он выдает приблизительные, поэтому макет все равно нужно сверять по pixelperfect.
    Очень интересно узнать параметры твоего мака, уж очень шустро работает. Или ты немного видео ускорил?

    • @timatospepetos
      @timatospepetos 7 років тому

      TheBuzzJazz Все что работает на macOS и iOS летает шустро, потому что ось не захламленная, но и потанцевать с бубном придется, не привычно будет. Мак идеален для работы, лучше Вы просто не найдете

    • @TheBuzzJazz
      @TheBuzzJazz 7 років тому

      Тимур Исламов да я сам маковод, но мой макбук 12го года тупит, авокод загружает макет тыщу лет, поэтому удивился скорости в видео.

    • @germanmartirosyan6230
      @germanmartirosyan6230 7 років тому

      Скорее всего дело в наличии ssd диска

  • @whoops8334
    @whoops8334 7 років тому +1

    Отличное видео, ждал с момента объявления марафона) Хотел бы узнать, а почему перед "after" ставится двойное двоеточие. Также, можно ли было не писать text-decoration второй раз, когда Вы уже его обозначили для всего тега "a". Ну и последнее, сдвиг по оси Y сначала 37, потом 38 - опечатка?

    • @Glo_Academy
      @Glo_Academy  7 років тому

      ::after - это псевдоэлемент, а перед псевдоэлементами ставится два двоеточия. Перед псевдоклассами, типа :hover, ставится одно двоеточие. Хотя работать будет и так и так.

    • @Glo_Academy
      @Glo_Academy  7 років тому

      У меня есть опечатки и ошибки, этого не избежать в работе. Все что вижу - стараюсь фиксить на месте)

    • @whoops8334
      @whoops8334 7 років тому

      Ещё вспомнил кое-что, когда раскрыли сниппет старт, то в скрипте подгрузки библиотеки jQuery с сервера нужно убирать "\" в закрывающем теге или нет?

    • @Karvai
      @Karvai 7 років тому

      нет

  • @АнтонТрофимов-т6з
    @АнтонТрофимов-т6з 6 років тому

    Всем привет!) Сделал все уроку, но у меня почему то ::after применилось дважды к элементам меню, начиная со 2 - take.ms/p2vkW. Подскажите пожалуйста, что не так