@user-up6es3nr6s 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
@user-le3iq8sz6r 3 жыл бұрын
Отличная подача информации!
@user-rg7tx5ve7u 3 жыл бұрын
Крутой урок
@gvitoss 3 жыл бұрын
Как всегда топ контент!
@user-qv7gq3jf4c 3 жыл бұрын
Привет, очень классная сборка, приметил для себя пару фишек. Сколько еще планируете выпусков по этой сборке?
@user-up6es3nr6s 3 жыл бұрын
Привет! Еще один урок точно сделаю по сборке шаблонов pug
@user-qv7gq3jf4c 3 жыл бұрын
@@user-up6es3nr6s Понял, спасибо)
@sergeytsapliy7071 3 жыл бұрын
Привет, видео классные и подача материала тоже. Сколько раз в неделю выходят видео? Для HTML лучше задать font-size 100% если использовать rem. А 100% в браузере = 16 пикселям, и функцию написать чтобы допустим передавать значение в 48 PX, а она делила это на 16 и ставила значение в rem.
@user-up6es3nr6s 3 жыл бұрын
Привет! Да, функция полезная. font-size: 100% чтобы пользователь сам мог менять размер шрифта? Как-то привык ставить 16px и оставил. Если ставить 16px какие еще есть минусы?
@sergeytsapliy7071 3 жыл бұрын
@@user-up6es3nr6s с того что я читал и сам наблюдал на разных сайтах при увеличении шрифта браузера, если размер задан в пикселях, то он не меняется, а если задан в процентах и используются rem или em, то шрифт подстраивается под тот шрифт, который установлен в браузере у пользователя, а не в HTML документе. Так как у меня есть знакомые которые очень плохо видят и используют программу озвучки и маштабирование, то сайты практически ломаются, если верстальщик или фронтендер об этом не позаботились, а на фрилансе к сожалению таких много новичков которые делают такую каку и их деятельность гуляет по сети(
@sergeytsapliy7071 3 жыл бұрын
@@user-up6es3nr6s если только не использую CSS framework на примере bootstrap где указано что font-size 100% у HTML и отступы в rem
@user-up6es3nr6s 3 жыл бұрын
@@sergeytsapliy7071 Спасибо за развернутый комментарий. Я не силен в доступности, но считаю это важной темой, и надо в ней разобраться. Может есть какие-то статьи, примеры конкретно по font-size: 100%? Было бы интересно посмотреть. Пока из минусов font-size: 100% вижу то, что верстка может сломаться, если пользователь поставит в браузере размер текста отличный от 100%. И как граммотно все сделать, чтобы не развалилось пока не понимаю.
@sergeytsapliy7071 3 жыл бұрын
@@user-up6es3nr6s я читал эти статьи по запросу em в медиа запросах и там это всё хорошо описано, но статьи старые за 2016 год. Я тоже не сильно силен в этом из-за того, что только один реальный проект делал и тот который не хочется показывать, а курсы которые проходил, а это около 5 или 6 разных курсов, то об этом вообще не рассказывалось. У меня сложилось такое впечатление, что заказчикам и исполнителям из ссср на это в 90% случаев вообще пофиг, если брать по фрилансу, а на счёт студий не знаю, так как у самого плохо со зрением, и не хотят ни на одну работу брать. Если брать евросоуз, то там к инвалидам на много лучше относятся, чем здесь и с доступностью все лучше
@electrostryker6332 2 жыл бұрын
Вы же не бросили свой канал?) Надеюсь нет
@user-up6es3nr6s 2 жыл бұрын
Привет! Давно уже не использовал smart-grid, не знаю буду ли пользоваться этой технологией в дальнейшем
@-rk 2 жыл бұрын
@@user-up6es3nr6s а чем пользуетесь сейчас, вместо smart-grid?
@user-up6es3nr6s 2 жыл бұрын
@@-rk Привет! Обычные стили прописываю
Фрілансер по життю
Рет қаралды 285 М.