Тёмный

#7 Gulp сборка проекта | Организация стилей 

Фронтендер
Подписаться 3,1 тыс.
Просмотров 1,9 тыс.
50% 1

Опубликовано:

 

23 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 24   
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Таймкоды: 0:00​ Интро 0:20​ Подключение normalize.css 1:25​ Добавление node_modules в path для sass 2:10​ Подключение smart-grid 7:32​ Подключение import-fresh 9:04​ Добавление переменных 10:56​ Добавление функций 12:05​ Добавление миксинов 13:43​ Добавление сниппета для медиа выражения 14:36​ Добавление базовых стилей 18:53​ Стили для focus-visible 20:46​ Добавление layout 21:35​ Добавление components 22:31​ Подключение gulp-sass-glob
@ВячеславГончаров-ч1у
Отличная подача информации!
@ИринаГончарова-м8к
Крутой урок
@gvitoss
@gvitoss 3 года назад
Как всегда топ контент!
@Незванныйгость-в4д
Привет, очень классная сборка, приметил для себя пару фишек. Сколько еще планируете выпусков по этой сборке?
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Еще один урок точно сделаю по сборке шаблонов pug
@Незванныйгость-в4д
@@Фронтендер-з6о Понял, спасибо)
@sergeytsapliy7071
@sergeytsapliy7071 3 года назад
Привет, видео классные и подача материала тоже. Сколько раз в неделю выходят видео? Для HTML лучше задать font-size 100% если использовать rem. А 100% в браузере = 16 пикселям, и функцию написать чтобы допустим передавать значение в 48 PX, а она делила это на 16 и ставила значение в rem.
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Да, функция полезная. font-size: 100% чтобы пользователь сам мог менять размер шрифта? Как-то привык ставить 16px и оставил. Если ставить 16px какие еще есть минусы?
@sergeytsapliy7071
@sergeytsapliy7071 3 года назад
@@Фронтендер-з6о с того что я читал и сам наблюдал на разных сайтах при увеличении шрифта браузера, если размер задан в пикселях, то он не меняется, а если задан в процентах и используются rem или em, то шрифт подстраивается под тот шрифт, который установлен в браузере у пользователя, а не в HTML документе. Так как у меня есть знакомые которые очень плохо видят и используют программу озвучки и маштабирование, то сайты практически ломаются, если верстальщик или фронтендер об этом не позаботились, а на фрилансе к сожалению таких много новичков которые делают такую каку и их деятельность гуляет по сети(
@sergeytsapliy7071
@sergeytsapliy7071 3 года назад
@@Фронтендер-з6о если только не использую CSS framework на примере bootstrap где указано что font-size 100% у HTML и отступы в rem
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
@@sergeytsapliy7071 Спасибо за развернутый комментарий. Я не силен в доступности, но считаю это важной темой, и надо в ней разобраться. Может есть какие-то статьи, примеры конкретно по font-size: 100%? Было бы интересно посмотреть. Пока из минусов font-size: 100% вижу то, что верстка может сломаться, если пользователь поставит в браузере размер текста отличный от 100%. И как граммотно все сделать, чтобы не развалилось пока не понимаю.
@sergeytsapliy7071
@sergeytsapliy7071 3 года назад
@@Фронтендер-з6о я читал эти статьи по запросу em в медиа запросах и там это всё хорошо описано, но статьи старые за 2016 год. Я тоже не сильно силен в этом из-за того, что только один реальный проект делал и тот который не хочется показывать, а курсы которые проходил, а это около 5 или 6 разных курсов, то об этом вообще не рассказывалось. У меня сложилось такое впечатление, что заказчикам и исполнителям из ссср на это в 90% случаев вообще пофиг, если брать по фрилансу, а на счёт студий не знаю, так как у самого плохо со зрением, и не хотят ни на одну работу брать. Если брать евросоуз, то там к инвалидам на много лучше относятся, чем здесь и с доступностью все лучше
@electrostryker6332
@electrostryker6332 2 года назад
Вы же не бросили свой канал?) Надеюсь нет
@Фронтендер-з6о
@Фронтендер-з6о 2 года назад
Привет! Давно уже не использовал smart-grid, не знаю буду ли пользоваться этой технологией в дальнейшем
@-rk
@-rk 2 года назад
@@Фронтендер-з6о а чем пользуетесь сейчас, вместо smart-grid?
@Фронтендер-з6о
@Фронтендер-з6о 2 года назад
@@-rk Привет! Обычные стили прописываю
Далее
Wait for winner 🏆 😂 #shorts
00:42
Просмотров 6 млн
#4 Gulp сборка проекта | sass, stylelint
18:26