Rubber band animation CSS
7:28
2 ай бұрын
Пікірлер
@StPaaty
@StPaaty Күн бұрын
полезный урок. Спасибо!
@topchiydev
@topchiydev Күн бұрын
Пожалуйста 🙂
@topchiydev
@topchiydev Күн бұрын
🔗 Курс Flex Box CSS на образовательной платформе Udemy: www.udemy.com/course/css-flexbox-layout-course
@alexcerebrum5655
@alexcerebrum5655 Күн бұрын
запили видос про деплой сайта целиком!
@voldemarsozols131
@voldemarsozols131 3 күн бұрын
😆
@marpusik1277
@marpusik1277 3 күн бұрын
thanks
@topchiydev
@topchiydev 3 күн бұрын
Пожалуйста 👍
@AlibekAUBAKIROV-f1w
@AlibekAUBAKIROV-f1w 3 күн бұрын
Ура! Будет чем заняться!
@topchiydev
@topchiydev 3 күн бұрын
👍🙂
@mikhaildolgov
@mikhaildolgov 3 күн бұрын
😎👍круто!
@topchiydev
@topchiydev 3 күн бұрын
Спасибо 👍
@yassia7946
@yassia7946 3 күн бұрын
А что делать если размер файлов слишком большой?Загрузить не получается, а убрать ничего не могу, это портфолио((
@topchiydev
@topchiydev 3 күн бұрын
Приветствую 👋🏻 Попробуйте сжать файлы по размеру, вот видео на эту тему: Бесплатный сервис который сжимает изображения без потери качества || Squoosh.app kzbin.info/www/bejne/i5qWaGuYqciiqqc
@TwoCooKies
@TwoCooKies 3 күн бұрын
Java script не работает на сайте, но локально работает
@topchiydev
@topchiydev 3 күн бұрын
Приветствую👋🏻 Может что-то не подключилось, проверьте скрипты в файле index.html. Вот пример сайта залитого на GitHub: codingwithtopchiy.github.io/color-resources.github.io/ JS работает.
@Тоби-з2и
@Тоби-з2и 4 күн бұрын
очень много воды, видео растянуто в 5 раз+ не показано как настроить данный тег, тоесть вы на протяженик 2.5 минут ничего не раскаазали
@topchiydev
@topchiydev 4 күн бұрын
Приветствую! Спасибо за обратную связь 👍 Можете еще это видео посмотреть: Как стилизовать тег hr с помощью CSS kzbin.info/www/bejne/l4a4g4Sch7dlZ7s
@FliroksiST
@FliroksiST 4 күн бұрын
хзахваахааахааахаххвахавххавхваххвахпахха
@daven9ne
@daven9ne 4 күн бұрын
а почему блок с контентом уменьшается не сразу после клика, а с задержкой?
@topchiydev
@topchiydev 4 күн бұрын
Приветствую! Попробуйте изменить значения для свойства transition, это свойство влияет на плавность.
@andrey-j1x
@andrey-j1x 4 күн бұрын
У вас есть ошибка при указании времени в текстовом документе (vtt), надо добавить еще два нуля. Пример: (00: 00: 00.000 --> 00: 00: 05.000)
@topchiydev
@topchiydev 4 күн бұрын
Приветствую! Спасибо 👍
@Do_you_care
@Do_you_care 5 күн бұрын
Большое спасибо автору
@topchiydev
@topchiydev 5 күн бұрын
Пожалуйста 👍
@dmtrolgvch
@dmtrolgvch 5 күн бұрын
Годно!
@nbsp4917
@nbsp4917 5 күн бұрын
Почему attachment со значением scroll, примененный к div ведет себя как fixed, а со значением local как scroll, а не так как в случае с attachment, применённый к body? Какая-то путаница.
@topchiydev
@topchiydev 5 күн бұрын
Приветствую! С этим свойством есть некоторые проблемы с браузерами. Возможно это видео: Решение проблемы со свойством background-attachment: fixed на мобильных устройствах kzbin.info/www/bejne/hJPZY6igZ7OCY9E поможет лучше понять.
@БакирБазаркул-о8д
@БакирБазаркул-о8д 5 күн бұрын
делай больше контентов. Для новичков полезно
@topchiydev
@topchiydev 5 күн бұрын
Ок
@ИИванов-ь6с
@ИИванов-ь6с 5 күн бұрын
Я русский, мне трудно понять, сконцентрироваться. Получил контузию на Украине. Батюшка в церкви говорит, что я отправлюсь в ад, т.к. грешник. Но я то просто навсего подписал контракт с армией, чтобы служить в тылу. Что мне делать - изучать программирование или же идти в Финляндию?
@topchiydev
@topchiydev 5 күн бұрын
Приветствую! Не повторяйте предыдущих ошибок и делайте все возможное чтобы поступать правильно и нести добро в этот мир. Чтобы лучше понять что подходит нужно пробовать и смотреть на ощущения, а затем уже точно решить какое направление выбрать.
@ИИванов-ь6с
@ИИванов-ь6с 5 күн бұрын
@@topchiydev поможет ли мне чеченская бутылка, говорят, она быстро снимает грехи так как страдаешь в этом мире, чтобы попасть в рай чистым? Чеченцы же ведь наши братья меньшие, да?🙏
@maket473
@maket473 5 күн бұрын
спасибо, но как будто бы лучше самому писать, так хоть в памяти держится. к тому же ещё этот перенос строки лишний...
@Krylowandrey
@Krylowandrey 6 күн бұрын
Я не до конца понял зачем родительскому элементу задано свойство transform rotateX(15deg); Родительскй блок он же ни как не изменился
@topchiydev
@topchiydev 6 күн бұрын
Приветствую! Родительский блок немного повернулся на 4:52 это заметно, разворот по оси X идет немного не привычно как будто по вертикали. Можете задать градус больше чтобы лучше увидеть разворот.
@vlader7221
@vlader7221 6 күн бұрын
Спасибо, очень помогло!
@topchiydev
@topchiydev 6 күн бұрын
Пожалуйста 🙂
@marpusik1277
@marpusik1277 6 күн бұрын
thanks 🙏
@topchiydev
@topchiydev 6 күн бұрын
Пожалуйста 👍
@marpusik1277
@marpusik1277 7 күн бұрын
спасибо
@topchiydev
@topchiydev 6 күн бұрын
Пожалуйста 👍
@mikhaildolgov
@mikhaildolgov 7 күн бұрын
😎👍
@topchiydev
@topchiydev 7 күн бұрын
👍🙂
@topchiydev
@topchiydev 7 күн бұрын
🔗 Курс Flex Box CSS на образовательной платформе Udemy: www.udemy.com/course/css-flexbox-layout-course
@AlibekAUBAKIROV-f1w
@AlibekAUBAKIROV-f1w 7 күн бұрын
Дмитрий, у меня текст в параграфе <p class="text"></p> при клике на + сжевался, т.е. наложение друг на друга. Также, как будто в блоке места мало для текста. В параграфе у меня информация на 50-100 слов. Также у меня почему-то заголовках <h4>What is a HTML?</h4> не выходит отельным цветом блок (у вас белый на сером фоне)? у меня по умолчанию заданный цвет от body { background-color: gainsboro; } Заранее благодарю!
@topchiydev
@topchiydev 7 күн бұрын
Приветствую! В случае с параграфом проверьте чтобы было свойство min-height добавлено, это должно корректно действовать на высоту. В случае с заголовком проверьте к какому классу обращаетесь, стили для изменения цвета должны для блока с классом .question применятся.
@AlibekAUBAKIROV-f1w
@AlibekAUBAKIROV-f1w 7 күн бұрын
@@topchiydev благодарю за ответ. 7 раз отмерь, 1 раз отрежь. Это про меня сегодняшнего. * { line-height: 1.5; /* ошибка */ у меня было почему-то 1.5px } .question { background-color: darkcyan; /* ошибка */ у меня было почему-то color } Жду новые видео!
@mikhaildolgov
@mikhaildolgov 7 күн бұрын
😎👍
@topchiydev
@topchiydev 7 күн бұрын
👍🙂
@tvoidrug2540
@tvoidrug2540 8 күн бұрын
А без js тоже самое будет?
@topchiydev
@topchiydev 7 күн бұрын
Приветствую! Без JS немного другой подход нужен, можете посмотреть несколько примеров в плейлисте “Accordion”.
@Сандро-п7с
@Сандро-п7с 8 күн бұрын
Все круто, но что делать со скачком из-за вертикального скролла?
@topchiydev
@topchiydev 8 күн бұрын
Приветствую! Спасибо 🙂 Это из-за того, что увеличивается высота блока, как правило на сайте присутствует скролл поэтому скачка не будет. Можете добавить для body min-height: 200vh; например и открыть блок, скачок исчезнет. Можно еще попробовать убрать скролл)
@Сандро-п7с
@Сандро-п7с 7 күн бұрын
Огромное спасибо ​@@topchiydev
@AlibekAUBAKIROV-f1w
@AlibekAUBAKIROV-f1w 7 күн бұрын
@@Сандро-п7с доброго времени суток, если я верно понял вопрос, то я сделал коррекцию в скролле, отключил overflow : html { font-size: 62.5%; /* overflow: hidden; */ }
@AlibekAUBAKIROV-f1w
@AlibekAUBAKIROV-f1w 8 күн бұрын
Благодарю!
@topchiydev
@topchiydev 8 күн бұрын
Пожалуйста 👍
@AnnaKop-b9i
@AnnaKop-b9i 8 күн бұрын
подскажите, как правильно, в тег article вписывать section или наоборот? Или это не имеет значения?
@topchiydev
@topchiydev 8 күн бұрын
Приветствую! <section> - смысловой или логический раздел документа, а <article> - самостоятельный и независимый раздел документа. Если контент семантически связан и относительно независим от остального содержимого страницы - используется <article>. Если контент связан с содержимым всей страницы - используется <section>. Теги <section> можно использовать внутри <article> , если там нужно выделить отдельные смысловые блоки. Точно так же можно использовать <article> внутри <section> , если в логическом разделе документа содержатся независимые контентные блоки. То есть по сути это независимые блоки, но при необходимости их можна вкладывать один в другой.
@topchiydev
@topchiydev 8 күн бұрын
🔗 Курс Flex Box CSS на образовательной платформе Udemy: www.udemy.com/course/css-flexbox-layout-course
@topchiydev
@topchiydev 8 күн бұрын
🔗 Курс Flex Box CSS на образовательной платформе Udemy: www.udemy.com/course/css-flexbox-layout-course
@topchiydev
@topchiydev 8 күн бұрын
🔗 Курс Flex Box CSS на образовательной платформе Udemy: www.udemy.com/course/css-flexbox-layout-course
@ИлюшаЧерепанов
@ИлюшаЧерепанов 8 күн бұрын
В чём проблема, что я пробую добавить сайт через гитхаб, а у меня всё равно вместо добавленного сайта просто пустая страница добавляется?
@topchiydev
@topchiydev 8 күн бұрын
Приветствую! В основном такая проблема возникает, когда пути не правильно добавлены к файлам или картинкам, поверьте эти моменты и попробуйте снова залить сайт.
@Mumbey
@Mumbey 9 күн бұрын
а почему у меня шрифты не подключились 😥 подскажите пожалуйста
@topchiydev
@topchiydev 9 күн бұрын
Приветствую! Вы через @font-face подключали или Google.font? Возможно что не верно подключили. Вот видео-инструкция для первого случая: kzbin.info/www/bejne/haTPgnqQnMlggdEsi=YtjGa37yZrk5iRLf и для второго: kzbin.info/www/bejne/jJSogId8d9GSbcUsi=sqKTZhF-Dtf9JQiw
@mikhaildolgov
@mikhaildolgov 9 күн бұрын
😎👍
@topchiydev
@topchiydev 9 күн бұрын
👍🙂
@voldemarsozols131
@voldemarsozols131 10 күн бұрын
😆
@AlibekAUBAKIROV-f1w
@AlibekAUBAKIROV-f1w 10 күн бұрын
Благодарю!
@topchiydev
@topchiydev 10 күн бұрын
Пожалуйста 👍
@AlibekAUBAKIROV-f1w
@AlibekAUBAKIROV-f1w 10 күн бұрын
С новым 2025 годом!
@topchiydev
@topchiydev 10 күн бұрын
Взаимно, успехов в развитии 👍
@Krylowandrey
@Krylowandrey 10 күн бұрын
Изображения могут лежать в корневой папке, там же где index.html и style.css ?
@topchiydev
@topchiydev 10 күн бұрын
Приветствую! Честно говоря, не проверял так, всегда использую изображения в папке, но думаю, что могут. Главное чтобы путь был верный, чтобы изображения отобразились.
@marpusik1277
@marpusik1277 10 күн бұрын
thanks 🙏
@topchiydev
@topchiydev 10 күн бұрын
Пожалуйста 👍
@mikhaildolgov
@mikhaildolgov 11 күн бұрын
😎👍
@topchiydev
@topchiydev 11 күн бұрын
👍🙂
@andrey-Dudkin
@andrey-Dudkin 12 күн бұрын
Спасибо
@topchiydev
@topchiydev 12 күн бұрын
Пожалуйста 👍
@AlibekAUBAKIROV-f1w
@AlibekAUBAKIROV-f1w 12 күн бұрын
Супер!
@topchiydev
@topchiydev 12 күн бұрын
Спасибо 🙂
@marpusik1277
@marpusik1277 12 күн бұрын
thanks 🙏
@topchiydev
@topchiydev 12 күн бұрын
Пожалуйста 👍