Raritet

Столкнулся с довольно удивительным явлением: gulp-sass категорически отказывается хавать и отображать css для новых добавляемых элементов разметки. Поломка произошла без каких-либо заметных вмешательств, просто с очередным запуском. Ошибок в системной консоли сейчас нет, только указывает на депрекаты одной функции Бурбона.Есть определенная предыстория. Изначально при установке данного шаблона консоль жаловалась на отсутствие модуля node-sass, хотя таковой был. Пришлось переустановить заново, попутно сменив номер версии в конфиге: "gulp-sass": "3.0.0", без галочки, хотя пробовал и с галочкой – результат тот же (это было нагуглено в бурже). Связана ли эта предыстория с настоящей поломкой – я хз.Примечательно, что к старым элементам, добавленным до поломки, можно добавлять как новые css-свойства, так и изменять имеющиеся, на скриншоте видно, как старой кнопке вполне успешно добавлен border. А вот новым элементам ну никак не хочет добавлять стили(Но вот самое удивительное, в конечный css-файл задаваемые стили все же компилятся для всех эл-тов, и старых, и новых!Скрин прилагается. Шаблон тожеВерсии gulpCLI: 2.2.0Local: 3.9.1Node –v 10.16.3И как такое может быть? И да, просьба не предлагать сбрасывать или дизейблить кэш - пробовал и так и сяк, - не помогает. https://dropmefiles.com.ua/ru/WQhf8z

<div class="col-md-6 right-section "> Немного не по теме, но вроде бы очень не рекомендуется ставить кастомные классы в служебный бутстраповский контейнер. Или пофиг?

Чувак, ты реально такую хрень уже спрашиваешь. Хотя бы погуглил основы css...

Да там есть какой-то оптимальный вариант для таких сайтов.. Только блин не помню щас(( Кстати, тема довольно актуальная.

я к тому, что алгоритм расчета вертикального выравнивания в браузере наверно сложней, чем горизонтального. (как-то так сформулировал)

Я не спец особо, но думаю потому, что выравнивание по вертикали посложней, чем по горизонтали.

можно подробней о нюансах?

Тогда как вы вообще собрались дальше что-то делать?

Смысл вас сейчас в менторе? Вы бы сами проработали базу: возьмите 2-3 книги, видеокурсов, этот форум. Сами попробуйте сверстать пару десятков макетов, разной сложности, для начала без адаптива и респонсива. А потом уже и к ментору можно.

Ребята, это уже пошел флуд какой-то. Давайте или по теме, или ничего. Меняется, не меняется - пусть как хочет. Пусть отписываются те, кому интересен топик.

Спасибо, что объяснили.

Это и так понятно. Группа новичков для того и создается, чтобы направлять друг друга, помогать. Сначала сам гугли, копай. Но если уже убил кучу времени, запарился и не нашел, - спроси. А не для того же чтобы собраться и спрашивать "О ребята, я сёдня какой-то новый тег увидел в коде, гг. А что он означает?"

Все мы прекрасно понимаем. Современные программные технологии настолько бурно развиваются, что охватить "все и сразу" почти нереально. Пока будешь учить базу - появится что-то новое и т.п. На этом форуме есть люди, которые уже более 10 лет во фронтенде. И даже с таким опытом люди постоянно читают новые материалы, постоянно совершенствуются. Если не будешь следить за тенденциями - твои знания и навыки устареют со временем. Технологии фронтенда, которые были актуальны для 2005 года, - многое уже устарело. Все течет, все меняется...

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

Пока нет. Ребята, пишем на почту, указанную в 1 посте, или укажите контактные данные (скайп) в профиле или сюда. Кстати, пару дней назад убедился, что общение бывает намного эффективней гугления: человек подсказал одну простую настройку ФШ, из-за которой не получалось нормально вырезать картинку в PNG-24 - ломал голову, думал что проблема в коде(

Неужели все так печально? (ссылку на psd прилагаю: http://my-files.ru/i3dyrh)

Всем привет. Ознакомившись с азами, взялся верстать простенький макет, скачанный из Сети. Однако столкнулся с неожиданными проблемами, причем, не каким-тот там позиционированием, а с несоответствием psd-макета и результата. Итак, скрин PSD-макета: Теперь скрин из браузера: Фон задавал как обычно: дефолтный + url картинки. Но… В точке 1 обозначил ступенчатый переход, он виднеется по периметру с двух сторон, где картинка накладывается на фон. При этом, на макете не нашел ни градиентов, ни дополнительных фонов. Цвета, естесно, копировал, а не на глаз. Я понимаю, что он из-за перепада цветов, но почему ж этого перехода нету в PSD ??? Теперь о следующей неприятности, с которой столкнулся. Хочу максимально воспроизвести такое же расположение текста относительно картинки, как в исходнике, но получается лишь очень отдаленно (((. Картинку разместил top right, как и полагается. Интересно, что марджины и размеры шрифта поставил такие же! В частности, несовпадение хорошо видно в точке 2, где светлая полоса должна заходить между абзацев. Сколько ни старался воспроизвести – не то, и отличается существенно (повторюсь – при скопированных параметрах отступов и шрифта). Если растягивать картинку по горизонтали – фигня получается, растягивается и вид явно не тот. Если пробовать двигать блок с текстом – тоже фигня, в самом лучшем случае, он сильно отдаляется от левого края. В общем, вопросы будут выглядеть как-то так: 1. Почему появляется переход, которого нету в PSD? Как с ним бороться? Если градиентами, то откуда лучше начинать/заканчивать их? 2. Почему такое несоответствие между позициями фоновой картинки и контента, при том, что отступы мерялись с макета? Как поступать в таких случаях? От чего отталкиваться? Что считается априори важным, а чем можно пренебречь? Понимаю, что, скорей всего, не я первый столкнулся с такими проблемами, но в Сети че т не нашел конкретных ответов. Спасибо. Raritet P.S. Залить макет не могу - его размер 1,1 mb.

Да, идея заслуживающая внимания. Но со временем, по ходу прокачки скиллов, все равно каждому из учащихся придется самостоятельно прорабатывать каждую технологию) Спасибо, BrusSENS ))

Спасибо htmlforum-y за возможность открыть сей топик)) Когда соберем группу, буду отписываться о ходе нашей учебы

Всем привет. Я знаю, что на данном форуме указаны скайп-чаты. Но там один из них - флудилка, вряд ли имеющая отношения к верстке, а в другом - наверняка не новички, так что им вряд ли будут интересны вопросы начинающих. Учеба предполагается примерно по примерно следующей схеме. Определяем на неделю несколько вопросов, которые тщательно прорабатываем самостоятельно (за основу берем что угодно - материалы форума, книги, видеокурсы и т.п.). Затем встречаемся 2-3 раза в неделю в скайпе, и на конфе обсуждаем кому что понятно-не понятно, решаем задачи и т.п. Попутно корректируем график общения. Работа в команде имеет множество плюсов. Желательно люди 30+ лет (сам такой). Пишем на почту — frontend-online(собака)meta.ua P.S. К тем, кто считает такой метод учебы неправильным, просьба: просто пройдите мимо, комментов не надо.