Я не знал, что HTML так может...
Вставка
- Опубліковано 22 гру 2022
- Бесплатный курс по HTML & CSS от меня - bit.ly/3ETniCF
Подпишись на мои соц сети:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Соц сети по JavaScript:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.school.it
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
HTML
Бесплатный курс по HTML & CSS от меня - bit.ly/3ETniCF
Это не штмл - css. Удачи с курсом
Таких приколов я ещё не видел, парни
Ахахах
Шось нове))
просто они не нужны никому)
@@Yan-eq9fd Ну что Хэзер ты
😂😂😂
12 лет в вебе - не видел еще таких цыганских фокусов. Что дальше, интерактивный редактор JS без самого JS? 🤣
можно тебе в личку написать?
@@khamza.l696 зачем? ))
8 лет в вебе, видел все эти фишки по-отдельности, но вместе ни разу не видел)
@@kjgsreact eval is evil!!!
@@cybersystem5137 Я начинающий программист и было бы интересно тебе задать вопросов!
Писать стили чтобы потом писать стили это гениально
Люди пишут программы, чтобы писать программы. И это нормально
чел создал девелопер тулз)
Это где-то за гранью добра и зла. Но прикольно 🤣
+
Полезная тема)
Добавить такую в прод, пускай пользаки сами себе верстают как хотят)
Ты фронт?)
нет бл тыл@@nelson.gold_cat
Классная фишка которую никто никогда не будет использовать ))
Я буду, вот прямо сейчас, как же мне на хватало этих цыганских фокусов!)
Это упростит создание учебников по html
точняк
@@mrdoberman6072консоль?
Что-то мне за 13 лет работы ни разу даже в голову не пришло задавать стили тегу стилей. Крутая идея
Лучше обратится к тегу скрипта через ДжаваСкрипт (относительный файл)🗿☕
@@PUBG-ty8yr это не даст возможности редактировать стили налету.
@@Epenckorn А зачем мне стиль,смысл-
"Через js файл,мы обратимся к тегу скрипта (в body элементе)затем перефункцанируем его!
Тоже самое что обратится к тегу стилей через её же атрибут
Что крутого
Dev Tools: ну да, ну да, пошёл я нафиг
искал этот комент
@@WebBestMaster зачем?
@@Tapok Чтобы написать:
"Искал этот комент"
открывать девтулс слишком долго. Суровые верстальщики работают прямо в к клиентском окне.
это далеко не всегда доступно, не весь html отображется на десктоп браузерах
Спасибо владилен, благодаря тебе новые фишки узнаю)
так не рекламирует не какие мутные сайт: ✅
не ставить конкретно говяную музыку под фон: ✅
шорт качественный: ✅
лайк и подписка всё+.
спасибо тебе адекватный человек я таких не встречал в Ютуб шортсах.
Бара-бара-бара
Бере-бере-бере!
+
Сказать, что я офигел - это ничего не сказать!
Крутяк. Сразу вспомнился мем про " Это не баг, это фича"..))
Полезная штука! Владилен, спасибо!
Спасибо огромнейшее, Владилен 👍 Вообще не знал такого 😲
До чего дошел прогресс. До невиданных чудес...
Отличный образчик эффективного использования CGPT. Браво Владилен!
Автор ты лучший❤
А почему содержимое редактора не передает добавленные значения - в обратную сторону?
Прикольный трик, спасибо.
Офигеть 😳
Ого, я видел многое, но такого)) удивил так удивил
Это очень клевая тема)
Ого, необычно
Не забыть только опцию убрать, иначе будет DOM Based XSS
Как?
Суперлайк. Блин, интересная штука, надо юзать
Чётко
Оффигеть всего лишь свойством css
Это очень интересно, мне кажется, что с этим можно много чего придумать
@Гиннунгагап Есть люди которые только начали свое обучение и откуда они будут знать js , когда читают в основном о Html/CSS
@@imperialday987 Не дай бог, человеку который только начал изучать CSS, попасть на это видео.
@@mexvision-3556 Может быть, но думаю для общего развития будет полезно
@@mexvision-3556уже братан
Топово, спасибо автору!
Прикольненько ещё не видел такого
Консолька инспектора кода: ну-да, ну-да, пошла я нахрен
Это скорее всего полезно проверки себя, допустим прохождение заданий на сайте
скорее баг, а не фича
"Классный интерактивный инструмент" - то есть бабуля бухгалтер заходит на сайт, и давай там trasition, font-weight фигачить хд
А что делать, если из-за длинного названия квартального отчета верстка поплыла?
😂😂😂
тогда есть contenteditable = plaintextonly
Реально угарная штука)
DevTools в браузере: просто существует
Автор:
Ого ничесе - неужели???
Люди из другой планеты, привет!😅 Забавно наблюдать как вы общаетесь на своём языке😂
лечись
Бек пришел смотреть на фронт?
2024 - реинвент встроенного инспектора
Тоже недавно узнал, и тоже из шортов)
Попробовал - новые свойства не добавить - работать не будут, можно играться только с теми, которые добавил ранее. Считай кинул код, и ток его ты можешь редактировать, новое будешь вписывать - работать не будет
Подскажите - мб я что то не так делаю? Вписал всё как на видео, и у меня редактируются ток параметры, которые я вписал через html, на самой страницы новые добавленные ничего не меняют
@@Liunamme а что именно вы пытаетесь добавить?
@@gregoryrubies6045 да тот же background цвет меняю - не работает, а у него на видео работает
Когда Enter нажимаешь - зажимай shift чтоб div не создавался
@@VladilenMininв хроме можно решить проблему элегантнее, и обернуть style в inline-block вместо block, и дивы внутри тега перестанут плодиться от нажатия на enter
очень интересно. но почему-nj у меня работает в случае, если не делать перенос на другую строку, а в одну строку. Не менее интересно вывести подобный интерактив в свой css/style.css
Интересно, а это можно указать в резюме?🤔
Нужно😂
) разрабом сказать я сениор иного уровня и показываешь) хахахахах
@@mikaelgevorgyan4521 ну так да, а то челы в комментариях пишут, что 10-20 лет в вебе, и не знали этого 😮
@@denzeroneYT ну да они же сениоры), тоисть джуны*)
Прикольно ))) но полезно было бы лет 15 назад, когда это делать в консоли все было нельзя. Но и тогда небыло contenteditable (((
15 лет назад это дедали в Firefox ))) Потому как DevTools разрабатывался (изначально) там.
привет, сделай пожалуйста ролик и расскажи там про то за сколько сотен часов можно научиться выполнять несложные заказы на фрилансе , какая там ситуация по конкуренции ценам, сколько можно брать заказов условно и сколько зарабатывать с них и тд :)
Это магия... Она действительно существует!
Мощно
Я недавно начал изучать, подскажи, а не проще создать отдельный CSS файл для этого?
Вот это прикол 👍😅
круто!
Thanks appreciate it ❤
да, только следует размещать в
кем следует?
@@TheZabmix всем
@@weynemeynen держи в курсе.
@@TheZabmix держись сам
@@weynemeynen не style, а link, а во вторых это тоже вариант размещения в body, если стилей крайне мало и нет смысла для них заводить отдельный css файл
Вот это действительно штука о которой я не знал
Прикольно ❤
тег style внутри разметки deprecated. Стили нужно подключать внешними файлами.
Вы превзошли учители
Получится не валидная разметка, стили в head пишут
Круто)
Все теперь я буду писать стили только так =))) Но фишка огонь конечно
Магия!!!
интересно, но бесполезно, потому что быстрее открыть консоль и изменить стили там )
к примеру фотка на хостиг загружена, при просмотре кода страницы как то можно просмотреть дату и время загрузки фото на хостинг? По умолчанию таких данных в коде нет
А как сделать такое авто-обновление страницы? Или это в IDE?
Если сделать также, стили будут применяться сразу же, без обновлений и IDE
А если для такое провернуть, можно динамически скрипт менять?)
Можно, только он не исполняется при изменении
XSS атака
Вас не учили, что скрипты выполняются при загрузке страницы?
@@NickyKun я на этом уроке болел, справка есть
@@NickyKun это понятно. Но тут явно нестрандартное использование
А как ты нашёл это?при каких обстоятельствах
Очевидно подсмотрел у других, например тут ua-cam.com/users/shortsD02AK3WoYH8
а я на плюсах писал 4 года, сейчас на go лид, уже кайф - отдыхаю от плюсов, но когда такое видишь немного завидуешь тому, насколько кому-то легче работать) Было как-то писал вёрстку в своей жизни месяца 3 (переписывал плюсовый Qt фрон энд на веб на typescript), будто в отпуск сходил) реально легче всё в разы.
Нажимаем F12 и редактируем стили, которые сразу же применяются. А вообще-то, корневой класс HTMLElement содержит почти полный комплекс всех свойств и атрибутов. И наследующие классы просто переопределяют такие атрибуты, как display и more others.
Ну это же интерактивность!
Тоже самое можно делать в DevTools браузера. Спасибо за секрет!
А значения после перезагрузки остаются?
тип вопрос, а зачем?
Ахринеть
👍 круто
Рамка как в ролике курсором не меняется. В мазиле не переводится код на новую строку пишет в одну строку. много не напишешь. да и работает через одно место.
Лол круто !
Опачки все хакеры возьмут на заметку
хакеры?
Это как исполняющийся код в строке...
Норм тема, я и не знал, что так можно)
Гений
прикольно, но зачем?))) Сон во сне?)
Садамаза по фронтендский) Мне нравиться
интересно)
А так работает с тегом ?
Как сделать так чтобы в браузере это было все, что ты пишешь
это было в CSS еще в 90х годах. мало кому надо.
мозг взорван
Ухх это очепь крута.
Вы видели его дергающийся значок в конце выделения? Ему срочно пройти Vimотерапию
Бомба
Когда задолбали говорить, что делаешь фиговую вёрстку: "Ну и верстай сам!!"
Я новичек, не кидайте камни, но тк все свойства должны быть заранее введены и сохранены в файле, чтобы такое редактирование работало + style с атрибутами должен быть внутри тега который редактируем, то я полагаю это пригодится если у вас что-то поехало и вы не понимаете что и почему, или размеры не можете подобрать. Копируем основной код туда, а дальше редактируем значения пока всё не встанет как надо и потом копируем обратно. Хотя согласен смысла мало, если автообновление страницы работает.
Не знаю может этим пользуются на обучающих сайтах, там где можно поредактировать код.
Интересно
Как называется приложение пж скажите?🙏🙏🙏
Прикольно.
Пойду orm на html напишу
Прикольная фишка, но лучше владеть инструментами разработчика в браузере, там по любому удобнее! :)
не баг, а фитча))
Вау!)))
Такое Я видел когда код интерактивных сайтов видел.
Я сейчас тоже удивился. Спасибо, полезно
Я в ах#е. Завтра проверю.
Да он колдун!
жаль что ссылка в первом комменте не на ютуб )