![Topchiy Dev](/img/default-banner.jpg)
- 661
- 493 203
Topchiy Dev
Ukraine
Registrace 1. 06. 2022
Hello everyone:)
Добро пожаловать на мой канал: "Topchiy Dev”, меня зовут Дмитрий. Этот канал создан с целью помочь вам в изучении веб-дизайна, HTML, CSS и другое.
Подписывайтесь на мой канал чтобы получать уведомления о новых видео и получать больше полезной информации об HTML и CSS.
Спасибо:)
-------------------------------------------------------------------
Welcome to my channel: "Topchiy Dev". This channel was created to help you learn web design, HTML, CSS and more.
Subscribe to my channel to be notified of new videos and get more useful information about HTML and CSS.
Thanks:)
Добро пожаловать на мой канал: "Topchiy Dev”, меня зовут Дмитрий. Этот канал создан с целью помочь вам в изучении веб-дизайна, HTML, CSS и другое.
Подписывайтесь на мой канал чтобы получать уведомления о новых видео и получать больше полезной информации об HTML и CSS.
Спасибо:)
-------------------------------------------------------------------
Welcome to my channel: "Topchiy Dev". This channel was created to help you learn web design, HTML, CSS and more.
Subscribe to my channel to be notified of new videos and get more useful information about HTML and CSS.
Thanks:)
Анимация отскока в CSS || Amimation CSS Effects - Bounce
👉 Support me on Patreon: www.patreon.com/topchiydev/membership
В этом видео вы узнаете, как сделать анимацию подпрыгивания или отскока с помощью CSS анимации шаг за шагом.
Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm.
Have a nice day, GOD bless you ❤️
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev
💵 Поддержать канал (support channel): 5375411204111681 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
💵 Поддержать канал (support channel): www.patreon.com/TopchiyDev
👍 Subscribe: czcams.com/channels/93wVeK8kdQAHQYFjpHfFvw.html
😀Спасибо за просмотр!😀
В этом видео вы узнаете, как сделать анимацию подпрыгивания или отскока с помощью CSS анимации шаг за шагом.
Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm.
Have a nice day, GOD bless you ❤️
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev
💵 Поддержать канал (support channel): 5375411204111681 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
💵 Поддержать канал (support channel): www.patreon.com/TopchiyDev
👍 Subscribe: czcams.com/channels/93wVeK8kdQAHQYFjpHfFvw.html
😀Спасибо за просмотр!😀
zhlédnutí: 66
Video
Как добавить замутнение фона для меню при прокрутке страницы вниз | How to add blur navbar on scroll
zhlédnutí 93Před 10 hodinami
🔗 Исходный код (source code): www.patreon.com/posts/111395970 👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как добавить замутнение фона для меню при прокрутке страницы вниз используя HTML, CSS & JavaScript шаг за шагом. Blur navigation menu on scroll page down using HTML, CSS & JavaScript step by step. 🔗 Images: picjumbo.com/ Please hit the LIKE 👍, it`...
Как создать конвертер голоса в текст используя HTML, CSS & JS| Voice to text converter using JS
zhlédnutí 86Před 15 hodinami
🔗 Исходный код (source code): www.patreon.com/posts/111395611 👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как сделать конвертер, который конвертирует голос в текст используя HTML, CSS & JavaScript шаг за шагом. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 👍 Полезная информация для программирования и ...
Как изменить цветовую тему для Visual Studio Code
zhlédnutí 70Před 22 hodinami
👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как изменить цветовую темя для Visual Studio Code. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev 💵 Поддержать канал (support channel): 5375411204111681 (universal b...
Как добавить слайд шоу на сайт используя ресурс Vegas Background Slide Show || How to add SlideShow
zhlédnutí 90Před dnem
🔗 Исходный код (free source code): www.patreon.com/posts/111395261 👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как добавить слайд шоу на сайт используя ресурс Vegas Background Slide Show шаг за шагом. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 🔗 Vegas Background Slide Show: vegas.jaysalvat.com/ 🔗 A...
Как сделать hover effect для ссылок используя псевдоэлемент ::before CSS
zhlédnutí 106Před dnem
👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как сделать hover effect для ссылок используя псевдоэлемент ::before CSS. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev 💵 Поддержать канал (support channel): 537541...
Как добавить background в косую линию используя только CSS || Oblique line background using only CSS
zhlédnutí 71Před 14 dny
🔗 Исходный код (free source code): www.patreon.com/posts/111393716 👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как сделать background в косую линию используя repeating-linear-gradient CSS. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 👍 Полезная информация для программирования и дизайна на моем телегр...
Как сделать Preloader для сайта на HTML & CSS | How to create preloader for website using HTML & CSS
zhlédnutí 97Před 14 dny
🔗 Исходный код (source code): www.patreon.com/posts/111393550 👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как сделать preloader для сайта используя HTML & CSS шаг за шагом. 🔗 jQuery link - cdnjs.com/libraries/jquery Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 👍 Полезная информация для программирован...
Как загрузить сайт в интернет используя бесплатный хостинг netlify || Бесплатный хостинг netlify
zhlédnutí 181Před 14 dny
👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как быстро загрузить сайт или проект на бесплатный хостинг netlify. Netlify - это сервис, который предоставляет бесплатный хостинг для статических сайтов. 🔗 Service netlify: www.netlify.com/ 🔗 Documentation: docs.netlify.com/get-started/ Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a n...
Модальное окно используя атрибут popover CSS | How create modal window using popover attribute CSS
zhlédnutí 136Před 21 dnem
🔗 Исходный код (source code): www.patreon.com/posts/111393382 👉 Support me on Patreon: www.patreon.com/TopchiyDev В этом видео вы узнаете, как супер просто сделать модальное окно используя атрибут popover CSS шаг за шагом. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 👍 Полезная информация для программирования и дизайна на моем телеграм-канале:...
Как добавить background в клеточку используя только CSS | How to create checkered background CSS
zhlédnutí 150Před 21 dnem
🔗 Исходный код (free source code): www.patreon.com/posts/111393191 👉 Support me on Patreon: www.patreon.com/topchiyDev В этом видео вы узнаете, как сделать background в клеточку используя только CSS. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev 💵 Подд...
Как сделать кнопку связаться с сайтом HTML & CSS || Click to call button using HTML & CSS
zhlédnutí 120Před 21 dnem
🔗 Исходный код (source code): www.patreon.com/posts/111395733 👉 Support me on Patreon: www.patreon.com/topchiydev/membership В этом видео вы узнаете, как сделать кнопку связаться с сайтом (click to call button) используя HTML & CSS шаг за шагом. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 🕛Time-marks🕛 06:00 - add click to call button 👍 Полезн...
Галерея изображений с помощью ресурса FancyBox используя HTML, CSS & JavaScript || FancyBox Gallery
zhlédnutí 139Před 28 dny
🔗 Исходный код (source code): www.patreon.com/posts/110148137 📌 Примечание: это видео загружено на Patreon 👉 Support me on Patreon: www.patreon.com/topchiyDev В этом видео вы узнаете, как сделать галерею изображений с помощью ресурса FancyBox используя HTML, CSS & JavaScript шаг за шагом. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 🔗 Images: ...
Адаптивное навигационное меню на HTML,CSS & JavaScript | Responsive navbar on HTML, CSS & JavaScript
zhlédnutí 218Před měsícem
🔗 Source code: www.patreon.com/posts/109769273 👉 Support me on Patreon: www.patreon.com/TopchiyDev В этом видео вы узнаете, как сделать адаптивное навигационное меню используя HTML, CSS & JavaScript шаг за шагом. Подробное объяснение, как сделать горизонтальное адаптивное фиксированное меню. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 🕛🕛Time-...
Свойство backface-visibility в CSS || Backface-visibility property in CSS || Full CSS course
zhlédnutí 935Před měsícem
В этом видеоуроке вы узнаете, что такое свойство backface-visibility в CSS, а также увидите, как работает и применяется данное свойство на примерах. Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm. Have a nice day, GOD bless you ❤️ 👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev 💵 Поддержать канал (support channel): 5375411204111681 (u...
Как создать пользовательский курсор с анимацией на HTML, CSS & JavaScript | Custom Cursor JavaScript
zhlédnutí 354Před měsícem
Как создать пользовательский курсор с анимацией на HTML, CSS & JavaScript | Custom Cursor JavaScript
Свойство transform-style в CSS || Transform-style property in CSS || Full CSS course
zhlédnutí 115Před měsícem
Свойство transform-style в CSS || Transform-style property in CSS || Full CSS course
Как сделать анимированный скролл мышкой на HTML & CSS || Animated mouse scroll using CSS animation
zhlédnutí 500Před měsícem
Как сделать анимированный скролл мышкой на HTML & CSS || Animated mouse scroll using CSS animation
Как сделать анимированный текст на HTML & CSS || Animated text using only HTML & CSS step by step
zhlédnutí 175Před měsícem
Как сделать анимированный текст на HTML & CSS || Animated text using only HTML & CSS step by step
Свойство tranform-origin в CSS || Tranform-origin property in CSS || CSS Full course
zhlédnutí 129Před měsícem
Свойство tranform-origin в CSS || Tranform-origin property in CSS || CSS Full course
Как сделать аннимацию для текста на HTML & CSS animations || Animated text using HTML&CSS animation
zhlédnutí 140Před měsícem
Как сделать аннимацию для текста на HTML & CSS animations || Animated text using HTML&CSS animation
Эффект для текста используя mix-blend-mode CSS || Text effect using mix-blend CSS
zhlédnutí 145Před měsícem
Эффект для текста используя mix-blend-mode CSS || Text effect using mix-blend CSS
Функция perspective() в CSS || Function perspective() in CSS || CSS Full course
zhlédnutí 238Před měsícem
Функция perspective() в CSS || Function perspective() in CSS || CSS Full course
Секция новостной рассылки HTML & CSS || Newsletter section using only HTML & CSS step by step
zhlédnutí 112Před měsícem
Секция новостной рассылки HTML & CSS || Newsletter section using only HTML & CSS step by step
Как сделать всплывающую подсказку при наведении HTML & CSS || Help tip using HTML & CSS step by step
zhlédnutí 183Před měsícem
Как сделать всплывающую подсказку при наведении HTML & CSS || Help tip using HTML & CSS step by step
Анимация для текста HTML & CSS || Text animation using HTML & CSS step by step
zhlédnutí 138Před měsícem
Анимация для текста HTML & CSS || Text animation using HTML & CSS step by step
Адаптивная верстка сайта с анимацией используя HTML, CSS & JavaScript | Sport Watch Landing page
zhlédnutí 728Před měsícem
Адаптивная верстка сайта с анимацией используя HTML, CSS & JavaScript | Sport Watch Landing page
Функции matrix() & matrix3d() в CSS || Function matrix() & matrix3d() in CSS || CSS Full course
zhlédnutí 106Před měsícem
Функции matrix() & matrix3d() в CSS || Function matrix() & matrix3d() in CSS || CSS Full course
Button with hover effect using only HTML & CSS step by step
zhlédnutí 231Před měsícem
Button with hover effect using only HTML & CSS step by step
Сброс стилей в CSS || Обнуляющие стили в CSS || Reset CSS
zhlédnutí 213Před měsícem
Сброс стилей в CSS || Обнуляющие стили в CSS || Reset CSS
Спасибо брат большое
Пожалуйста)
Спасибо!!!👍
Пожалуйста)
*я походу что-то пропустил, как сделать так что когда хочу навести на вкладку нижнюю открытую окошку чтобы она не исчезала?*
Приветствую! Меню выпадает после наведения мышью на нужную вкладку (hover эффект), если курсор смешается и не наведен на вкладку, тогда меню скроется.
@@topchiydev так проблема в том что она исчезает когда я навожу, может его top приподнять и x-index сместить назад?
Нужно проверять код, скорей всего где-то есть ошибка, попробуйте по изменять значения, должно помочь.
@@KogotGRIEF у меня та же проблема ( уже все 10 раз проверила, но когда опускають на выпадающее меню, оно исчезает 😢
Очень понравилось. Клетка у меня уже есть, теперь в косую. Прикольно и классно будет выглядеть.
Рад, что понравилось)
Очень интересный и полезный элемент для любого сайта. Классный урок-информация от Димы, и как это сделать понятно и просто. Самое главное, как этот ресурс можно применить. Спасибо, мне реально все понравилось.
Пожалуйста)
🖒
🙌
Топ👍
Спасибо)
Спасибо, до сих пор не понимал, сейчас уже начинаю складывать пазл
Пожалуйста)
А у тебя можно купить не официальное личное обучение?
Приветствую! К сожалению на данном этапе не могу обучать индивидуально, так как создаю платные курсы и видео и веду несколько проектов, времени нет совсем.
Наводишь курсор на кнопку, а она упрыгала😂
😀
Огонь!!!
Спасибо 🔥
😎👍
👍
Почему так мало материала про создание модальных окон с помощью popover, если этот атрибут реально упрощает работу ? P.S. Не могли бы вы еще про тег dialog видео записать 👉👈?
Приветствую! Даже и не знаю, почему так мало материала на эту тему, popover атрибут реально крутой 😎 Тег dialog устаревший для современных браузеров и не часто применяется, но для общего развития постараюсь со временем записать видео на эту тему.
@@topchiydev благодарю за информацию )
Но кстати на can i use у тега dialog поддержка показывается на уровне 95%. Или это баг сайта ?
Интересно, кстати не проверял через can i use, немного позже гляну, спасибо)
❤
👍
на сайте тупо название репозитория и всё,не кайф,хелп
Приветствую! Проверьте сходится ли название файлов которые заливали с файлами самого сайта, все должно быть одинаково, index.html, style.css и тд. Где-то допущена ошибка, нужно все проверить.
@@topchiydev низнаю,вторые сутки с этим дерьмом парюсь,уже и джаву и ксс отделил от кода,эти стили ваши,всеравно не работает ничё
@@topchiydev перерь вообще 404,класс
Попробуйте этот метод: Как загрузить сайт в интернет используя бесплатный хостинг netlify || Бесплатный хостинг netlify czcams.com/video/E47jQsDCnFY/video.html
@@topchiydev ну вечером попробую, потом раскажу
Спасибо за видео
Пожалуйста)
Спасибо за труд
Пожалуйста)
😎👍круто!
Спасибо)
@@topchiydev Добрый день, Вы принимаете заказы на разработку?
@user-zm1sq7qb6o Приветствую! Напишите, пожалуйста, на почту codingwithtopchiy@gmail.com что именно вас интересует, я рассмотрю и дам ответ.
Класно объяснил, спасибо!👍
Пожалуйста)
Спасибо большое за видео, очень информативно и полезно.
Пожалуйста)
А как можно улучшить точность распознавания голоса в таком конвертере? я сам когда-то искал курсы по веб-дизайну, рассматривал разные варианты, но выбрал Skypro, чтобы освоить новую профессию и получить оффер))
Приветствую! На счет точности пока не нашел решение, но мне кажется, что это зависит больше от произношения.
А меняются ли при этом линки? Или их вручную изменять надо после этого
Вручную) А было бы удобно, если бы так работало 👍
В очередной раз говорю вам спасибо! Не хватает небольших разъяснений по js для 100% понимания, а так как всегда супер гуд! На ютубе вы самый лучший учитель для меня!
Пожалуйста) Спасибо за обратную связь 👍
спасибо
Пожалуйста)
😎👍класс!
Спасибо)
толково
Спасибо)
👍
Дмитрий добрый день. Можно сделать видео, когда например header (меню) фиксировано и по мере скролла от секции к секции менялся бэкграунд этого хедера (прозрачность и т.д.)?
Приветствую! Могу показать, как сделать фиксированный header и при прокрутке страницы вниз он будет становится прозрачным (blur effect).
@@topchiydev отлично!!! Спс
😎👍
👍
В очередной раз, говорю Вам спасибо!
Пожалуйста)
Здравствуйте вапще обленилась это да
Корисне відео. Якби ще на українській мові було б ще краще
Дякую)
Спасибо за видео 👍
Пожалуйста)
Спасибо
Пожалуйста)
Опа, полезное. Спасибо!
Пожалуйста)
Дмитрий, благодарю! Получилось, правда, убрала backgroung: transparent - саму кнопку не видно, не знаю, почему так работает в моем случае .
Пожалуйста)
коротко и понятно! мерси боку!
Спасибо за обратную связь 👍
Классная штука для многостраничного сайта. На практике выглядит отлично. Для обучения очень полезно. Небольшой штрих для понимания верстки.
Спасибо)
не дает рар загрузить
Попробуйте .zip или папкой.
Супер! Еще таких видео с библиотеками! MORE! MOORE!!)
Спасибо 👍
Очень круто👍👍👍
Спасибо)
😎👍класс!
Спасибо)
Отлично как всегда! А вегас неплох, делая сейчас слайдер я бы наверное на нем бы делал чем на том же свайпере. Более читаемый и команды для регулировки тоже сразу понятны с первого прочтения. Единственное не могли бы вы IDE цветовую схему поменять? Ютуб шакалит желтоватый текст, хуже видно
Спасибо за обратную связь 👍
Отлично!🙃
👍
А с помощью github можно загрузить сайт так же с файлом .js? И, можно загружать сколько угодно сайтов или есть какой-то лимит?
Приветствую! Да, файлы с .js можно добавлять. На счет лимита точно не знаю, но думаю особых ограничений нет. Также можно использовать ресурс netlify.com, вот видео об этом ресурсе: czcams.com/video/E47jQsDCnFY/video.htmlsi=MBKH063purNuh6DP
Очень познавательно и понятно.
Спасибо)