2023 채신 웹개발 잡기술 모음

https://www.youtube.com/watch?v=95YLHDzsg8A 

1. Web GPU

2. View Transitions API - 페이지 전환 애니메이션

3. animation-timeline: scroll - 스크롤바의 위치에 따라 애니메이션 처리

• 문서 전체 기준으로 스크롤 진행도를 상단에 가로 스크롤로 표시하는 기능도 구현 가능

4. 새로운 컬러 속성 oklca() 라는게 생겼따.

밝기, 채도, 앵글

색상간의 밝기를 맞추려고 고생하지 않아도 된다.

p3 색상을 지원하는 모니터가 많이 생겨서 이 함수로 해당 속성을 지정할 수도 있다.

5. container query

이런건 보통 미디어 쿼리로 했는데

미디어 쿼리는 브라우저 사이즈를 기준으로 동작했다.

이제는 이걸 특정 박스의 폭에 따라서 CSS를 조정할 수 있도록 할 수 있다.

독립적인 컴포넌트가 많은 리액트 같은 개발환경에서 쓰면 편리할 것으로 보임

6. text-wrap: balance

컴퓨터가 엔터키를 알아서 적당한 위치에 넣어준다고 한다.

7. popover

div에 popover 속성을 지정하면 CSS, JS 없이도 팝업창같은 표현이 가능해졌다.

8. project fugu

웹브라우저 안에서 안드로이드, 맥, 윈도우 기능을 가져다 쓸 수 있는 프로젝트

브라우저 안에서 3D 모델 에디터도 가능하다. 포토샵 등등