23. 05월 스크랩

1. Vercel, Storage 서비스들 공개 (링크)

• 프론트엔드 클라우드용으로 최적화된 다양한 스토리지들을 파트너업체들과 함께 제공
• Vercel KV: 서버리스 Redis (by Upstash)
• Vercel Postgres: 서버리스 SQL DB (by Neon)
• Vercel Blob: 엣지에서 파일 업로드 및 서빙 (by Cloudflare R2)

2. CSS와 Web UI의 새로운 기능들 : I/O 2023 에디션 (링크)

• Container queries
• Style queries
• :has() selector
• nth-of microsyntax
• text-wrap: balance
• initial-letter
• Dynamic viewport units
• Wide-gamut color spaces
• color-mix()
• Nesting
• Cascade layers
• Scoped styles
• Trigonometric functions
• Individual transform properties
• popover
• anchor positioning
• selectmenu
• Discrete property transitions
• Scroll-driven animations
• View transitions

3. 접혀진 아코디언은 검색할 수 없나요? (링크)

접근성과 애니메이션을 포기하지 않는 UI를 만들 수 있을까?

• 웹페이지에서 Ctrl + F로 검색했을 때, 숨겨진 콘텐츠를 보이게 만들기
• HTML 최신 스펙인 [hidden="until-found"]와 ReactDOM의 렌더링 충돌 문제
• 프레임워크가 접근성 구현을 제한할 때, 개발자는 어디까지 시도를 해아할지

4. 팝오버 API (링크)

• 팝업 UI를 구현하기 위한 새로운 웹 표준인 Popover API가 Chrome 114 버전에 구현됨.
• 많은 UI 라이브러리들에서 각각 구현하던 팝업(모달)을 통합하기 위한 시도.
• 여전히 실험적인 기능이 포함되어 있으며, Firefox는 아직 지원하지 않음.
• Top Layer, Anchor 등 최근 추가된 기술들을 활용.