막 CSS 입문한 병아리 입니다. color-contrast 함수가 진짜 대박이라 계속 기다리고 있는데, 아직까지도 대부분의 브라우저에서 지원하지 않네요 ㅠㅠㅠ 구글에서 발표한 건데도 아직까지 크롬에 적용이 안되고 오히려 사파리에서 개발자 옵션으로만 지원하고 있나 봅니다. 이런 신기능은 발표되면 언제쯤 상용화가 되나요?
CSS code amazing my interesting code is @nest every developers want writing code repeatly by the way nicolas todays new feature css code is can i still use it?
📌 니콜라스와 무료로 코딩 공부하기
bit.ly/3MXIk4x
:has() 를 통해서 그동안 js로 처리 됐던걸 CSS로만 처리가 가능하겠네요!!! 슈퍼쿨~
정말 좋은 정보를 정리해주셔서 고맙습니다.
영상에서 나온 기능들을 빠른시일내에 production에서 쓸수 있으면 좋겠네요
4:33 - :has()
부모 요소에 특정 자식이 있는지 여부에 따라 스타일 적용
좋은 정보 보기 좋게 깔끔하게 정리해주는 니꼬쌤.... 감사합니다♥
미쳤다….대박… 앞으로의 스타일시트 작성이 즐거워질것같습니다. 좋아요 99번 누르고 싶어요🫶
이런 좋은 정보를 바로 알려주셔서 감사합니다
너무 원하던 기능들이 추가 되어서 좋네요!!!
빠르고 쉽게 정리해주셔서 감사해요!!
당장 적용해 봐야겠어요!!!!
와 엄청난 기능들이네요
와 잼써보이네요 😀
2:00 BALCK
nesting이랑 has가 기대가 되네요! 근데 언제쯤 실무에 쓸수있을지.. 슬프다
몇 개 상황 공유
> color-mix: scss에서 mix로 사용 가능
> inert 다수 브라우저 pre-release 지원
> has 사파리에서만 지원. draft에서도 선택사항이라고 적혀 있어서 아직 요원...ㅠㅠ
잘생겼다 !!!!
color contrast가 제일 맘에 드네요
좋은 정보 감사합니다 ㅎㅎ
대박
오... 편한 기능들 많이 추가됐네 간만에 css 조져볼까
저도 컬러 조절하는 것들하고 @container가 맘에 들어요!
와 이제 js로만 작업이 가능했던 부분도 css로 충분히 할 수 있겠어요!
역시 젤 좋은건 nest지만 대부분 이미 전처리기 쓰셔서 다른걸 꼽으시는듯 ㅋㅋㅋ
세상에! nest 랑 동적 뷰포트 넘 좋은 기능이네요
scope 좋아! 클래스명을 간결하고 직관적으로 짓는걸 좋아하는데 그럼 독창성이 떨어져서 중복 코드가 많아져서 그렇게 하지 못했는데 스코프 사용하면 되겠다..!!
has 와 container 기능이 맘에드네요
드디어! 마참내! NESTING 이 세상에 나왔습니다!!
막 CSS 입문한 병아리 입니다.
color-contrast 함수가 진짜 대박이라 계속 기다리고 있는데, 아직까지도 대부분의 브라우저에서 지원하지 않네요 ㅠㅠㅠ
구글에서 발표한 건데도 아직까지 크롬에 적용이 안되고 오히려 사파리에서 개발자 옵션으로만 지원하고 있나 봅니다.
이런 신기능은 발표되면 언제쯤 상용화가 되나요?
:has 와 진짜 왜안나오나 싶었는데 굳
듀얼클래스 잡을 필요가 없구나
Google I/O CSS관련해서 봤었는데 자막이 없어서 보기 힘들었는데 자막과 내용 정리하여 공유해주셔서 감사합니다~
알라뷰
아 얼마전에 개킹받으면서 구현했던 css가 여기있네 개킹받네 며칠만 일찍봤으면 개고생안했을텐데.. 하 감사합니다
잘 배우고 갑니다
구글 I/O 야호.
와 좋다 지금 당장 써도 될런지는 모르겠지만ㅠㅠ
2:00 에 BALCK 오타있어요~
입체적으로 만드는 css
적용하는 방법은 따로 없이 그냥 바로 모든 인터넷에 전부 적용되는 건가요??! 올해부터?? 감사합니당
has()랑 Scope 되게 도움 되겠네요 👍
특히 has가 대박이네요 😍
👉 2:00 BALCK…!!!
😭
좋은 기능들이네요. 근데 영상을 보고나니 이 기능들을 모든 브라우저에서 쓸수있으려면 10년은 걸릴지도 모르니 그냥 SCSS를 쓰는게 답이라는 생각이 드네요. SCSS 공부해야겠다..
웹뷰로 다 구성해서 짱박아도 되겟는데 이거...? 굉장히 좋은데 이거..?
구글 I/O... 기다리고 있었습니다
와.. 색상 선택 자동이 너무 좋네요.
그리고 항상 javascript로 수동처리 해줬던 :has!
thnk u!
와 css가 이뻐지네 키야
와 has.... 대박... 몇몇 sass 방식이랑 닮은게 꽤 보이네요
CSS code amazing my interesting code is @nest every developers want writing code repeatly
by the way nicolas todays new feature css code is can i still use it?
와 이거 이제 바로 적용 되나요?
크롬, 웨일, 엣지 모두???
Google I/O에서 Flutter에 대한 세션이 엄청 많았던것 같은데 뭐가 추가되고 변경된지 궁금해요!
와 신기하다 ㅋㅋㅋㅋㅋ
뭔가 함수형 프로그래밍 언어처럼 바뀐게 많네요
요번에 Flutter 3.0도 그렇고 구글이 폭주하네
30초 전 못참지
browsers should've compatitable with this stuff...
감사합니다~! 오늘도 좋은 코딩 알아갑니다!
레이어 혼합모드를 재현할수 있는 css는 없을까요?
@custom-media 를 빨리 사용할 수 있는 날이 왔으면 좋겠어요! 깔끔하니 좋네요ㅎㅎ
expected problem: not supported in Safari
색상 혼합기능으로 어떤 재밌는걸 만들지 고민되네요
2:00 BALCK lol
Can I use에서 :has()봤는데 신기술인지라 그런지 6.3프로만 사용가능하네요!언능 상용화가 되길바래봅니다.
everything related to color was amazing. thanks.
동적 뷰포트 !
버전이 어떻게되나요??
이야.. css가 엄청 상향 먹었네 ㅋㅋㅋㅋ
Color-mix()
제작자편의성이 많이 개선된것같군요. 반복적으로 코드를 넣다가 몇개 빼먹어서 작동안하는 일도 줄어들듯
높이 100% 좀 어떻게 안대나 vh안쓰고.. 부모까지 전부 100% 먹어야 하는거 너무 짱남
vh쓰면 모바일에서 주소창 바 영역 때문에 100%로 바꿔써야되는게 문제..
세상에
뭔가 더 편안한 css(안드로이드 스튜디오의 xml 같은) 툴이 잇엇으면 하네요 퓨퓨.. css어려웡..
안드로이드가 최근에 compose라는 걸로 ui를 선언형으로 만들게 되는데, 이건 웹이랑 방법이 비슷합니다. 저는 오히려 기존의 xml방식이 더 불편하네요...신경써야할게 너무 많아요
@Noitu Love 어도비 드림위버 쓰세요
@Noitu Love ㅎㅎ
@@SeongJu0202 오 이거 찾아봤는데 data binding 쓰던 기존 방식보다 많이 편한 것 같네요 ㅋㅋㅋㅋㅋ
플러터랑 약간 비슷한 거 같기도?
@@deblur99 맞아요. 플러터가 ui만드는 방식하고 똑같아요. 지금 메테리얼3도 발표하면서 좀 더 정리된 느낌도 들고, 바인딩도 그렇고 변수명 등 신경쓸게 은근 많이 줄었어요. 그리고 mvvm패턴과 궁합이 너무 좋습니다.
하지만 사파리가 출동한다면 어떨까?
헤으응.. 노마드코더 만세
선댓 후강
styled-component를 오래써와서 엄청 많이 바뀌었네! 라는 느낌이 안들어서 그런데 혹시 다른 분들은 어떠세요~~?
안녕하세요, 우리는 광고 대행사이며 비디오 광고 비디오를 만들기 위해 당신을 초대하고 싶습니다. 관심이 있으시면 저에게 회신하십시오.
scss 이제 안녕-!
ㅎㅎ
웃기지?
1빠
@custom-media 죽이네용😍
@nest 진짜 너무 좋은데?
Media query one. is best
와우 좋은 정보 감사합니당
다 바로 사용하고 싶네욬ㅋㅋㅋ