😍 Новый CSS?

Рет қаралды 107,241

Александр Дудукало

2 ай бұрын

Пікірлер: 158

@PimiTree 29 күн бұрын

а теперь заходим в Safari и забываем нахуй еще на пол года про нестед сss с амперсандом

@prod.wembley3816 21 күн бұрын

--opacity вместо opacity, блин реально круто сократилось

@Daniel-qk1sn 2 ай бұрын

А кто нибудь рассказывал автору про scss?

@tymurkr 2 ай бұрын

Та это обновление css, типа больше не нужно scss, но по факту…

@nakidsalmon5327 2 ай бұрын

Миксины и тд вроде как всё ещё используют

@silentium_noxe 2 ай бұрын

Только что))

@stormbraker637 2 ай бұрын

@@tymurkr и поддержка 70%

@stormbraker637 Ай бұрын

@@LichMFK3 Окей , 80%, это не отменяет того факта что на wimdows 7 сайты поломаються

@zloered 2 ай бұрын

Круто. Нефига не поменялось по факту, даже код не уменьшился😅

@derfacn 2 ай бұрын

Никогда не думал что ты верстаешь

@zloered 2 ай бұрын

@@derfacn 😂😂😂чистая верстка с js , ну и еще тильда и webflow, по 3д максу тоже модельки делаю😁👍я этим зарабатываю и живу на это

@derfacn 2 ай бұрын

@@zloered крутецки, а я 4 года на самообучении по питону, умею в бэкенд, также верстка (базово) ну и чутка с убунтой там, сайтик пару раз ставил, хочу работу найти но не знаю с чего начать , мне только 16 🤥

@zloered 2 ай бұрын

@@derfacn надо искать практику на hh , там бывает берут на практику, а дальше как пойдет) в 16 лет это круто такое знать.. Жаль я время много потерял..

@user-uq5bf2qe2s 2 ай бұрын

Гораздо удобнее читать, особенно если использовать БЭМ. Осталось только миксины добавить и препроцессоры больше не нужны

@21Kip 10 күн бұрын

когда ты до сих пор не знаешь о scss и всё это магия...

@alex_dudukalo 9 күн бұрын

Да да )))

@TheBrav3ry 2 ай бұрын

К видосу нужна еще инфа с caniuse, а то новички ринутся использовать и огребут

@user-pi3em2ke2l Ай бұрын

вот именно

@user-ok3sj4lg7i 2 ай бұрын

Если кто не знает, знак "&" работает только в препроцессоре sass/scss

@xamana1336 2 ай бұрын

Это новые фишки css работает пока только в хроме

@user-ok3sj4lg7i 2 ай бұрын

@@xamana1336 а, я даже не знал. Но scss пользоваться комфортнее

@TalkerTube 2 ай бұрын

@@user-ok3sj4lg7i когда привычный костыль удобнее внезапно отросшей ноги 🤣

@DK-ue5uf 2 ай бұрын

@@TalkerTubeуверен, что ногой?) Как у тебя дела с кросс браузерностью?)

@TalkerTube 2 ай бұрын

@@DK-ue5uf мне пох - я в кровавом энтерпрайзе

@dubium1256 2 ай бұрын

Ох эти гении с ютуба, которые вообще не проверяют совместимость с браузерами

@_soryegeton 2 ай бұрын

Может он имел ввиду препроцессор 🤔

@mashush9197 2 ай бұрын

@@_soryegeton препроцессор "новый CSS", да?)

@_CogaR_ 2 ай бұрын

Уже без препроцессоров можно вложенность делать

@vitaly- 2 ай бұрын

@@_CogaR_ это если ты пишешь какой-то пет проект, на реальных проектах такое в здравом уме ни кто не будет делать еще ближайшие несколько лет из-за проблем с совместимостью.

@samueljohnson2812 2 ай бұрын

Голову не морочьте со своей совместимостью. При грамотной сборке приложения вообще всем насрать как написаны стили. В билд попадают минифицированные файлы что стилей, что скриптов.

@user-ys8ne4dr7z Ай бұрын

Когда посмотрел видео зная про scss

@mike_tallon 11 сағат бұрын

Styled-components - сила 🫦💅

@vladk7631 Ай бұрын

Зумеры переизобрели scss

@shure348 29 күн бұрын

старые браузеры вышли из чата (а это все старые айпады) но кто об этом сейчас думает))

@user-wf4np1ne2c 2 ай бұрын

Не знаю, scss тоже супер И псевдоклассы можно настроить)

@user-fh8wi4mo6s 2 ай бұрын

100%

@crowartie1112 2 ай бұрын

да, суперская вещь, вложения проще контролировать

@dimitriy8689 2 ай бұрын

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

@pavelpatsenkov 2 ай бұрын

Очень круто. Спасибо.

@mike.fireson 20 күн бұрын

Лишь пару дней назад на хабре узнал, что теперь правила можно иерархически записывать, sass, scss и stylus все менее нужны)

@CaiN805 27 күн бұрын

Я новичок, узнал об этой нестед фишке, и сразу начал так писать, думая, какой красивый код. Какое мне счастье прикатило, когда проверил в сафари и браузере на телефоне 😂 все пришлось переписывать(((

@kostya4182 Ай бұрын

А в реакте все еще проще, просто запилил компонент и пихаешь его туда, куда тебе надо)

@pureugliness Ай бұрын

лишь бы какую-нибудь херню сказануть. джуны такие джуны

@nade3282 2 ай бұрын

а про поддержку почему не сказал?

@Rybik52 2 ай бұрын

Вроде эт только в хроме работает, в другие браузеры поддержку нестинга не завезли, пользуемся препроцессорами

@user-jr5yh1nm5k Ай бұрын

Ого, автор открыл для себя scss. Когда начал преподавать раньше, чем сам все изучил. Ну что, лайк, подписочка.

@alex_dudukalo Ай бұрын

Приятно читать такие доброжелательные комментарии. Дело в том, что это css, а не scss

@Ninja-bs7fy 22 күн бұрын

Раньше я для этого использовал препроцессор sass

@Ninja-bs7fy 22 күн бұрын

Автор канала и моего анала СИГМА

@AsrorMavlyanov 17 күн бұрын

это работает только с scss и ешо чтобы увидеть код нужна Watch Sass

@user-dk2fq4pk1j 2 ай бұрын

Писать название свойства❌️ Писать название переменной как у свойства ✅️

@admenmod 2 ай бұрын

там можно вычисляемое свойствойство сделать зависимое от переменной, это действительно полезно, но невезде работает еще

@admenmod 2 ай бұрын

нестинг я имел ввиду

@marever13 2 ай бұрын

Да, нестинг работает и без препроцессоров, но в девтулзе иногда из-за этого каша выходит, да и кураторы из скиллбокса ругаются на нестинг) А так, да, надеюсь скоро сможем везде это применять.

@Jonstonrich 22 күн бұрын

Тот момент когда думаешь, что взломал матрицу.

@umidjonsadatov3426 24 күн бұрын

А переменное зачем? Ничего оно не поменяло

@BestBoy9543 2 ай бұрын

Поддержка браузерами полная?

@tarik95alliance Ай бұрын

А производительность от переселених лучше хуже? Или всем уже все равно.

@zarazaEye Ай бұрын

Когда стайлишь только под Oracle ADF 12c - *Макконнахи.жпег*

@zxcWeb Ай бұрын

Вот только не стоит забывать что у css nesting плохая поддержка

@den1011000 24 күн бұрын

переменные в css, емае...

@baitalov Ай бұрын

Так это же работает только через препроцессор scss ) или native css это тоже работает?

@LichMFK3 Ай бұрын

с недавних времен да

@garapov-ruslan Ай бұрын

Ага, в ios открой такую кнопку, удивишься 😅

@hopelezzhopelezz487 2 ай бұрын

css давненько так начал "съедать" препроцессоры и это не новость вроде как :) И вложенность уже давно, как и переменные появились css :)

@user-ex2oi6mw6m 2 ай бұрын

Ага, а про отображение на мобилках?) что при нажатии будет отрабатывать hover с залипанием)

@relaxdeepsleepmusic3608 2 ай бұрын

Прикольно 👍

@morgansf8743 2 ай бұрын

Работает только в хроме)

@miral5689 Ай бұрын

Гений!

@fotiz_music Ай бұрын

tailwind ( и скорость выше и не нужен отдельный css файл )

@user-pp4ek4xl5c Ай бұрын

Фаил с кодом слишком большим будет и непонятно читать это норм для маленьких проектов

@xebunwhynot 28 күн бұрын

Жопа этот ваш тэйлвинд Ты угараешь писать 200 слов ради стилизации одной кнопочки? А если у меня в компоненте будет больше кнопочек? А если не только кнопочки? Я же сдохну это не только писать, но читать потом Тэйлвинд - это поиграться, а не делать серьезные проекты

@user-bt3xy5tc2v 29 күн бұрын

забыли сказать, что обычно это css , а у вас scss? не вводите людеей в заблуждение

@alex_dudukalo 28 күн бұрын

Дело в том, что это все же CSS

@reactnext13 2 ай бұрын

Теперь нам не нужен Sass)

@hawkeyjet4758 2 ай бұрын

Миксины, функции, циклы

@marhunter1698 2 ай бұрын

Сгл@@hawkeyjet4758

@qwesdfsfsadf Ай бұрын

Ну пиздато же когда одно и тоже можно сделать несколькими способами?🗿 (Нет)

@web_jasur 2 ай бұрын

Итак язнвл етот

@igormajrov8444 Ай бұрын

Спасибо. кеп 😁

@user-ef9pv2lb7o 2 ай бұрын

кайф

@user-gz1wl2rp4v Ай бұрын

я, конечно, не эксперт, но по-моему, это препроцессор, а не чистый css

@user-vq3jm3tp2y Ай бұрын

Это чистый css??? Это не препроцессоры что ли?

@user-te7xb2to9f Ай бұрын

Tailwind?

@xebunwhynot 28 күн бұрын

@NovHirLow Ай бұрын

Android studio: существует Люди:

@pureugliness Ай бұрын

причем тут блять андроид студио?))

@user-ck5nw5ui9u 2 ай бұрын

Зачем выдумывать велосипед, если есть scss.

@arhfallen6792 2 ай бұрын

чтобы не ставить дополнительный модуль в сборку

@JJ-bi4dc 2 ай бұрын

Зачем ?

@KaraokeNightRu 2 ай бұрын

Нихуя не понятно но очень интересно

@Djungarik228 24 күн бұрын

есть такие штуки, называются Scss, Botstrap, Sass но автор увы не знаком

@alex_dudukalo 23 күн бұрын

Могу спросить, почему вы решили, что я не знаком с этими инструментами? Или это безосновательный комментарий? :)

@addRossi Ай бұрын

да полезно

@mrminyukho 2 ай бұрын

Как говорят американцы overengineered garabage code

@MurakumoJP 27 күн бұрын

Вот бы эта хуета ещё в других браузерах работала.

@PacoOfficial 2 ай бұрын

Не рекомендовать видео с этого канала

@tymurkr 2 ай бұрын

Какая поддержка браузеров?

@GGamess 2 ай бұрын

никакой)

@user-jd6is3eg3b Ай бұрын

Фреймворк 💀

@user-wj4pc7te1j 2 ай бұрын

Те же яйца, только в профиль, это называется.

@Skipper24x7 16 күн бұрын

зачем вообще что то писать? зашел к чату гпт, спиздил стиль какой нравится и адаптировал через гпт в два слова за секунду

@kuzpugonka1 2 ай бұрын

Переменая в этом случае даёт дополнительный код и усложняет чтение кода

@YunaLIVE 2 ай бұрын

Кто пишет голый CSS

@H1roHamada 2 ай бұрын

Ктото еще пищет на чистом css? Хотя, css потихоньку идет к функционалу препроцессоров и, видимо, действительно, скоро в них не юудет смысла

@user_PsevdonimyEtoPolnyjOtstoj Ай бұрын

Не фурычит.

@nics51 2 ай бұрын

scss 😂

@vgenm2457 2 ай бұрын

Тахи лучше и не смотреть . 😅

@programist_poobichayu 2 ай бұрын

Это в scss

@user-lf2dg6rk6r 2 ай бұрын

Это новое введение и многие браузеры это ещё не поддерживают

@ilyaburch 2 ай бұрын

Многие это какие? Нэстинг с конца 23 года нормально поддерживается всеми основными браузерами

@nade3282 2 ай бұрын

@@ilyaburch лишь из за сафари эта фишка не будет работать на многих айфонах

@user-iq8ns9jv9q 2 ай бұрын

А есть люди, которые до сих пор пишут на чистом css?

@kchertupsevdonimi 2 ай бұрын

Да, совместимость и скорость

@user-iq8ns9jv9q 2 ай бұрын

@@kchertupsevdonimi причем тут это? Если юзаешь, sass, то в конечном счете он превращается в тот же css. Минусы?

@kchertupsevdonimi 2 ай бұрын

@@user-iq8ns9jv9q я прошу какой нибудь чат ГПТ переработать код с помощью scss или сам вручную работаю, не надо ничего качать лишнего

@point111 2 ай бұрын

@@user-iq8ns9jv9q минусы - настройка и запуск сборщика, ожидание работы сборщика. Мне из scss необходимы только переменные, а они в css уже давно свои. Без вложенности прекрасно обхожусь, но вот она уже тоже есть. Миксины мне не нужны - придумываешь новую команду и через неделю уже забываешь что она делает.

@ormtosteson9553 2 ай бұрын

Nihya se

@Romgenas 22 күн бұрын

а по-русски?

@GGamess 2 ай бұрын

не изменил

@Chambo015 2 ай бұрын

Это же scss

@dimitriigoshev525 Ай бұрын

Обычно используют Tailwind CSS))

@natecoley160 29 күн бұрын

худшее что могли придумать за последнее время

@Pitk1 2 ай бұрын

Не рекомендовать

@ukrainetoday960 Ай бұрын

Зачем??? Зачем ты используешь переменную там где это не нужно??? Просто потому что можешь???

@user-jd5gn2de2e Ай бұрын

SCSS - не , не видели. Гений программирования

@user-pt2uz5st7i Ай бұрын

рано, не работает

@JavaScriptcher Ай бұрын

ScSs ЧТО-ЛИ??😂

@slaveofchrist9176 Ай бұрын

С препроцессором лучше

@miha77777 Ай бұрын

не говорите ему про scss...

@user-xc6fv1kj6z Ай бұрын

ЛЮДИ ДО ИЗОБРЕТЕНИЯ ПРЕПРОЦЕССОРОВ

@Unitmap 2 ай бұрын

Когда гуманитарии после курсов становятся г-кодерами. Чувак даже не понимает как это работает, что за переменами внутри движка, должен кто то следить, а значит лишний хук весит, потом у меня страница с двумя таблицами всю оперативную память жрет, и так повсюду.