Это какой-то стокгольмский синдром. Сверстала две секции, за это время я испытала все виды боли. Даже боль от того, чо 3 секунды перемотки стрелкой в ютубе - это слишком много. За 3 секунды чел делает пятьсот действий)) Впервые в жизни использовала замедленную на максималках скорость, чтобы иногда понять, куда он пишет. Я решила, что не готова к такому формату и приняла твёрдое решение не идти до конца, а найти что-то попроще. Сюрприз. Теперь мне все кажутся очень медленными))) Я в заложниках у этого чела. Рекомендую всем хардкорщиками и извращенцам. Пока разбираешься, куда он тыкнул - начинаешь реально ориентироваться в простыне стилей. И огромное спасибо за clamp. Сначала не очень понимала, откуда берутся значения для формулы. Теперь не понимаю, как же иначе то)
У тебя очень качественный контент. Было бы здорово увидеть верстку сложных макетов в таком стиле. Тот же многостраничник с множеством сложных блоков или интернет магазин просто идеально подошел бы) С твоей подачей многие вещи становятся проще, поэтому ролик с таким видео очень помог бы)
Автор просто находка для верстальщиков!!! Никогда не видел чтоб человек быстро и без воды все верстал. Сразу видно профессионал своего дела. Было бы супер, сверстай ты еще более сложный макет с анимациями и используя побольше JS. Автор, желаю тебе успехов в будущем. P.S. Жду еще видео по верстке сложных макетов)
не знаю почему многие в таком восторге от видео, все очень дергано, глаз просто не успевает за действиями автора и даже не всегда успеваешь на паузу видео поставить что-бы увидеть что автор написал
ul в навигации это рудимент исторический, достаточно просто ссылок. Правило с селектором * это тонкий лед, как и сброс точек у пунктов, если они где-то в тексте они понадобятся то придется переназначать, двойная работа. Ничего критического, в целом очень неплохо, образцово.
Крутая подача! Спасибо! Такой контент скоро будет набирать больше подписчиков, уверен! В будущем хотелось бы попросить Даниила поверстать различные UI компоненты, часто встречающиеся на сайтах
Дорогой Данил, спасибо огромное за урок. Пока его делал я привык к боли, в шее, в пояснице и ниже, но я дошел до конца и многому научился. Дай Вам Бог здоровья! :-)
так ну посмотрел я урок , мне оч зашло, набрался и фишечек новых всяких, буду применять . я бы время от времени смотрел подобные видосы , только с одним ньюансом - на усложнение . ютуб переполнен версткой для новичков . а даже челу в процессе обучения как я уже хочется посложнее , вот например это конкретное видео, но дальше лучше ещё более hard
Побольше делай таких видео, на которых присутствует разные макеты, как тут, где картинка справа в углу выходит за рамки контейнера и как правильно сверстать такой сайт) с этими картинками
начинал смотреть в первую очередь, увидев что длительность "всего" 2 часа :) посмотрев минут 10 понял - вот оно, именно то что хотел увидеть, верстка от профессионала именно так, как он делает ее не для ютуб(почти). еще через пару десятков минут, бесконечных пауз, перемоток и изменений в настройках скорости, понял - видео, ДЛЯ МЕНЯ, носит исключительно справочный характер, пример того каким должна быть верстка, к чему стремиться. а дальше просмотр превратился в просмотр чего то из Marvel DC, эффект wow, экшн, взрывные сцены мозга и этот же мозг из ушей. видео исключительно полезное, но пока буду использовать только как справочник - при возникновении вопросов просто искать ответ в видосике :) иду смотреть другие ролики
@@ПрокашевДаниил еще вот только сейчас сформировалась мысль что самое непонятное, и где основной стопор. это где и когда использовать элементы. например: подчеркивание под пунктами меню - псевдоэлементы или же border-bottom, всякие svg элементы - background, div, span или что еще чего я не знаю и тд и тп. то есть основной вопрос - правильно разбивка и использование нужных элементов на своих местах. как правильно разместить например: блок, в блоке картинка, в блоке с картинкой описание, пару кнопок, сбоку от блока с картинкой в колонку еще пара блоков с небольшими катинками и параграф. пока не очень понятно и занимает много времени сделать правильную.... архитектуру что ли, даже слово не могу подобрать точное, но ты поймешь. было очень интересно увидеть мастеркласс на эту тему. это как идея для следующих роликов, вдруг у тебя их нет сейчас(идей) :)
видос огонь, подача очень хорошая, много фишек подчеркнул и решений, хотелось бы продолжения такого контента и сложные макеты Автор вернись пожалуйста)
Еще столкнулся с такой проблемой, sass компилятор ругался на это "clamp(2.5rem, 1.875rem + 3.13vw, 4.063rem)" а именно то что внутри идет такой запись: 1.875rem + 3.13vw, решил проблему след. образом: clamp(2.5rem, calc(1.875rem + 3.13vw), 4.063rem).
ты два раза помыкнулся за aspect-ratio , но это фигня , наоборот слух резало бы если б ты на русскоязычном канале , английский акцент бы включал )) а так звучит гармонично всё
Здравствуйте, видио замечательное! Но у меня возник вопрос, а где видио с плагином google font? Вроде весь ютуб обыскал, не нашел😢😢😢. Помогите, пожалуйста!
Отличный канал, отличный контент. Удачи вам в дальнейшем и развитии канала. Но хочу спросить в моменте с версткой секции преимущества, а именно обводка для круга, у которой opacity:0.12. Можно ли вместо псевдоэлемента использовать border: 1px solid rgba(163, 35, 46, 0.12) и в данном варианте opacity тоже будет только цвет фона, а все в что блоке будет opacity: 1. Да и так фон можно сделать
Доброго времени суток! Можно ли от вас увидеть видео о том что лучше использовать normalize.css или reset.css или же какие-то свои сбросы стилей для кроссбраузерности? Будут ли об этом видео или в каких-то следующих видео об этом будет говорится?
Какое изумительные видео! Как раз начинаю учиться вёрстке, думаю будет полезно смотреть подобные видео, очень классный контент. Подскажи пожалуйста, что за приложение похожее на фотошоп ты используешь
Добрый день,спасибо за урок.Я начинающий верстальшик и мне очень понравилось. Вопрос! Могу Я добавить этот проект в портфолио? Будет ли урок о создании снпетах? И о портфолио--может сделаете видео портфолио и как новичкам начать запобатывать?
У меня вопрос по кроссбраузерности: Gap для флексов поддерживается в Safari на iOS с 14.5 версии, функция Clamp поддерживается в Safari на iOS с 13.4 версии Я попробовал зайти на этот уже сверстанный сайт с Iphone 6s (версия IOS - 13.3), результат - отсутствие отступов и одинакового размера иконок, в которых используется свойство Clamp и отсутствие отступов между элементами в которых используется свойство Gap для Flex - элеметов Поэтому вопрос: как ты решаешь эти проблемы с кроссбраузерностью или же ты просто не поддерживаешь данные версии браузеров, хотя таких пользователей, как по мне, не мало?
привет! вместо gap можно использовать различные отступы, по типу margin-left и margin-bottom. есть небольшая комбинация .elem:not(:last-child), которая выберет все элементы с классом elem, кроме последнего. и внутри этой комбинации можно написать отступ влево или вниз. соответственно, отступ будет у всех элементов, кроме последнего. то есть по сути, будет тоже самое, что gap, но без gap. функцию clamp можно заменить на функции calc, насколько я знаю, в интернете есть различные переводчики из clamp в calc. либо же, можно добавлять флаг supports в css, проверять поддержку свойства clamp, и если не поддерживается, то ставить обычные фиксированные размеры/отступы почему я не сказал об этом в видео - не знаю :/ спасибо за вопрос!
Добрый день,будут видео с вёрсткой бутстрапом,или вообще что рекомендуете изучать,мне подсказали что с бутстрапом быстрее эффективнее верстать.Спасибо заранее.
@@ПрокашевДаниил Добрый день, оч круто делаете слайдеры,могу Ли я с вами свзязаться по телеге,у меня функциональный какой то замороченный слайд.поможете?
Спасибо за урок! Подскажи пожалуйста, разве swiper работает без файла swiper.css? Там вроде все ломается, если открывать на мобиле и пытаться свайпить не мышкой?
@@ПрокашевДаниил даа, я уже разобрался, это потому что ты ипользовал 8 версию свайпера, а у них новая вышла и вот она не работает без swiper.css )) там так и написано на сайте: Now Swiper handles only Pointer Events, and doesn't rely on touch events like touchstart, touchmove, etc.
относительные единицы - это немного про другое) используя формулы, мы можем не писать медиа-запросы для уменьшения размера текста, когда как просто используя относительные единицы, мы просто используем относительные единицы
@@lesan6866 используйте функцию unquote(). Например max-width: unquote(“calc( 1vw- 1px )”). Оно скомпилируется без кавычек и будет работать в файле CSS
Привет! не подскажешь, почему ты часто прописываешь некоторые значения типа ширины/высоты и тд у пикч и все это в html? просто первый раз такое вижу, это так правильно или для наглядности сделано? Поясни если не сложно
в html вставлялись только размеры svg иконок, потому что так принято как раз у svg, и этот код по умолчанию копируется из фигмы. а остальное да, остальное я писал в файле стилей
препроцессор почти сразу начал использовать, как только понял, как писать обычный css код. буст дают не сильный, но дают. но чтобы была польза от препроцессора, надо знать, какие фишки и функции он в себе имеет
Подскажите почему свайпер может не работать. Подключил строго по инструкции, стили появились но сам свайпер не листает текст Перелопатил уже кучу всего хз в чем проблема
что-то подвис на этапе dropdown,указал абсолют для него,релатив у блок-фильтр и в итоге текст весь наложен друг на друга,а не как у тебя каждый на своем месте
@@ПрокашевДаниил да, я понял про расстояния, я сделал скорость 0.25 и перемотку по секунде... пропаузил чуть ли не каждый кадр, но так и не увидел откуда ты взял это значение :)
//-код для бургера
&-icon {
display: none;
@media (max-width: 992px) {
display: block;
height: 18px;
width: 30px;
position: relative;
cursor: pointer;
z-index: 5;
span {
transition: all 0.3s ease 0s;
top: calc(50% - 1px);
left: 0;
position: absolute;
width: 100%;
height: 2px;
background-color: #fff;
&:first-child {
top: 0;
}
&:last-child {
top: auto;
bottom: 0;
}
}
&._active {
span {
transform: scale(0);
&:first-child {
transform: rotate(-45deg);
top: calc(50% - 1px);
}
&:last-child {
transform: rotate(45deg);
bottom: calc(50% - 1px);
}
}
}
}
}
Автор явно заслуживает больше зрителей и подписчиков
благодарю! все ещё впереди!)
C чего ты взял?
@@aleks.na.vse.100 С того, что раз уже хейтеры есть, то канал обречен на успех)
@@aleks.na.vse.100 полезно, самобытно
Это какой-то стокгольмский синдром. Сверстала две секции, за это время я испытала все виды боли. Даже боль от того, чо 3 секунды перемотки стрелкой в ютубе - это слишком много. За 3 секунды чел делает пятьсот действий)) Впервые в жизни использовала замедленную на максималках скорость, чтобы иногда понять, куда он пишет. Я решила, что не готова к такому формату и приняла твёрдое решение не идти до конца, а найти что-то попроще.
Сюрприз.
Теперь мне все кажутся очень медленными))) Я в заложниках у этого чела.
Рекомендую всем хардкорщиками и извращенцам. Пока разбираешься, куда он тыкнул - начинаешь реально ориентироваться в простыне стилей.
И огромное спасибо за clamp. Сначала не очень понимала, откуда берутся значения для формулы. Теперь не понимаю, как же иначе то)
жиза, обычно на полтора-два все смотрю, а тут нихера не успеваю)
Чел, ну ты когда вернёшься? отлично же верстали. Ждём новых топовых видосов.
У тебя очень качественный контент. Было бы здорово увидеть верстку сложных макетов в таком стиле. Тот же многостраничник с множеством сложных блоков или интернет магазин просто идеально подошел бы) С твоей подачей многие вещи становятся проще, поэтому ролик с таким видео очень помог бы)
Автор просто находка для верстальщиков!!! Никогда не видел чтоб человек быстро и без воды все верстал. Сразу видно профессионал своего дела. Было бы супер, сверстай ты еще более сложный макет с анимациями и используя побольше JS. Автор, желаю тебе успехов в будущем. P.S. Жду еще видео по верстке сложных макетов)
благодарю!
@@ПрокашевДаниил Благодарю за видео! Много чего подметил для себя.Ждем ещё видео про верстки)
Очень быстро рассказываешь, мозг не успевает пережевать информацию. В остальном молодец.
не знаю почему многие в таком восторге от видео, все очень дергано, глаз просто не успевает за действиями автора и даже не всегда успеваешь на паузу видео поставить что-бы увидеть что автор написал
я наоборот на Х2 смотрю
Очень круто! Спасибо большое за такой урок. Надеюсь, что он не последний. Хочется по больше верстки!
Очень классно, рад что нашёл твой канал. Не вздумай забросить
большое спасибо! пока забрасывать не планировал)
ul в навигации это рудимент исторический, достаточно просто ссылок. Правило с селектором * это тонкий лед, как и сброс точек у пунктов, если они где-то в тексте они понадобятся то придется переназначать, двойная работа. Ничего критического, в целом очень неплохо, образцово.
Верстать форму divами - это просто недопустимо, как для юзабилити, так и для отправки на сервер.
Крутая подача! Спасибо! Такой контент скоро будет набирать больше подписчиков, уверен! В будущем хотелось бы попросить Даниила поверстать различные UI компоненты, часто встречающиеся на сайтах
благодарю за фидбек и идею!)
Дорогой Данил, спасибо огромное за урок. Пока его делал я привык к боли, в шее, в пояснице и ниже, но я дошел до конца и многому научился. Дай Вам Бог здоровья! :-)
Видно что автор канала много чего заимствовал из канала "Фрилансер по жизни". Отличная подача.
да, долгое время смотрел его ролики) спасибо!
@@ПрокашевДаниил отлично. Можете верстать сложные макеты?
так ну посмотрел я урок , мне оч зашло, набрался и фишечек новых всяких, буду применять . я бы время от времени смотрел подобные видосы , только с одним ньюансом - на усложнение . ютуб переполнен версткой для новичков . а даже челу в процессе обучения как я уже хочется посложнее , вот например это конкретное видео, но дальше лучше ещё более hard
благодарю, буду искать макеты разного уровня, чтобы было интересно всем)
Побольше делай таких видео, на которых присутствует разные макеты, как тут, где картинка справа в углу выходит за рамки контейнера и как правильно сверстать такой сайт) с этими картинками
Просто находка!Спасибо вам большое, я подписался и буду вашим постоянным зрителем, столько нового узнал,продолжайте!
благодарю!
Приветствую! Ждём новых видео)) Очень полезный контент!
начинал смотреть в первую очередь, увидев что длительность "всего" 2 часа :) посмотрев минут 10 понял - вот оно, именно то что хотел увидеть, верстка от профессионала именно так, как он делает ее не для ютуб(почти). еще через пару десятков минут, бесконечных пауз, перемоток и изменений в настройках скорости, понял - видео, ДЛЯ МЕНЯ, носит исключительно справочный характер, пример того каким должна быть верстка, к чему стремиться. а дальше просмотр превратился в просмотр чего то из Marvel DC, эффект wow, экшн, взрывные сцены мозга и этот же мозг из ушей. видео исключительно полезное, но пока буду использовать только как справочник - при возникновении вопросов просто искать ответ в видосике :) иду смотреть другие ролики
понял, учту этот момент! большое спасибо за обратную связь!)
@@ПрокашевДаниил еще вот только сейчас сформировалась мысль что самое непонятное, и где основной стопор. это где и когда использовать элементы. например: подчеркивание под пунктами меню - псевдоэлементы или же border-bottom, всякие svg элементы - background, div, span или что еще чего я не знаю и тд и тп. то есть основной вопрос - правильно разбивка и использование нужных элементов на своих местах. как правильно разместить например: блок, в блоке картинка, в блоке с картинкой описание, пару кнопок, сбоку от блока с картинкой в колонку еще пара блоков с небольшими катинками и параграф. пока не очень понятно и занимает много времени сделать правильную.... архитектуру что ли, даже слово не могу подобрать точное, но ты поймешь. было очень интересно увидеть мастеркласс на эту тему. это как идея для следующих роликов, вдруг у тебя их нет сейчас(идей) :)
@@sartjhon3300 большое спасибо! идеи есть, но будет ещё больше :)
видос огонь, подача очень хорошая, много фишек подчеркнул и решений, хотелось бы продолжения такого контента и сложные макеты
Автор вернись пожалуйста)
Дізнався чимало нового , дякую за урок !
Благодарю! рад, что помог!
так долго тупил как сделать слайдер, пересмотрел множество видео и только ты помог
рад помочь!😃
жду след проект с нетерпением, надеюсь будет многостраничный))
Продолжай вести
канал!!!
Спасибо за Ваш труд. Прекрасный урок.
и Вам спасибо за комментарий!
Спасибо большое, Даня! Классный проект! 😍😍😍
благодарю!)
Прекрасное объяснение. Благодарю за вашу работу, многое узнала для себя)
рад стараться)
Приветствую, огромное спасибо за то что ты делаешь✊🏻 очень информативно и профессионально🤝
спасибо!
Спасибо за видео! Как раз то что нужно)
спасибо за фидбэк! :)
Bolishoe spasibo!!! O4eni kruto
потрясающая верстка и ты очень приятный))
благодарю!
Еще столкнулся с такой проблемой, sass компилятор ругался на это "clamp(2.5rem, 1.875rem + 3.13vw, 4.063rem)"
а именно то что внутри идет такой запись: 1.875rem + 3.13vw,
решил проблему след. образом: clamp(2.5rem, calc(1.875rem + 3.13vw), 4.063rem).
напишу об этом, спасибо!
Отлично, жду новых видео.
Топовый контент!
благодарю!
Спасибо, вы - прекрасен!
благодарю!
лукас с ходу вам от СЕООНЛИ
Урок супер) Темп сумасшедший))
Не планируешь в ближайшее время ещё что-нибудь сверстать?) очень круто всё делаешь! если бы ещё чуть-чуть помедленнее)
спасибо! скоро планирую вернуться в строй, буду писать новые ролики!
Сразу видно понимание дела
благодарю!
Чел, возвращайся. Ведь крутые видосы делал.
Какой крутой видосик :)
Подписка однозначно!
благодарю!
Шикарно, надеюсь будет что-то на реакте )
благодарю! да, в будущем планирую делать и на реакте верстку
Очень классный контент, спасибо!
благодарю!
Продолжайте пожалуйста очень понятно
Даня, ты ювелир
благодарю)
Спасибо за урок! Хотелось бы помедленнее
ты два раза помыкнулся за aspect-ratio , но это фигня , наоборот слух резало бы если б ты на русскоязычном канале , английский акцент бы включал ))
а так звучит гармонично всё
спасибо!) я не понял, как эту фигню произносить :// ахах
а что так мало просмотров, такое заслуживает большое.Только поменьше вырезай моменты и еще лучше будет)
спасибо! да, я уже понял, что переборщил с монтажом. но я все свои ошибки знаю, буду устранять!)
@@ПрокашевДаниил 👍🏻
Ваше топ, летим!
Благодарю!
Отличное видео. Спасибо
спасибо!
Спасибо за контент
пожалуйста! :)
больше бы таких видео
практика на канале ещё будет
@@ПрокашевДаниил жду 😋
Здравствуйте, видио замечательное! Но у меня возник вопрос, а где видио с плагином google font? Вроде весь ютуб обыскал, не нашел😢😢😢.
Помогите, пожалуйста!
здравствуй! у меня на канале в видео по настройке vs code говорится о плагине google fonts)
@@ПрокашевДаниил ааа, огромное спасибо)
Отличный канал, отличный контент. Удачи вам в дальнейшем и развитии канала. Но хочу спросить в моменте с версткой секции преимущества, а именно обводка для круга, у которой opacity:0.12. Можно ли вместо псевдоэлемента использовать border: 1px solid rgba(163, 35, 46, 0.12) и в данном варианте opacity тоже будет только цвет фона, а все в что блоке будет opacity: 1. Да и так фон можно сделать
привет! в этой секции круги - это не границы, поэтому не получится. border нужен для создания границы/обводки
Спасибо, буду знать
@@ПрокашевДаниил Про border я знаю, в вопросе тупанул. Хотел написать про background-color, а написал про border
Фильтр в блоке hero это же форма? Сверстали заглушкой на дивах
Хорошо объясняешь, но слишком быстрое переключение между браузером и кодом. Не успеваю уловить информацию.
спасибо, учту!
капец смотрю ща и понимаю вот как я хочу научиться $башить
все впереди :)
Здравствуй, где ты научился так верстать?
Если не трудно, посоветуй, где брать знания, чтобы также ловко это делать.
привет! очень много где, смотрел много источников и много практиковался. это если вкратце)
Почему в SCSS вместо переменных кастомные свойства? В них какое преимущество?
Привет автор! Жаль что бы перестал выкладывать новые видео! Очень очень познавательно
Привет,почему больше не снимаешь видео ?
крутое видео
благодарю!
Привет, подскажи какой плагин ты используешь для того, чтобы понять размеры окна
Доброго времени суток! Можно ли от вас увидеть видео о том что лучше использовать normalize.css или reset.css или же какие-то свои сбросы стилей для кроссбраузерности? Будут ли об этом видео или в каких-то следующих видео об этом будет говорится?
привет! спасибо за идею, сделаю видос на эту тему)
Годно очень конечно! А как сделать так, чтобы при копировании классов сразу отображалась вложенность в scss как у тебя?
разобрался)
@@romanvashkevich8786 В настройках scss трактор поставь галку
Как закрывать и открывать блоки в HTML(там напротив цифр стрелочка)? Вообще не понимаю
Какое изумительные видео! Как раз начинаю учиться вёрстке, думаю будет полезно смотреть подобные видео, очень классный контент. Подскажи пожалуйста, что за приложение похожее на фотошоп ты используешь
привет! спасибо за фидбек) это Фигма, приложение для создания дизайн-макетов
@@ПрокашевДаниил это же сайт вроде бы?
@@Хорёк-ч1т Есть сайт и софт на пк
@@Хорёк-ч1т можно использовать как в браузере, так и скачать десктопную версию
@@ПрокашевДаниил понял, а ведь фигма это реально очень полезная штука
Добрый день,спасибо за урок.Я начинающий верстальшик и мне очень понравилось.
Вопрос!
Могу Я добавить этот проект в портфолио?
Будет ли урок о создании снпетах?
И о портфолио--может сделаете видео портфолио и как новичкам начать запобатывать?
привет! проект можешь добавить в портфолио) урок по сниппетам могу сделать. про то, как новичкам начать зарабатывать - такого видео в планах нет
@@ПрокашевДаниил спацибо и за снипет!
У меня вопрос по кроссбраузерности: Gap для флексов поддерживается в Safari на iOS с 14.5 версии, функция Clamp поддерживается в Safari на iOS с 13.4 версии
Я попробовал зайти на этот уже сверстанный сайт с Iphone 6s (версия IOS - 13.3), результат - отсутствие отступов и одинакового размера иконок, в которых используется свойство Clamp и отсутствие отступов между элементами в которых используется свойство Gap для Flex - элеметов
Поэтому вопрос: как ты решаешь эти проблемы с кроссбраузерностью или же ты просто не поддерживаешь данные версии браузеров, хотя таких пользователей, как по мне, не мало?
привет! вместо gap можно использовать различные отступы, по типу margin-left и margin-bottom. есть небольшая комбинация .elem:not(:last-child), которая выберет все элементы с классом elem, кроме последнего. и внутри этой комбинации можно написать отступ влево или вниз. соответственно, отступ будет у всех элементов, кроме последнего. то есть по сути, будет тоже самое, что gap, но без gap.
функцию clamp можно заменить на функции calc, насколько я знаю, в интернете есть различные переводчики из clamp в calc. либо же, можно добавлять флаг supports в css, проверять поддержку свойства clamp, и если не поддерживается, то ставить обычные фиксированные размеры/отступы
почему я не сказал об этом в видео - не знаю :/
спасибо за вопрос!
@@ПрокашевДаниил Спасибио, если знаешь сайт по переводу clamp в calc, скинь сюда, а то я что-то не нашёл
привет ,
поясни , что это делает
flex: 0 0 calc(700px / 1420px * 100%);
?
Добрый день,будут видео с вёрсткой бутстрапом,или вообще что рекомендуете изучать,мне подсказали что с бутстрапом быстрее эффективнее верстать.Спасибо заранее.
приветствую! бутстрапом не пользуюсь и никому не советую) знать про него стоит, но не более имхо
@@ПрокашевДаниил Добрый день, оч круто делаете слайдеры,могу Ли я с вами свзязаться по телеге,у меня функциональный какой то замороченный слайд.поможете?
Можете сказать почему у мен не работает код я скачал этот архив открыл нтмл но функционал не работает
Даниил, давай мяса
Come back!
Спасибо за урок! Подскажи пожалуйста, разве swiper работает без файла swiper.css? Там вроде все ломается, если открывать на мобиле и пытаться свайпить не мышкой?
привет, нет, не ломается, так как я пишу свои стили, которые все предусматривают)
@@ПрокашевДаниил даа, я уже разобрался, это потому что ты ипользовал 8 версию свайпера, а у них новая вышла и вот она не работает без swiper.css )) там так и написано на сайте: Now Swiper handles only Pointer Events, and doesn't rely on touch events like touchstart, touchmove, etc.
А как эти декорации будут смотреться на 3к+ разрешениях монитора, тоже будут прижаты к краям экрана?
А почему подключал только скриптовый файл swiper ? По инструкции нужно ещё css/scss
я не подключал стили слайдера, это не обязательно. я написал свои стили)
А можно ли вместо формул для текста, например, использовать относительные единицы, или это уже не совсем то будет?
относительные единицы - это немного про другое) используя формулы, мы можем не писать медиа-запросы для уменьшения размера текста, когда как просто используя относительные единицы, мы просто используем относительные единицы
Спасибо за видео!
Может кто-то сталкивался с ошибкой после использования калькулятора min-max - Error: Incompatible units: 'vw' and 'rem'?
благодарю! попробуй пересобрать формулу? не думаю, что поможет, но вдруг
@@ПрокашевДаниил Спасибо за ответ! я не смогла исправить проблему в scss файле, вставила формулу сразу в style.css. Пока только так работает)
@@filnguyen1670 ну хоть как-то, уже хорошо)
у меня тоже не работает формула
@@lesan6866 используйте функцию unquote(). Например max-width: unquote(“calc( 1vw- 1px )”). Оно скомпилируется без кавычек и будет работать в файле CSS
А как разместить такой сайт на гитхаб странице с ссылкой ?
какой плагин ты говорил на 12:00 ecss extractor or css exctracor
ecsstractor
А для чего используетcя два похожих свойства вместо одного, в block-filter__dropdown {opacity : 0; visibility : hidden;} ?
visibility: hidden нужен для того, чтобы с элементом нельзя было взаимодействовать, а opacity нужен для плавности появления
Привет! не подскажешь, почему ты часто прописываешь некоторые значения типа ширины/высоты и тд у пикч и все это в html? просто первый раз такое вижу, это так правильно или для наглядности сделано? Поясни если не сложно
привет! не совсем понял, что ты имеешь в виду😅 я все размеры писал в css
в html вставлялись только размеры svg иконок, потому что так принято как раз у svg, и этот код по умолчанию копируется из фигмы. а остальное да, остальное я писал в файле стилей
@@ПрокашевДаниил Окей, спасибо за ответ)
ты говоришь 3 года верстаешь , а препроцессоры с какого времени использовать начал? сильный буст они дали на моменте начала перехода на них?
препроцессор почти сразу начал использовать, как только понял, как писать обычный css код. буст дают не сильный, но дают. но чтобы была польза от препроцессора, надо знать, какие фишки и функции он в себе имеет
@@ПрокашевДаниил понял, спасибо!
(ps а ещё тебе идея для видео(препроцессоры)) 😉
Подскажите почему свайпер может не работать. Подключил строго по инструкции, стили появились но сам свайпер не листает текст
Перелопатил уже кучу всего хз в чем проблема
привет! напиши в телегу, вместе найдем проблему)
@@ПрокашевДаниил скинь телегу если не влом
4to takoe css traktor ya ne mogu u sebya eto sdelat?
Где-то этот шаблон видел кто-то верстал его на англоязычной канале .
вполне возможно) я не видел
@@ПрокашевДаниил Красава бро
@@edwarddeveloper6088 спасибо!
@@ПрокашевДаниил пожалуйста бро
а gap можно уже использовать, не будет проблем в других браузерах?
да, можно. не поддерживает только эксплорер, но я его тоже не поддерживаю. можно заменить каким-нибудь margin-left/bottom
@@ПрокашевДаниилспасибо)
что-то подвис на этапе dropdown,указал абсолют для него,релатив у блок-фильтр и в итоге текст весь наложен друг на друга,а не как у тебя каждый на своем месте
возможно, ты не тому дал абсолют. напиши мне в телегу, чтобы я мог код посмотреть
вы смогли решить проблему? просто у меня тоже самое
Где видосы?
пока нет возможности их делать
@@ПрокашевДаниил очень жаль
12:44 как вы сделали такой комментарий? буду благодарен если ответите
это кастомный сниппет) его надо делать в настройках сниппетов. у меня так - sp + tab
@@ПрокашевДаниил понял, спасибо
а у ul стоит делать обнуление, margin и padding?
он уже обнулен, в самом начале видео мы прописали обнуление для вообще всех элементов
как называется препроцессор, который сам заменил css на sccs?
это не препроцессор, а плагин. live sass compiler
как настроить ecsstractor чтобы переносил в scss?
на канале есть видео по настройке редактора, там я об этом говорю
блин, дружище (( слишком быстро, без малейших объяснений. пусть будут быстрые объяснения, но хотя бы чтобы были. 13:35 откуда ты взял gap?
понял, буду помедленнее все объяснять! gap - расстояние между кнопкой и ближайшим пунктом меню
@@ПрокашевДаниил да, я понял про расстояния, я сделал скорость 0.25 и перемотку по секунде... пропаузил чуть ли не каждый кадр, но так и не увидел откуда ты взял это значение :)
@@sartjhon3300 я, видимо, случайно вырезал этот момент
Скопировал твой код на бургер, даже не отображается на странице(
Uncaught ReferenceError: Swiper is not defined такая вот ошибка, помогите пожалуйста
напиши мне в телегу, надо код видеть. скорее всего у тебя подключение скриптов наверное, надо сначала подключить свайпер, а потом уже основной скрипт
@@ПрокашевДаниил ок, вечером с работы приеду и скину
что если бургер не открывается по нажатии ?
вероятно неправильно написан скрипт
сколько занимаешься вёрсткой и какой у тебя уровень?
спасибо за видео
привет! верстаю чуть больше 3-х лет) уровень, я думаю, уверенный джун
@@ПрокашевДаниил я только начинающий Джун)
@@s1rop4ik10 все ещё впереди! :)
@@ПрокашевДаниил А через какое время стал джуном в целом?