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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Офигеть 😳

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Thanks appreciate it ❤

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

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

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

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

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

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

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

круто!

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

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

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

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

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

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

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

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

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

Магия!!!

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

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

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

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

Мощно

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

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

Да, но сохранять нельзя, по сути без полезная штука, в каждом редакторе css html, можно менять классы стили и ТД то оно сразу будет обновлять действия в браузере

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

Прикольно ❤

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

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

Это все прикольно, но не более чем поиграться ,в реальных сайтах никто ни за что не захочет этот блок видеть, там столько всего будет, что кроме самого стиля ничего и не увидишь. Но вообще штука с изменением html сама по себе интересная, во многих других случаях.

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

Круто)

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

Как сделать так чтобы в браузере это было все, что ты пишешь

Гений

к примеру фотка на хостиг загружена, при просмотре кода страницы как то можно просмотреть дату и время загрузки фото на хостинг? По умолчанию таких данных в коде нет

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

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

мозг взорван

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

Ахринеть

да, только вот писать бы еще валидно style в head, а не в body ) но, все равно, остроумно )

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

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

Вот сейчас я прих*ел и не выех*л магия в не Хогвартса 🤔

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

А значения после перезагрузки остаются?

Лол круто !

👍 круто

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

интересно)