CSS text-wrap: balance

  Рет қаралды 20,288

Анна Блок

Анна Блок

Жыл бұрын

✅ Invite you to participate in a free intensive: frontendblok.com/marathons/we...
*****
In this video I will talk about the new CSS properties: text-wrap: balance and max-inline-size
🔸 W3C - www.w3.org/TR/css-text-4/#tex...
🔸 Demo - codepen.io/anna_blok/pen/QWJwYay
🔵 Dzen - zen.yandex.ru/annblok
🔵 VK - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Telegram Chat - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 frontendblok.com/

Пікірлер: 65
@CityGorsk
@CityGorsk Жыл бұрын
У вас простые и доходчивые уроки. Я только начинающий в этом деле, но с вашими уроками, обучение в радость.
@user-rk2tt8uc4j
@user-rk2tt8uc4j Жыл бұрын
Я так рад, что есть такие люди ,как вы. Спасибо вам большое!
@Youtuber__I
@Youtuber__I Жыл бұрын
спасибо за наглядное и подробное объяснение, буду пробовать
@user-olena_shatun
@user-olena_shatun Жыл бұрын
Спасибо большое за то что делитесь своим опытом и знаниями 😊
@user-bm5yk9gd3n
@user-bm5yk9gd3n Жыл бұрын
Да, это прекрасно,спасибо за обзор!
@user-gq4lg1fq9u
@user-gq4lg1fq9u Жыл бұрын
Хочу научиться кодить и хочу попробовать веб-разработку. Искал много видео и статьей по CSS, это одно из самых лучших ♥️
@user-sq9mb8qo3e
@user-sq9mb8qo3e Жыл бұрын
Хорошо, что есть такая возможность в работе с текстом, ведь это очень облегчит труд. Спасибо за видео, было приятно посмотреть и послушать!
@user-nh1zt7lj1t
@user-nh1zt7lj1t Жыл бұрын
Так работать реально быстрее выходит, буду учиться этому
@gamestudio9722
@gamestudio9722 Жыл бұрын
Да, интересно получается, мне нравится такой подход.
@tolasnisar2494
@tolasnisar2494 Жыл бұрын
Спасибо вам что все подробно расказал об этих обновления.
@viktordybach4108
@viktordybach4108 Жыл бұрын
Большое спасибо за полезную информацию.Очень качественный и подробный обзор.
@user-hs7fi5se4f
@user-hs7fi5se4f Жыл бұрын
Понятно и просто всё объяснили , видео получилось информативным и полезным.
@MorviCool
@MorviCool Жыл бұрын
Топ. Люблю обзор новых фишек
@user-no3dy3yv5t
@user-no3dy3yv5t Жыл бұрын
Буду пробовать, выглядит это удобнее даже чем было
@vvelvest
@vvelvest 9 ай бұрын
интересная находка, спасибо
@miniyasya
@miniyasya Жыл бұрын
Так работать реально быстрее выходит, буду учиться этому. Спасибо
@fcvaivai...............1268
@fcvaivai...............1268 Жыл бұрын
Люблю обзор новых фишек...😊😊😊
@user-xj6ur2ei9k
@user-xj6ur2ei9k Жыл бұрын
Хорошо, что есть такая возможность в работе с текстом, это очень облегчит труд!
@fbdnfndbdbdb1523
@fbdnfndbdbdb1523 Жыл бұрын
О круто как раз начал этим заниматся вы мне очень помогли
@mybestislands8646
@mybestislands8646 Жыл бұрын
У меня вообще были проблемы с этим вопросом . Спасибо Вам за интересное новое качество , которое поможет мне . Лайк .
@tetyana5295
@tetyana5295 Жыл бұрын
хорошо, что работа с текстом теперь стала удобней, эта функция понадобится многим в своей работе и сделает их труд легче и проще
@alexschaus1909
@alexschaus1909 Жыл бұрын
Спасибо за хорошее видео просмотрел с большим интересом для меня это новое .
@user-os2un8ij7z
@user-os2un8ij7z Жыл бұрын
Благодарю за обзорчик и полезную информацию!!!!Желаю вам много подписчиков и процветания!!)))
@user-dq3fv2mk8e
@user-dq3fv2mk8e Жыл бұрын
Неплохо, мне кажется так теперь реально удобнее стало
@rabirai8136
@rabirai8136 Жыл бұрын
Большое спасибо разработчикам теперь намного удобнее станет работать с текстом.
@user-dv9fk1hd3s
@user-dv9fk1hd3s Жыл бұрын
Не буду использовать на проектах, потому что малый процент поддержки. Ждем от 90% и вот только тогда...
@user-wy4zl9ue4u
@user-wy4zl9ue4u Жыл бұрын
Наверное, долго ждать придётся. Пока не разберутся с переносом по слогам, на это рассчитывать не приходится.
@WERWOLION
@WERWOLION Жыл бұрын
В ближайшее время. Я тут не могу gap использовать во flex, потому что кто-то решил проверить сайт на доисторическом айфоне. Это получается через 10 лет можно будет использовать? no wrap уже 100лет используется для троеточия
@HelloHovo
@HelloHovo Жыл бұрын
Спасибо большое Анна . Хоть я на W3 подписан но эти свойства там пропустил .
@annblok_webdev
@annblok_webdev Жыл бұрын
В соцсети следите или по email подписались?
@HelloHovo
@HelloHovo Жыл бұрын
@@annblok_webdev Простая закладка на раздел новости
@user-gg1jn8ul3i
@user-gg1jn8ul3i Жыл бұрын
Обновление это всегда хорошо. Теперь работать стало намного проще.
@fkfaiaj
@fkfaiaj Жыл бұрын
Nice and amazing video I love this video ❤❤
@sergeymickolaenko1161
@sergeymickolaenko1161 Жыл бұрын
Уверен такая поддержка будет востребована многими💯
@arsa946
@arsa946 Жыл бұрын
Спасибо. Хорошее новшество. Но вот если добавили переносы по слогам, вообще были бы красавчиками. Чтобы не ставить JS.
@annblok_webdev
@annblok_webdev Жыл бұрын
Ещё слог можно соединить через неразрывный пробел в разметке, но согласна, что этого не хватает.
@freetz13
@freetz13 Жыл бұрын
В html добавь атрибут lang с кодом языка, и тогда css hyphens: auto добавит мягкие переносы
@arsa946
@arsa946 Жыл бұрын
@@freetz13 спасибо. Интересно, попробую.
@PearlDpUa
@PearlDpUa Жыл бұрын
Наконец-то программисты сделали нашу жизнь еще проще)
@nemo417
@nemo417 Жыл бұрын
Очень удобное свойство! Надеюсь, поддержка его вскоре расширится
@alinaevhenivn6
@alinaevhenivn6 Жыл бұрын
Де соглашусь с вами, надеюсь тоже что вскоре все станет лучше и расширяется
@baileysli6235
@baileysli6235 Жыл бұрын
`max-inline-size` это то же самое, что `max-width`, только как логическое свойство. То есть для иероглифической письменности, где текст сверху внизу это будет высота, не ширина.
@user-lc8eg7jy3i
@user-lc8eg7jy3i Жыл бұрын
Такой метод работы с текстами сильно облегчит мне работу
@dembelsky
@dembelsky Жыл бұрын
Прикольная новая фишка! Правда пока не понимаю зачем она мне, но хотя бы фактор интереса появился!
@senya959
@senya959 Жыл бұрын
Да сейчас главное знать где найти и ты будешь все уметь .
@user-dh1gs5lj8w
@user-dh1gs5lj8w Жыл бұрын
Полезные свойства- теперь текст будет выглядеть лучше.
@spirit1292
@spirit1292 Жыл бұрын
Ситуативное свойство. max-width все равно будет использоваться на постоянку.
@alaga3195
@alaga3195 Жыл бұрын
За text-wrap: balance; лайк
@elizavetashatskikh
@elizavetashatskikh 11 ай бұрын
Интересное свойство, поддержка уже ~58%
@Jiin_Sooo
@Jiin_Sooo Жыл бұрын
здравствуйте , хотел узнать где можно найти макеты для тренировок ?
@annblok_webdev
@annblok_webdev Жыл бұрын
boosty.to/annblok
@kopchik1000
@kopchik1000 Жыл бұрын
Ну мне это совсем не пригодится но за советы и труд - заслуженный лайк.))
@neins
@neins Жыл бұрын
caniuse на свойство text-wrap в целом показывает что-то около 37% по всему миру...
@sergejchap62
@sergejchap62 Жыл бұрын
был очень удивлен, FF =< 99, Opera 69 не поддерживают height:100svh;. Приходится задавать жестко height: 900рх; если на весь экран. Про адаптацию в 99-69 можно забыть. Меж прочим не такие старые версии. 111-113 хром, 114 ФФ уже поддерживают svh К теме, почему б блок или див не задать weight: 100svh; height: 100svh; Разумеется, если есть поддержка браузера. или в height:100%; Тогда любое содержимое будет в адаптации. Наверное. Наверное это про любое.
@vadimanishchenko3976
@vadimanishchenko3976 Жыл бұрын
Форма регистрации на интесив не работает. Валится на этапе заполенения личнх данных. Пишет 'Введите ссылку с ' при уже введенной валидной ссылке на профиль. Возможно сказывается тот факт, что я зарегался 12... на момент формального старта курса
@annblok_webdev
@annblok_webdev Жыл бұрын
Проверьте, нет ли в домене лишних символов. Бывает, что вставляют ссылку мобильной версии VK с буквой m в домене
@vadimanishchenko3976
@vadimanishchenko3976 Жыл бұрын
@@annblok_webdev Так и было. Спасибо.
@jmol1003
@jmol1003 Жыл бұрын
Всегда думал что работать с текстом в CSS всегда по одному алгоритму, но я ошибался
@Atractiondj
@Atractiondj Жыл бұрын
Да это свойство до сих пор не работает в хроме, хотя сам гугл заявил и продвигает это свойство... открываешь браузер и там тебе желтая плашка пишет, неизвестное имя свойства! И ничего не работает!
@kseniiaazovtseva6139
@kseniiaazovtseva6139 Жыл бұрын
Неплохо, но бесполезно пока поддержка 37%
@TheMonsterLPchanel
@TheMonsterLPchanel Жыл бұрын
какой смысл от text-wrap свойства с поддержкой в 30% если есть white-space у которого поддержка 95%
@ipmen891
@ipmen891 Жыл бұрын
Чотка
@user-me8cn1hk6j
@user-me8cn1hk6j Жыл бұрын
Полезная, как на меня, передача. Много для ебя почерпнул. Спасибо!
@user-ys4ug1hc8d
@user-ys4ug1hc8d Жыл бұрын
Видимо, полезная вещь. Но явно не для меня.
@TheKelikat
@TheKelikat Жыл бұрын
типографская хрень
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 98 МЛН
Survival skills: A great idea with duct tape #survival #lifehacks #camping
00:27
That's how money comes into our family
00:14
Mamasoboliha
Рет қаралды 7 МЛН
Must-have gadget for every toilet! 🤩 #gadget
00:27
GiGaZoom
Рет қаралды 12 МЛН
CSS Flexbox. Полный курс
59:57
webDev
Рет қаралды 160 М.
Никогда не пиши margin, padding и border в CSS
8:11
Анна Блок
Рет қаралды 64 М.
Задача из Собеседования на 160,000 Евро в Год
13:27
Саша Лукин
Рет қаралды 1,1 МЛН
Новый CSS и HTML!
37:44
Как пройти в IT?
Рет қаралды 148 М.
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 98 МЛН