KZhead

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

Владилен Минин
2022 ж. 22 Жел.
784 476 Рет қаралды
Жүктеу

Бесплатный курс по HTML & CSS от меня - bit.ly/3ETniCF
Подпишись на мои соц сети:
Telegram: t.me/js_by_vladilen
VK: vk.com/vladilen.minin
Instagram: / vladilen.minin
Соц сети по JavaScript:
Telegram: t.me/result_school_it
VK: vk.com/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

    @VladilenMinin@VladilenMinin Жыл бұрын

    • Это не штмл - css. Удачи с курсом

      @vadymkulyk5403@vadymkulyk5403 Жыл бұрын

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

    @user-wz8jd9ud9f@user-wz8jd9ud9f Жыл бұрын

    • Ахахах

      @Yan-eq9fd@Yan-eq9fd Жыл бұрын

    • Шось нове))

      @crypto_dot@crypto_dot Жыл бұрын

    • просто они не нужны никому)

      @serebniti@serebniti Жыл бұрын

    • @@Yan-eq9fd Ну что Хэзер ты

      @exfo_@exfo_ Жыл бұрын

    • 😂😂😂

      @aslanmanapov4655@aslanmanapov4655 Жыл бұрын

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

    @cybersystem5137@cybersystem5137 Жыл бұрын

    • можно тебе в личку написать?

      @khamza.l696@khamza.l696 Жыл бұрын

    • @@khamza.l696 зачем? ))

      @cybersystem5137@cybersystem5137 Жыл бұрын

    • 8 лет в вебе, видел все эти фишки по-отдельности, но вместе ни разу не видел)

      @deekey2723@deekey2723 Жыл бұрын

    • @@kjgsreact eval is evil!!!

      @Seriousbear@Seriousbear Жыл бұрын

    • @@cybersystem5137 Я начинающий программист и было бы интересно тебе задать вопросов!

      @khamza.l696@khamza.l696 Жыл бұрын

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

    @Vazgen04@Vazgen04 Жыл бұрын

    • Люди пишут программы, чтобы писать программы. И это нормально

      @droid777@droid777 Жыл бұрын

    • чел создал девелопер тулз)

      @user-dl5vl6dq4u@user-dl5vl6dq4u2 ай бұрын

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

    @user-vu6hn4ul2i@user-vu6hn4ul2i Жыл бұрын

    • +

      @a.osethkin55@a.osethkin55 Жыл бұрын

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

    @dmitrykabanov9458@dmitrykabanov945811 ай бұрын

    • Ты фронт?)

      @nelson.gold_cat@nelson.gold_cat6 ай бұрын

    • нет бл тыл@@nelson.gold_cat

      @ivann129@ivann1293 ай бұрын

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

    @BigMother228@BigMother228 Жыл бұрын

    • Я буду, вот прямо сейчас, как же мне на хватало этих цыганских фокусов!)

      @user-gh7sk4xw3u@user-gh7sk4xw3u Жыл бұрын

    • Это упростит создание учебников по html

      @mrdoberman6072@mrdoberman6072 Жыл бұрын

    • точняк

      @user-qs8vf5dm3c@user-qs8vf5dm3c Жыл бұрын

    • ​@@mrdoberman6072консоль?

      @illia3501@illia350110 ай бұрын

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

    @Epenckorn@Epenckorn Жыл бұрын

    • Лучше обратится к тегу скрипта через ДжаваСкрипт (относительный файл)🗿☕

      @PUBG-ty8yr@PUBG-ty8yr Жыл бұрын

    • @@PUBG-ty8yr это не даст возможности редактировать стили налету.

      @Epenckorn@Epenckorn Жыл бұрын

    • @@Epenckorn А зачем мне стиль,смысл- "Через js файл,мы обратимся к тегу скрипта (в body элементе)затем перефункцанируем его! Тоже самое что обратится к тегу стилей через её же атрибут

      @PUBG-ty8yr@PUBG-ty8yr Жыл бұрын

    • Что крутого

      @Mr.Bellamy@Mr.Bellamy10 ай бұрын

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

    @kilod_6600@kilod_6600 Жыл бұрын

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

    @h.f.s4774@h.f.s4774 Жыл бұрын

    • Бара-бара-бара Бере-бере-бере!

      @ivanfuture8873@ivanfuture8873 Жыл бұрын

    • +

      @a.osethkin55@a.osethkin55 Жыл бұрын

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

    @user-uf5ui7lr2c@user-uf5ui7lr2c Жыл бұрын

    • искал этот комент

      @WebBestMaster@WebBestMaster Жыл бұрын

    • ​@@WebBestMaster зачем?

      @Tapok@Tapok Жыл бұрын

    • ​@@Tapok Чтобы написать: "Искал этот комент"

      @PUBG-ty8yr@PUBG-ty8yr Жыл бұрын

    • открывать девтулс слишком долго. Суровые верстальщики работают прямо в к клиентском окне.

      @user-qs8vf5dm3c@user-qs8vf5dm3c Жыл бұрын

    • это далеко не всегда доступно, не весь html отображется на десктоп браузерах

      @ArcenstoneAa@ArcenstoneAa5 ай бұрын

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

    @user-ky8dr1hu5e@user-ky8dr1hu5e Жыл бұрын

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

    @D3m0n0R@D3m0n0R Жыл бұрын

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

    @klim_neumann@klim_neumann Жыл бұрын

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

    @kirillkill2299@kirillkill2299 Жыл бұрын

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

    @max_mgtow@max_mgtow Жыл бұрын

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

    @charlesbronson9925@charlesbronson9925 Жыл бұрын

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

    @starwalker.odessa@starwalker.odessa Жыл бұрын

  • Офигеть 😳

    @user-rv2nc6vc6q@user-rv2nc6vc6q Жыл бұрын

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

    @zapominai@zapominai Жыл бұрын

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

    @dishaforex@dishaforex Жыл бұрын

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

    @kira5863@kira5863 Жыл бұрын

    • Как?

      @Tui3694@Tui3694 Жыл бұрын

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

    @Serega5j@Serega5j Жыл бұрын

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

    @weynemeynen@weynemeynen Жыл бұрын

    • кем следует?

      @TheZabmix@TheZabmix Жыл бұрын

    • @@TheZabmix всем

      @weynemeynen@weynemeynen Жыл бұрын

    • @@weynemeynen держи в курсе.

      @TheZabmix@TheZabmix Жыл бұрын

    • @@TheZabmix держись сам

      @weynemeynen@weynemeynen Жыл бұрын

    • @@weynemeynen не style, а link, а во вторых это тоже вариант размещения в body, если стилей крайне мало и нет смысла для них заводить отдельный css файл

      @ancient_greek_from_greece@ancient_greek_from_greece Жыл бұрын

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

    @user-cx1di5zg9m@user-cx1di5zg9m Жыл бұрын

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

    @aximas778@aximas778 Жыл бұрын

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

    @a.osethkin55@a.osethkin55 Жыл бұрын

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

    @JeKa_Siberian@JeKa_Siberian9 ай бұрын

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

    @ukrainetoday960@ukrainetoday960 Жыл бұрын

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

    @user-lp1qt8ot9v@user-lp1qt8ot9v Жыл бұрын

    • 15 лет назад это дедали в Firefox ))) Потому как DevTools разрабатывался (изначально) там.

      @starwalker.odessa@starwalker.odessa Жыл бұрын

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

    @goldstein1@goldstein1 Жыл бұрын

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

    @meduza1097@meduza1097 Жыл бұрын

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

    @missisipi9992@missisipi9992 Жыл бұрын

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

    @user-qh3im5ek1g@user-qh3im5ek1g Жыл бұрын

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

    @vesh95@vesh95 Жыл бұрын

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

    @TobiasUA@TobiasUA Жыл бұрын

  • Thanks appreciate it ❤

    @quvomiddinkamalov3292@quvomiddinkamalov32924 ай бұрын

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

    @QazaqCode@QazaqCode3 ай бұрын

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

    @Alexkap84@Alexkap84 Жыл бұрын

    • лечись

      @SNSDfOu@SNSDfOu Жыл бұрын

    • Бек пришел смотреть на фронт?

      @thekiruhan2616@thekiruhan2616 Жыл бұрын

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

    @Liunamme@Liunamme Жыл бұрын

    • Подскажите - мб я что то не так делаю? Вписал всё как на видео, и у меня редактируются ток параметры, которые я вписал через html, на самой страницы новые добавленные ничего не меняют

      @Liunamme@Liunamme Жыл бұрын

    • ​@@Liunamme а что именно вы пытаетесь добавить?

      @gregoryrubies6045@gregoryrubies6045 Жыл бұрын

    • @@gregoryrubies6045 да тот же background цвет меняю - не работает, а у него на видео работает

      @Liunamme@Liunamme Жыл бұрын

    • Когда Enter нажимаешь - зажимай shift чтоб div не создавался

      @VladilenMinin@VladilenMinin Жыл бұрын

    • ​@@VladilenMininв хроме можно решить проблему элегантнее, и обернуть style в inline-block вместо block, и дивы внутри тега перестанут плодиться от нажатия на enter

      @user-yt1lk6ng8x@user-yt1lk6ng8x Жыл бұрын

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

    @YariRu@YariRu Жыл бұрын

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

    @Danil-lz2ux@Danil-lz2ux3 ай бұрын

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

    @ShUrkaSl@ShUrkaSl Жыл бұрын

    • А что делать, если из-за длинного названия квартального отчета верстка поплыла?

      @user-qs8vf5dm3c@user-qs8vf5dm3c Жыл бұрын

    • 😂😂😂

      @timys6321@timys6321 Жыл бұрын

    • тогда есть contenteditable = plaintextonly

      @kchertupsevdonimi@kchertupsevdonimi6 ай бұрын

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

    @slaventiypchelkin4625@slaventiypchelkin4625 Жыл бұрын

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

    @librarian9864@librarian9864Ай бұрын

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

    @zakonGessa@zakonGessa Жыл бұрын

    • Нужно😂

      @underpressuree@underpressuree Жыл бұрын

    • ) разрабом сказать я сениор иного уровня и показываешь) хахахахах

      @mikaelgevorgyan4521@mikaelgevorgyan4521 Жыл бұрын

    • ​@@mikaelgevorgyan4521 ну так да, а то челы в комментариях пишут, что 10-20 лет в вебе, и не знали этого 😮

      @denzeroneYT@denzeroneYT11 ай бұрын

    • @@denzeroneYT ну да они же сениоры), тоисть джуны*)

      @mikaelgevorgyan4521@mikaelgevorgyan452111 ай бұрын

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

    @josephchan2600@josephchan2600 Жыл бұрын

  • круто!

    @user-iz9sj1nn5q@user-iz9sj1nn5q4 ай бұрын

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

    @Itachi261092@Itachi261092 Жыл бұрын

    • Вы превзошли учители

      @user-qv9hs3il6f@user-qv9hs3il6f9 ай бұрын

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

    @tvorobushek6706@tvorobushek6706 Жыл бұрын

    • Очевидно подсмотрел у других, например тут kzhead.infoD02AK3WoYH8

      @user-mc1xr2vq1k@user-mc1xr2vq1k Жыл бұрын

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

    @user-yc3ty5fo3y@user-yc3ty5fo3y Жыл бұрын

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

    @user-hx2ij1bk3n@user-hx2ij1bk3n Жыл бұрын

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

    @bogdan-borisoff@bogdan-borisoff Жыл бұрын

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

    @Username_120@Username_120 Жыл бұрын

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

    @ganibesov@ganibesov Жыл бұрын

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

    @user-cw4xs7ed1y@user-cw4xs7ed1y Жыл бұрын

    • Можно, только он не исполняется при изменении

      @ilyawebdev@ilyawebdev Жыл бұрын

    • XSS атака

      @leet_1337_@leet_1337_ Жыл бұрын

    • Вас не учили, что скрипты выполняются при загрузке страницы?

      @NickyKun@NickyKun Жыл бұрын

    • @@NickyKun я на этом уроке болел, справка есть

      @user-cw4xs7ed1y@user-cw4xs7ed1y Жыл бұрын

    • @@NickyKun это понятно. Но тут явно нестрандартное использование

      @ilyawebdev@ilyawebdev Жыл бұрын

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

    @JeanBotan@JeanBotan3 ай бұрын

    • Ну это же интерактивность!

      @AllesKaput@AllesKaput3 ай бұрын

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

    @e-mentor7581@e-mentor7581 Жыл бұрын

    • @Гиннунгагап Есть люди которые только начали свое обучение и откуда они будут знать js , когда читают в основном о Html/CSS

      @imperialday987@imperialday987 Жыл бұрын

    • @@imperialday987 Не дай бог, человеку который только начал изучать CSS, попасть на это видео.

      @mexvision-3556@mexvision-3556 Жыл бұрын

    • @@mexvision-3556 Может быть, но думаю для общего развития будет полезно

      @imperialday987@imperialday987 Жыл бұрын

    • ​@@mexvision-3556уже братан

      @yebfudeu3313@yebfudeu3313 Жыл бұрын

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

    @nickleo4400@nickleo4400 Жыл бұрын

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

    @Lord_Omni@Lord_Omni5 ай бұрын

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

    @andrejelsukov6294@andrejelsukov6294 Жыл бұрын

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

    @pr0692@pr0692 Жыл бұрын

    • Если сделать также, стили будут применяться сразу же, без обновлений и IDE

      @droid777@droid777 Жыл бұрын

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

    @Aleksandr_Solovov@Aleksandr_Solovov Жыл бұрын

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

    @user-gb2wo9wg5r@user-gb2wo9wg5r7 ай бұрын

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

    @truedivan@truedivan Жыл бұрын

  • мозг взорван

    @alexshel8578@alexshel85789 ай бұрын

  • Прикольно ❤

    @TeaWillHelp@TeaWillHelp Жыл бұрын

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

    @sergejchap62@sergejchap62 Жыл бұрын

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

    @ilikecola378@ilikecola378 Жыл бұрын

  • Круто)

    @amriddindavlatov110@amriddindavlatov110 Жыл бұрын

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

    @AndroidsReview@AndroidsReview Жыл бұрын

  • Всë что ты видишь реально...

    @EmuDellno@EmuDellno Жыл бұрын

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

    @deevue_sews@deevue_sews Жыл бұрын

  • Мощно

    @undefinedsouls5484@undefinedsouls5484 Жыл бұрын

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

    @mythl.l.l9397@mythl.l.l939710 ай бұрын

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

    @user-dt1ev2td5c@user-dt1ev2td5c Жыл бұрын

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

    @rexdraconis1703@rexdraconis17036 ай бұрын

  • Магия!!!

    @artemgoncharuk5174@artemgoncharuk5174 Жыл бұрын

  • 👍 круто

    @thefact4529@thefact4529 Жыл бұрын

  • интересно)

    @DerAleksey@DerAleksey Жыл бұрын

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

    @H0ttabych@H0ttabych Жыл бұрын

  • Забавная игрушка, но зачем она теперь, если уже давно можно проинспектировать элемент в DevTools?

    @ManOnHorizon@ManOnHorizon Жыл бұрын

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

    @woodmantv6901@woodmantv6901 Жыл бұрын

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

    @tkzy-ow1sc@tkzy-ow1sc Жыл бұрын

    • хакеры?

      @gitandyy@gitandyy Жыл бұрын

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

    @khasanshadiyarov@khasanshadiyarov Жыл бұрын

  • ммм , для песочницы как раз , но по моему лутше через js

    @frozyarozin4856@frozyarozin4856 Жыл бұрын

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

    @HCHittCliff@HCHittCliff Жыл бұрын

  • Такое Я видел когда код интерактивных сайтов видел.

    @user-pp1ef3il6l@user-pp1ef3il6l Жыл бұрын

  • Как называется приложение пж скажите?🙏🙏🙏

    @futb4@futb4 Жыл бұрын

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

    @user-zu2kf2bi8h@user-zu2kf2bi8h Жыл бұрын

  • А так работает с тегом ?

    @Electronic.m.@Electronic.m. Жыл бұрын

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

    @MonsterGaroo@MonsterGaroo3 ай бұрын

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

    @t0shii_137@t0shii_1376 ай бұрын

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

    @dimon.digital@dimon.digital Жыл бұрын

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

    @argentinaspy_oc@argentinaspy_oc Жыл бұрын

    • если написать в head, то эта фишка не сработает. Ну и потом тег style можно писать в боди.

      @ManyakNag@ManyakNag Жыл бұрын

    • @@ManyakNag это был сарказм. На всякий случай, писать можно много чего, но валидатор спасибо не скажет.

      @argentinaspy_oc@argentinaspy_oc Жыл бұрын

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

    @run.blockbench4905@run.blockbench49058 ай бұрын

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

    @user-tb4in2kd7i@user-tb4in2kd7i6 ай бұрын

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

    @SergMirny_yt@SergMirny_yt Жыл бұрын

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

    @green_letsplay@green_letsplay Жыл бұрын

  • Xzibit одобряет

    @retr0fm946@retr0fm946 Жыл бұрын
KZhead