Добро пожаловать на мой канал: «Coding With Topchiy”, меня зовут Дмитрий. Этот канал создан с целью помочь вам в изучении веб-дизайна, HTML, CSS и другое.
Подписывайтесь на мой канал чтобы получать уведомления о новых видео и получать больше полезной информации об HTML и CSS.
Очень полезная информация, хорошо бы еще такое же видео, но про адаптацию картинок, особенно если у них размеры разные, а карточку презентации нужно для всех одинаковую. Спасибо. Я посмотрела также ваше видео про 62,5% для font-size. Если вы работаете в этой сфере, делитесь с нами такой информации. К сожалению , очень мало просмотров (может эта тема уже не актуальна в реальной работе).
Приветствую! Спасибо за обратную связь. Это видео может быть полезным по изображениям: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-UwMQa8r4Kb8.htmlsi=TLtSVPvXI2VeXhIv Обязательно буду делится полезными знаниями!
GitHub - это бесплатный хостинг, вы можете делиться ссылками сайтов залитыми через GitHub, для этого нужно залить код HTML, CSS и JavaScript это может быть простой landing. Чтобы подключить базы данных MySQL, PHP и тд. можно заливать сайты на платные хостинги, такие как hostinger.com или godaddy.com.
Бро я сколько облазил не нашёл, подскажи вот после отправки данных формы нас перенаправляют на страницу успеха: как мне на этой странице темный фон сделать? это собственная страница web3form и как мне там что-то изменить я не понимаю
Решил проблему. Бэкграунд колор надо задать FIGURE. например #222. а у Боди РЭД и тогда опасити будет затенять картинку от #222. а не от Боди. Мы же просвечиваем свойством Опасити картинку, а там цвет БОДИ)) За уроки большое СПАСИБО!
Дмитрий обратил внимание если у body бэкграунд оставить по умолчанию (в данном ролике), то затенить картинку не получилось. все приобретает цвет Body по умолчанию (в белый цвет)... Если у BODY цвет красный, то и opacity 0.4 на img окрашивает все в красное. Это наверно у меня так....
Дмитрий Здравствуйте! Все оверлеи по вашим видео получились, кроме с лева на право и с право на лево. текст на оверлее как будто бы изначально большой, а в момент ховера он собирается как надо (в момент начала оверлея блок с текстом и параграфом занимает 100% высоты блока и тут же собирается в центре как я и задавал). Как будто бы конструктор....(
Приветствую! Если я правильно понял, текст растягивается на всю ширину, тогда вам нужно указать определенную ширину и высоту для блока с текстом или используйте свойство white-space: wrap чтобы текст не растягивался, а разрывался.
@@codingwithtopchiy Проблему решил. было при наведении мыши на блок начинался хомвер и буквы параграфа и текста собирались с верху и снизу (из ТОП 0 и БОТТОМ 0) в центр... Но задал фиксированную ширину блоку с текстом и параграфом, который в блоке Оверлай, позиционированный абсолютно и все стало выезжать с лева и права как надо.... хз почему так.
Спасибо! Я хочу сделать несколько таких прокруток на странице. Как мне это сделать? Просто, у меня функция срабатывает только на один скрол( блок с фото).
Приветствую! Пожалуйста) Для другой прокрутки создайте такой же скрипт, только с другим названием блока и переменных. Например, если первый называется box-container, второй может быть box-container-1 и тд.
Вот у меня вопрос: для вашего кода для font-size и padding вы указываете либо rem, либо vw, либо %; как вы определяете что именно нужно использовать и при каких условиях. Не у кого на каналах не нашла обьяснения. Спасибо
Приветствую! Честно говоря, сложно объяснить по простому, это больше наверное уже связано с опытом. Все эти единицы rem, vw, vh и % отлично адаптируются, поэтому я их и использую. Могу дать следующую рекомендацию, изучите все единицы измерений в CSS, затем определите для себя какие лучше будут подходить в разных ситуациях. Вот например видео о единицах rem: Единица REM в CSS - детальный разбор ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Qj5mBnC5mCg.html Также в этом плей-листе есть разбор и других единиц, можете ознакомится, надеюсь будет полезно 👍
Дякую Вам! Перше що зробив находячись в відпустці після року на війні це зайшов на Ваш канал . За цей час все забулось , буду вчити по новому , потрібно жити далі . Ваш контент один з найкращих , бажаю всебічного розвитку Вам і вашому каналу !
Дмитрий, а если нужно, что бы Модальное окно открывалось именно по клике на кнопку, о нужно в JS написать document.queryselectorALL('box-container . box .button') и далее как в ролике?
Отличный формат и урок, было бы еще полезней если бы пару слов говорил про то чем служат аргументы непопулярных свойств, например я не понял что означают 3 значения в scale3d. 👍
Приветствую! Спасибо за обратную связь 👍 Пожелание понял. scale3d - 1 значение масштаб горизонтальный, 2 значение вертикальный, 3 значение масштаб в глубину.
Дмитрий Здравствуйте. Не могу сообразить. Есть слайдер, состоящий из нескольких карточек (картинка, текст, кнопка "Подробнее"). И Вот нужно нажать на "Подробнее" что бы появилось модальное окно размером чуть больше карточки с описанием и прокруткой вниз(в описании карточки). Как это в HTML прописать не пойму.....
Приветствую! В целом идея такая, создаете карточку, затем модальное окно и затем нужно с помощью JS подключить возможность открывать модальное окно при клике на кнопку «Подробнее» и закрывать при клике на крестик. Постараюсь на днях записать видео на эту тему 👍