Я не знал, что HTML так может... 

Бесплатный курс по HTML & CSS от меня - bit.ly/3ETniCF

Таких приколов я ещё не видел, парни

12 лет в вебе - не видел еще таких цыганских фокусов. Что дальше, интерактивный редактор JS без самого JS? 🤣

Писать стили чтобы потом писать стили это гениально

Это где-то за гранью добра и зла. Но прикольно 🤣

Полезная тема) Добавить такую в прод, пускай пользаки сами себе верстают как хотят)

Классная фишка которую никто никогда не будет использовать ))

Что-то мне за 13 лет работы ни разу даже в голову не пришло задавать стили тегу стилей. Крутая идея

Dev Tools: ну да, ну да, пошёл я нафиг

так не рекламирует не какие мутные сайт: ✅ не ставить конкретно говяную музыку под фон: ✅ шорт качественный: ✅ лайк и подписка всё+. спасибо тебе адекватный человек я таких не встречал в Ютуб шортсах.

Спасибо владилен, благодаря тебе новые фишки узнаю)

Сказать, что я офигел - это ничего не сказать!

Крутяк. Сразу вспомнился мем про " Это не баг, это фича"..))

До чего дошел прогресс. До невиданных чудес...

Отличный образчик эффективного использования CGPT. Браво Владилен!

Полезная штука! Владилен, спасибо!

Автор ты лучший❤

Спасибо огромнейшее, Владилен 👍 Вообще не знал такого 😲

Прикольный трик, спасибо.

Чётко Оффигеть всего лишь свойством css

Это очень интересно, мне кажется, что с этим можно много чего придумать

Не забыть только опцию убрать, иначе будет DOM Based XSS

DevTools в браузере: просто существует Автор:

А почему содержимое редактора не передает добавленные значения - в обратную сторону?

2024 - реинвент встроенного инспектора

Офигеть 😳

Люди из другой планеты, привет!😅 Забавно наблюдать как вы общаетесь на своём языке😂

Ого, я видел многое, но такого)) удивил так удивил

"Классный интерактивный инструмент" - то есть бабуля бухгалтер заходит на сайт, и давай там trasition, font-weight фигачить хд

Это очень клевая тема)

Суперлайк. Блин, интересная штука, надо юзать

Прикольно ))) но полезно было бы лет 15 назад, когда это делать в консоли все было нельзя. Но и тогда небыло contenteditable (((

скорее баг, а не фича

Топово, спасибо автору!

Консолька инспектора кода: ну-да, ну-да, пошла я нахрен

Это скорее всего полезно проверки себя, допустим прохождение заданий на сайте

Ого ничесе - неужели???

Thanks appreciate it ❤

интересно, но бесполезно, потому что быстрее открыть консоль и изменить стили там )

Ого, необычно

тип вопрос, а зачем?

Это как исполняющийся код в строке...

Это магия... Она действительно существует!

Попробовал - новые свойства не добавить - работать не будут, можно играться только с теми, которые добавил ранее. Считай кинул код, и ток его ты можешь редактировать, новое будешь вписывать - работать не будет

Когда задолбали говорить, что делаешь фиговую вёрстку: "Ну и верстай сам!!"

а я на плюсах писал 4 года, сейчас на go лид, уже кайф - отдыхаю от плюсов, но когда такое видишь немного завидуешь тому, насколько кому-то легче работать) Было как-то писал вёрстку в своей жизни месяца 3 (переписывал плюсовый Qt фрон энд на веб на typescript), будто в отпуск сходил) реально легче всё в разы.

прикольно, но зачем?))) Сон во сне?)

Прикольненько ещё не видел такого

Я недавно начал изучать, подскажи, а не проще создать отдельный CSS файл для этого?

Все теперь я буду писать стили только так =))) Но фишка огонь конечно

да, только следует размещать в

Получится не валидная разметка, стили в head пишут

круто!

привет, сделай пожалуйста ролик и расскажи там про то за сколько сотен часов можно научиться выполнять несложные заказы на фрилансе , какая там ситуация по конкуренции ценам, сколько можно брать заказов условно и сколько зарабатывать с них и тд :)

это было в CSS еще в 90х годах. мало кому надо.

Реально угарная штука)

тег style внутри разметки deprecated. Стили нужно подключать внешними файлами.

Тоже недавно узнал, и тоже из шортов)

Прикольно ❤

Вот это действительно штука о которой я не знал

Я думал "сейчас опять что-то наподобие display:flex будет". Потом увидел канал и понял, что это более серьёзное видео, а в конце вообще не понял как это работает. Впервые вижу такое

Скажу удивленным голосом: А что так можно было!?

Бесполезно, но прикольно. Это как варить лёд в воде

Нажимаем F12 и редактируем стили, которые сразу же применяются. А вообще-то, корневой класс HTMLElement содержит почти полный комплекс всех свойств и атрибутов. И наследующие классы просто переопределяют такие атрибуты, как display и more others.

Верните старые добрые сайты со статичными страницами без жаваскрипта и вычурного оформления

Интересно, а это можно указать в резюме?🤔

Мощно

Вы видели его дергающийся значок в конце выделения? Ему срочно пройти Vimотерапию

Назначение «фишки»: чтобы показать в шортс, что она существует.

Норм тема, я и не знал, что так можно)

Круто)

Опачки все хакеры возьмут на заметку

Прикольная фишка, но лучше владеть инструментами разработчика в браузере, там по любому удобнее! :)

Магия!!!

Попробуй научи теперь клиентов стилизовать что то..

Тоже самое можно делать в DevTools браузера. Спасибо за секрет!

Я новичек, не кидайте камни, но тк все свойства должны быть заранее введены и сохранены в файле, чтобы такое редактирование работало + style с атрибутами должен быть внутри тега который редактируем, то я полагаю это пригодится если у вас что-то поехало и вы не понимаете что и почему, или размеры не можете подобрать. Копируем основной код туда, а дальше редактируем значения пока всё не встанет как надо и потом копируем обратно. Хотя согласен смысла мало, если автообновление страницы работает. Не знаю может этим пользуются на обучающих сайтах, там где можно поредактировать код.

Прикольно. Пойду orm на html напишу

F12 в сторонке стоит ._.

Я это делаю через "исследовать элемент. . Корректирую все что можно, потом изменяю . .. я уровень " новичок

Вот это прикол 👍😅

очень интересно. но почему-nj у меня работает в случае, если не делать перенос на другую строку, а в одну строку. Не менее интересно вывести подобный интерактив в свой css/style.css

мозг взорван

Ухх это очепь крута.

👍 круто

Лол круто !

А если для такое провернуть, можно динамически скрипт менять?)

Садамаза по фронтендский) Мне нравиться

Гений

А как сделать такое авто-обновление страницы? Или это в IDE?

А как ты нашёл это?при каких обстоятельствах

Хз что за редактор, но в Visual Studio есть browser link, который умеет при желании не только обновлять страницу при любом изменении скрипта/стиля, но и наделанное в консоли разработчика класть в соотв. файлы проекта. Стили точно умеет.

Разрабам броузеров скучно, вот они и прикалываются.

осталось такой тег html придумать чтобы юзеры сами все верстали как хотят...

вы раскрыли государственную тайну, за вами выехали

Я в ах#е. Завтра проверю.

Теперь понятно почему страница гиг занимает

Рамка как в ролике курсором не меняется. В мазиле не переводится код на новую строку пишет в одну строку. много не напишешь. да и работает через одно место.

вау, респект. Вот таких штук действительно не хватает чтоб привить интерес к этой науке

не баг, а фитча))