Новый CSS! 2024

Рет қаралды 32,658

Күн бұрын

Пікірлер: 69

@Howtogoit 3 ай бұрын

Профсоюз: 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 kzbin.info/www/bejne/j3enfHZ3oNiNjdk 2. Прошлый ролик, где рассказываю про палитру kzbin.info/www/bejne/kJCbpGqei5x6oqs #css #html #frontend #javascript

@ilyasanders4169 3 ай бұрын

Спасибо за то что держите в курсе

@IharPozirk-l8o Ай бұрын

Прям всё чётко, спасибо Про дискретным свойства- вообще топ

@max_mgtow 3 ай бұрын

Приветствую! Ждал твоё видео) Спасибо за новости 🤝👍

@divside 3 ай бұрын

Теперь я программирую на CSS

@harry_barry_li Ай бұрын

Спасибо 🙏 очень полезно ❤

@postoronny 22 күн бұрын

Короче, CSS скоро превратится в гигантский "фреймворк", весящий 100500 гигатонн...

@dkuba 3 ай бұрын

Просто пушка видео!🔥

@railbatyrshin7349 3 ай бұрын

Спасибо большое за полезный контент

@awtozapchasti 3 ай бұрын

Все еще бытует мнение, что проще всего залететь в IT, через фронтенд 😂

@VeihShizoo 2 ай бұрын

Так оно так и есть

@georgevonfloydmann1797 2 ай бұрын

Объективно легче всего через фронт енд

@ш8л8м-ш8бб8т Ай бұрын

@@VeihShizoo додо, вот бы браузеры везде лдиноково обрабатывали, вот бы мобилки работали хотябы предсказуемо, вот бы не было всякой другой тысячкой шелухи

@VeihShizoo Ай бұрын

@@ш8л8м-ш8бб8т дя, нюнюню. Я вабсцеееее в афиге как Ти вызиваес , ну я прям не магу, так слозна работат шо капес. Я как об этом задумався так сразу фсо, помираю. Это зе так слознааааа, ну я прям ни магу, в афиге сизу

@osad4enko 3 ай бұрын

Как выйти из айТи 😮😮😮😮

@braivs 3 ай бұрын

через вэбкам или закладки)

@Templier- 2 ай бұрын

@@braivs😂

@chirkov 3 ай бұрын

Господи наконец то анимация height в аккордионах стала проще, не прошло и 100 лет

@I_am_a_programmer 3 ай бұрын

Ура наконец-то то что нужно в css

@donjuanfamily1128 3 ай бұрын

Это сколько лет им понадобилось, чтобы добавить поддержку анимации адаптивных размеров ? 🤔

@phobos927 2 ай бұрын

round (0.05rem,1px) - по мне так прекрасно сработает в случае маленьких векторных иконок. к примеру на каком-то разрешении у вас получается что 0.05rem = 0.98px, в результате браузер все это зарендерит оч криво-косо, а в случае с экранами с маленькой плотностью пикселей, это будет выглядеть мутно или некорректно мелко, а вот такая фича с округлением в теории должна исправить кривые ситуации. PS но это в теории, на практике еще не проверял.

@Disorrder 2 ай бұрын

Что за иконка в 1 пиксель?))

@phobos927 2 ай бұрын

@@Disorrder да я образно, имел ввиду, что размер иконки не кратный одному пикселю) ну типо 13.67px? вычисляемый размер какой-нибудь при rem зависимым от vw. PS кстати я протестировал то что описывал ранее, округлять округляет, но вот всякие тонкие линии все равно шакалит) Например какая-нибудь буква "Е" или символ на нее похожий в векторе, если линии тонкие, типо 1-3 пикселя, а ширина по дефолту пикселей 10, вот начни ее ресайзить по ширине и горизонтальные линии начнет шакалить.

@Disorrder 2 ай бұрын

Я так подозреваю, что всякие математические функции чаще всего будут полезны для анимации по траекториям. Может, для отрисовки 3д через css, без js это пока очень сложно. В остальной жизни это особо и не надо.

@snatvb 3 ай бұрын

css потихоньку превращается в язык программирования, дайте циклы и условия еще)

@blatov 3 ай бұрын

в scss есть уже

@DubinArtur 3 ай бұрын

Так условия уже есть, в ролике)

@astkh4381 3 ай бұрын

@@blatovдальше что? css нативный, а scss препроцессор.

@snatvb 3 ай бұрын

@@blatov это не css :)

@snatvb 3 ай бұрын

@@DubinArtur ну они такие, на пол шишечки)

@Coders_Uz 2 ай бұрын

Thank you ver much. I liked it

@firiasu 3 ай бұрын

16:54 Эй, Лера!

@Skalebro 3 ай бұрын

Эй, Арнольд!

@serial1014 2 ай бұрын

А есть ссылочка на оф документацию, хотелось бы самому почитать и поковыряться с этим

@realfootball338 3 ай бұрын

Твой костыль под капотом анимирлвания ngIf в Angular

@trykoo 3 ай бұрын

Отлично, осталось подождать лет 20 пока это можно будет использовать в проде

@alexperemey6046 2 ай бұрын

5 лет достаточно, да и полифиллы никто не отменял.

@Atractiondj 3 ай бұрын

Я не согласен с мнением, что для заголовков нужно ставить balance и только на body text pretty... pretty как раз таки работает как типограф, а balance работает ок только для заголовков до 65 символов и как было упомянуто в ролике допускает сирот...

@senya_kolkij 3 ай бұрын

ёпта расскажите моему дезигнеру. проще br задисплейнанить

@dd95-5 2 ай бұрын

не "энчер", а энкор, по русски анкер(якорь)

@igorkl5167 2 ай бұрын

CSS++

@ivanzhuro 3 ай бұрын

ничего не понятно, но очень интересно

@TipAnswer 2 ай бұрын

Кто-то может обьяснить почему работает анимация в таком случае ? .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; } }

@get-web 2 ай бұрын

Потому что это анимация, как раз костылями на анимациях и закрывают все, что не работает при помощи transition. И в самом видео речь о transition, при чем без повышения специфичности дополнительными селекторами.

@BearVodkaAndValenki 3 ай бұрын

Спасибо! Мне, как css-программисту, было очень интересно узнать что-то революционно новое)

@IgorNovakus 2 ай бұрын

Смотрю на то скодько херни выходит в фронтенде,начинаешь задумываться что лучше в бекенд перейти

@alexperemey6046 2 ай бұрын

Я иногда сталкиваюсь с необходимостью делать вещи под Сафари 10 и подобное, и могу сказать, что это очень хорошо, что столько ее выходит. Оно постепенно накапливается и по сравнению с тем, что было раньше, намного легче делать красивые интерфейсы становится.

@АрзуманАлиев-р2о 3 ай бұрын

Css v34

@sanja816816 3 ай бұрын

Зачем вообще про что либо рассказывать если нет поддержки 98%

@SARDARru 2 ай бұрын

Затем, что даже имея поддержку 80% ты можешь использовать, и код будет для тебя короче и легче чем на js писать. А у кого не работает поддержка, будет работать просто без анимации, что вообще не страшно. А для тебя все проще становится.

@opt11misst28 2 ай бұрын

Пусть нормальные браузеры ставят

@get-web 2 ай бұрын

Не хочешь знать, не смотри. Тебя заставляют?

@alexperemey6046 2 ай бұрын

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