@@VeihShizoo додо, вот бы браузеры везде лдиноково обрабатывали, вот бы мобилки работали хотябы предсказуемо, вот бы не было всякой другой тысячкой шелухи
@@ш8л8м-ш8бб8т дя, нюнюню. Я вабсцеееее в афиге как Ти вызиваес , ну я прям не магу, так слозна работат шо капес. Я как об этом задумався так сразу фсо, помираю. Это зе так слознааааа, ну я прям ни магу, в афиге сизу
round (0.05rem,1px) - по мне так прекрасно сработает в случае маленьких векторных иконок. к примеру на каком-то разрешении у вас получается что 0.05rem = 0.98px, в результате браузер все это зарендерит оч криво-косо, а в случае с экранами с маленькой плотностью пикселей, это будет выглядеть мутно или некорректно мелко, а вот такая фича с округлением в теории должна исправить кривые ситуации. PS но это в теории, на практике еще не проверял.
@@Disorrder да я образно, имел ввиду, что размер иконки не кратный одному пикселю) ну типо 13.67px? вычисляемый размер какой-нибудь при rem зависимым от vw. PS кстати я протестировал то что описывал ранее, округлять округляет, но вот всякие тонкие линии все равно шакалит) Например какая-нибудь буква "Е" или символ на нее похожий в векторе, если линии тонкие, типо 1-3 пикселя, а ширина по дефолту пикселей 10, вот начни ее ресайзить по ширине и горизонтальные линии начнет шакалить.
Я так подозреваю, что всякие математические функции чаще всего будут полезны для анимации по траекториям. Может, для отрисовки 3д через css, без js это пока очень сложно. В остальной жизни это особо и не надо.
Я не согласен с мнением, что для заголовков нужно ставить balance и только на body text pretty... pretty как раз таки работает как типограф, а balance работает ок только для заголовков до 65 символов и как было упомянуто в ролике допускает сирот...
Я иногда сталкиваюсь с необходимостью делать вещи под Сафари 10 и подобное, и могу сказать, что это очень хорошо, что столько ее выходит. Оно постепенно накапливается и по сравнению с тем, что было раньше, намного легче делать красивые интерфейсы становится.
Потому что это анимация, как раз костылями на анимациях и закрывают все, что не работает при помощи transition. И в самом видео речь о transition, при чем без повышения специфичности дополнительными селекторами.
Затем, что даже имея поддержку 80% ты можешь использовать, и код будет для тебя короче и легче чем на js писать. А у кого не работает поддержка, будет работать просто без анимации, что вообще не страшно. А для тебя все проще становится.
Профсоюз:
tables-pay-3ci.craft.me/5FBOJ6EJjuieDF
Поддержка канала:
Рос. карты через Boosty - boosty.to/it_union
Любые карты через telegram - t.me/howToLearnIT
Телеграм:
t.me/howToLearnIT
0:00 Введение
0:04 Дискретные свойства
5:06 Анимация вычисляемых значений
7:19 Бесплатный профсоюз айтишников
7:51 Motion Path
9:35 Контейнерные стилевые запросы
12:57 text-wrap: pretty
13:23 Hanging punctuation
13:56 Initial-letter
14:10 light-dark
15:49 Stepped value functions
16:47 Exponential Functions
17:10 Sign-Related Functions
17:40 Резюме
Ссылки:
1. Новинки CSS и HTML! 2023
ruclips.net/video/YFDKCAksZWw/видео.html
2. Прошлый ролик, где рассказываю про палитру
ruclips.net/video/Z_8s7hV7GlI/видео.html
#css #html #frontend #javascript
Спасибо за то что держите в курсе
Прям всё чётко, спасибо
Про дискретным свойства- вообще топ
Приветствую! Ждал твоё видео)
Спасибо за новости 🤝👍
Спасибо 🙏 очень полезно ❤
Теперь я программирую на CSS
Спасибо большое за полезный контент
Просто пушка видео!🔥
Короче, CSS скоро превратится в гигантский "фреймворк", весящий 100500 гигатонн...
Все еще бытует мнение, что проще всего залететь в IT, через фронтенд 😂
Так оно так и есть
Объективно легче всего через фронт енд
@@VeihShizoo додо, вот бы браузеры везде лдиноково обрабатывали, вот бы мобилки работали хотябы предсказуемо, вот бы не было всякой другой тысячкой шелухи
@@ш8л8м-ш8бб8т дя, нюнюню. Я вабсцеееее в афиге как Ти вызиваес , ну я прям не магу, так слозна работат шо капес. Я как об этом задумався так сразу фсо, помираю. Это зе так слознааааа, ну я прям ни магу, в афиге сизу
Ура наконец-то то что нужно в css
Господи наконец то анимация height в аккордионах стала проще, не прошло и 100 лет
round (0.05rem,1px) - по мне так прекрасно сработает в случае маленьких векторных иконок. к примеру на каком-то разрешении у вас получается что 0.05rem = 0.98px, в результате браузер все это зарендерит оч криво-косо, а в случае с экранами с маленькой плотностью пикселей, это будет выглядеть мутно или некорректно мелко, а вот такая фича с округлением в теории должна исправить кривые ситуации. PS но это в теории, на практике еще не проверял.
Что за иконка в 1 пиксель?))
@@Disorrder да я образно, имел ввиду, что размер иконки не кратный одному пикселю) ну типо 13.67px? вычисляемый размер какой-нибудь при rem зависимым от vw. PS кстати я протестировал то что описывал ранее, округлять округляет, но вот всякие тонкие линии все равно шакалит) Например какая-нибудь буква "Е" или символ на нее похожий в векторе, если линии тонкие, типо 1-3 пикселя, а ширина по дефолту пикселей 10, вот начни ее ресайзить по ширине и горизонтальные линии начнет шакалить.
16:54 Эй, Лера!
Эй, Арнольд!
Я так подозреваю, что всякие математические функции чаще всего будут полезны для анимации по траекториям. Может, для отрисовки 3д через css, без js это пока очень сложно. В остальной жизни это особо и не надо.
Как выйти из айТи 😮😮😮😮
через вэбкам или закладки)
@@braivs😂
css потихоньку превращается в язык программирования, дайте циклы и условия еще)
в scss есть уже
Так условия уже есть, в ролике)
@@blatovдальше что? css нативный, а scss препроцессор.
@@blatov это не css :)
@@DubinArtur ну они такие, на пол шишечки)
Отлично, осталось подождать лет 20 пока это можно будет использовать в проде
5 лет достаточно, да и полифиллы никто не отменял.
Это сколько лет им понадобилось, чтобы добавить поддержку анимации адаптивных размеров ? 🤔
Твой костыль под капотом анимирлвания ngIf в Angular
CSS++
Спасибо! Мне, как css-программисту, было очень интересно узнать что-то революционно новое)
А есть ссылочка на оф документацию, хотелось бы самому почитать и поковыряться с этим
не "энчер", а энкор, по русски анкер(якорь)
ничего не понятно, но очень интересно
Я не согласен с мнением, что для заголовков нужно ставить balance и только на body text pretty... pretty как раз таки работает как типограф, а balance работает ок только для заголовков до 65 символов и как было упомянуто в ролике допускает сирот...
ёпта расскажите моему дезигнеру. проще br задисплейнанить
Смотрю на то скодько херни выходит в фронтенде,начинаешь задумываться что лучше в бекенд перейти
Я иногда сталкиваюсь с необходимостью делать вещи под Сафари 10 и подобное, и могу сказать, что это очень хорошо, что столько ее выходит. Оно постепенно накапливается и по сравнению с тем, что было раньше, намного легче делать красивые интерфейсы становится.
Кто-то может обьяснить почему работает анимация в таком случае ?
.content {
position: absolute;
top: calc(100% + 5px);
left: 0;
padding: 5px;
color: #1f002b;
border: 1px solid #1f002b;
}
.content:not(.hidden) {
animation-name: openingAnimation;
animation-duration: 0.5s;
animation-fill-mode: both;
}
@keyframes openingAnimation {
0% {
display: none;
opacity: 0;
}
100% {
display: block;
opacity: 100%;
}
}
.content.hidden {
animation-name: hidingAnimation;
animation-duration: 0.5s;
animation-fill-mode: forwards;
display: none;
}
@keyframes hidingAnimation {
0% {
opacity: 100%;
display: block;
}
100% {
opacity: 0;
display: none;
}
}
Потому что это анимация, как раз костылями на анимациях и закрывают все, что не работает при помощи transition. И в самом видео речь о transition, при чем без повышения специфичности дополнительными селекторами.
Css v34
красиво стелишь фраерок, только юзкейсов нет, а поддержка сказанного минимальна
Короче css теперь JavaScript 😂
Зачем вообще про что либо рассказывать если нет поддержки 98%
Затем, что даже имея поддержку 80% ты можешь использовать, и код будет для тебя короче и легче чем на js писать. А у кого не работает поддержка, будет работать просто без анимации, что вообще не страшно. А для тебя все проще становится.
Пусть нормальные браузеры ставят
Не хочешь знать, не смотри. Тебя заставляют?
Ну, как минимум под такие вещи выходят полифиллы. В результате чего спокойно используешь и не паришься.
Найс канал про програмировние, последние видосы только про HTML і CSS
Ну дак посмотри старые видосы о JS. То, что он рассказывает о новом в HTML и CSS нет ни на одном канале в ру сегменте
это канал про frontend. Чудила ты глупая
привет css прощай js
🤮
Прети?! Что дальше? Сокиабле?
отдам свой аккунт на фулстака в goit
ушел в изучение линукса и сетей