Топ-7 фишек HTML/CSS верстки сайта которые ты должен знать
ฝัง
- เผยแพร่เมื่อ 14 มิ.ย. 2020
- Мы продолжаем рубрику улучшаем код и в этом видео мы поговорим про топ 7 фишек html css для верстки сайта, котоые вы должны знать. Верстка сайта на самом деле не такая сложная как кажется на первый взгляд, да и html css кажется для начинающих темным лесом. В этом видео я покажу как легким способом сделать паралакс эфеект на вашей странице, добавить анимации CSS и многое другое, что поможет вам в дальнейшем быстрее верстать и применять в своей работе.
Пишите комментарии, все читаю и отвечаю ✌🏻
Можно центровать в 2 строчки. Контейнеру display: flex; флекс-элементу margin: auto; =)
Самолайк - закон успеха.
Для это всего библиотеку script.js обязательно подключать? У вас на видео подключена
Max Bondarenko ни для чего, в этом видео можете не подключать, то с прошлых уроков осталось
братан спасибо тебе, я узнал что можно написать вместо background-size bs)
Cirklе - это сильно))
Злорадствуете, уважаемый
Кратко о моем уровне английского)
rigt 😬
О, да вы из англии
Sirckle же!
Очень крутая рубрика! Спасибо, ждём ещё!!!
Рубрика пушка!🦾
Спасибо за труд! Пили ещё!🙌🏽
очень крутое видео! Я пока начинающий верстальщик и этим свойствам меня не учили) поэтому анимации, полупрозрачное наложение - это для меня как магия))
было бы круто, если бы такие видео выходили чаще)
Очень круто! Побольше бы такой тематики!
Лайк! Без воды все четко, быстро
За clip-path - лайк! Всю жизнь для задач с необычными формами блоков с картинками просто использовал png, теперь смогу делать поинтереснее!)
я тоже! спасибо автору, годный видос!
Да, реально спасибо!
Лучше я не видел. Постарался и изложил кратко и доступно. Конечно же продолжай делать так хорошо и дальше)
Класс! Побольше надо таких уроков ) Респект и уважуха за инфу!
Просто и понятно. Супер. Давай ещё
Спасибо. Реально нужная и ценная информация. Просто, быстро и понятно! Удачи!
Спасибо 🙏🏻
Ого!!!
Про анимацию реальный респект)))
Сделай в следующем видео переходы (like transition)
Зачётно продемонстрировал! Заслуженный Лайк👍
лучший канал, всем советую. Вот только многие ролики уже старые
Сначала лайк, потом смотрю!
Ого, топовое видео, спасибо большое! Начну применять фишки
Спасибо за clip-path, все ясно и понятно и ничего лишнего в видео, а то у других такое на час растягивают.
Ага)) какие-то цифры делают что-то))
Много полезной информации. Спасибо!
Большое спасибо вам! Недавно начал изучать html/css/js, я думаю это поможет. Продолжайте делать такой контент!
Как продвижения в изучении?
Это видео невероятное, спасибо
Больше бы таких видео.СПАСИБО ЧТО ДЕЛИШСЯ С НАМИ ЗНАНИЯМИ for free.
Очень крутой подход, информация прям зашла как нужно!
Хочется увидеть урок, про стилизацию форм (radiobutton, checkbox, text) ввод формы данными и отправка заполненных данных юзером себе на почту или телеграмм. Перекопал внятного ничего на эту тему не нашел. Спасибо за урок!!!
Видео снова огонь . Все четко и понятно , ещё бы таймлайн под видео или хотя разбивку по темам с указанием времени и пару тем в названии о чем будет разговор в видео чтоб оно не утонуло в закладках с одинаковыми именами и было сразу видно и легко найти интересующую фишку. Лайк
Топчек.Спасибо за видосик, удачи!
Настоящий трудяга - почти в час ночи видео вышло.
Ага, заслуживает лайка
Спасибо! Емко и полезно. Для начинающих(типа меня) - просто фантастика.
you are cool/ больше бы таких видосов
Полезные примеры, спасибо!
Лови лайкос, амигос, фишки супер!
Спасибо, достаточно познавательно, много для себя нашел
Шикарно. Спасибо.
такие видосы как всегда пушка, добавил к себе в закладочки
Очень полезная информация, спасибо
Спасибо большое, очень хороший контент и подан качественно.
Спасибо! Рубрика классная! Продолжение будет весьма актуально.
Ооооо, как нибудь сделаю
Годно!
Круто спасибо.
Круто, спасибо!
Лайк
Отличный выпуск.
Топчик контент👍 Спасибо!
Спасибо большое за это видео. Мне как начинающему очень интересно и полезно!
Пасиб, как раз во время.
отличный фармат видео, для новичков самый раз!!!!
Чуваки ставьте лайки, а не просто смотрите. Просто человек старается, а так вяло набираются лайки как бы тафталогично это не звучало. Тем более информация то полезная.
Классный видос, делай больше таких
Хорошо
Огонь!!))
Класс! И к черту плагины- анимашки, все ручками и головой можно сделать 👍👏
К черту флексы, пойду на таблицах делать)
Спасибо большое за видео! очень помогло
Оч круто, спасибо🙏👍
зачет!!!
круть)
Крутое видео, спасибо!
Очень круто ! 😄
Ставлю 1000 лайков и жду продолжения :) 😄
Спасибо за Clip-path помог)
Харош, терь будет более интересный сайт для екзамена :) Спасибо и продолжай )
Respect!
Красава
Лучший
Какие классные у тебя видео 👍🏻👍🏻👍🏻 Не понимаю, почему люди не ставят лайки. Можно потрудиться и коммент оставить. Мне кажется, твой контент того стоит!
Спасибо. Очень полезные ролики. Без воды и всё понятно.
Хочется узнать про особенности использования svg картинок. Никак не доберусь самостоятельно.
Приму к сведению
Класс, я об этом уже знал)😅
Хорошая серия роликов, спосибо 😊👍🔥
Супер
круто, подписался!
Ты лучший)
Клас продолжай , я узнал много
Да были неточности в видео, но спасибо за старание и труд, продолжай в том же духе!
Ребята, заинтересованы еще больше в программировании, добро пожаловать на канал, есть 9 уроков для начинающих.
А это нормально, что привстает от уроков этого парня? Бомбический контент
Хороший урок👍👍👍
Супер.
крутое видео
интересное видео, спасибо
Очень интересно. Хочу єщо
У clip-path подержка не очень пока, а так свойство классное, что касается пункта #5 то для лучшего эффекта, обернуть картинку в блок, задать ему размеры и overflow:hidden и так же картинки добавить плавности через transition. Будет намного круче смотреться )
Найс, пасиб
Чувак ты топ спасибо тебе
Спасибо
Спасибо
прикольна рубрика
спасибо!
думал старое видео смотрю, а тут оно только недавно вышло
Замечание по №6: можно было transform-duration указать для transform: scale(1.3)), чтобы изображение "не прыгало", только указывать на селектор элемента, а не на :hover
#6 отсутвует
Идеи на следующий выпуск:
1. Shape-outside
2. Offset-path
3. Сделать кастомные input.
4. Inset
5. Transition. Ты про анимацию рассказал, а про переходы нет.
как сделать кастомный select без готовых вариантов. чтобы изменялся даже dropdown
плюсую кастомный input
@@user-hw1bi2qc7m ::before и ::after вам поможет
+кастомные input и всякие чекбоксы
лучше кастомизацию input type="date"
Спасибо. Смотрю я на это и приунываю. Вроде все и предельно понятно и непонятно сразу. Очень надеюсь за 3 месяца освоить html и css чтобы хоть зацепиться и начать работать за еду
Ну как ты? Освоил?
топ
Просто коментарий для продвижения видео в топ
Nice good
спасибо)
спасибо помог)
cirkle😂😂
5 копеек по поводу анимации. Вместо left/right где это возможно лучше использовать transform: translate. Это избавит от ненужных repaint/reflow.
ЗдОрово!
Прикольно. Жаль, что это я всё делал, но не с css. Здесь намного легче работать, ахахаха
Анимацию передвижения объекта лучше делать через transform, а не через позиционирование (top, left). Иначе может кое-где подлагивать
Друг, ты пользуешься граф. редакторами типо Avocode или Zeplin? Или только фотошоп?
вСЕ это знаю но все равно подписался )))
Привет я новичок в программировании изучаю Django, но понимаю что без html и css нормально сайт не сделать
Но не понимаю как соединить например Django и html+css , или так же с JS, буду рад любому ответу:)
Вопрос тупой конечно для опытных, но все с этого начинали, а так как ты очень опытный в веб разработки, принять информацию от тебя будет очень полезно))
Побольше видосов с фишками! 👍
Окс
Что то у тебя вдохновение пришло ) или курсы готовишь на юдеми ?)
И то и другое
loved it
Понял принял