WIT – NTS UIT Blog

What’s New in Chrome 71 (크롬71 업데이트)

Posted by in Research

2018년 12월 4일 정식 릴리즈 예정인 Chrome 71 새로운 기능 중 UI 개발과 관련된 내용을 정리했습니다. 🔔 New Feature [CSS] ‘left’ and ‘right’ values for the ‘text-underline-position’ property [CSS] :host, :host-context, and ::slotted specificity [Graphics] Animation Worklet [Graphics] COLR/CPAL font support [CSS] CSS gradient color stop double-position syntax [JavaScript] importScripts() [JavaScript] cache.addAll() [DOM] Call capture event listeners in capturing phase at shadow hosts [JavaScript] Intl.RelativeTimeFormat [JavaScript] TextEncoderStream and TextDecoderStream APIs [CSS] Unprefixed Fullscreen API [JavaScript] WebAssembly PostMessage [JavaScript] globalThis 🔕 Remove Feature [JavaScript] Remove prefixed WebKitAnimationEvent interface [JavaScript] Remove prefixed WebKitTransitionEvent interface…read more

CSS Scroll snap points 알아보기

Posted by in Research

Safari에서만 사용할 수 있던 Scroll snap 모듈이 9월 4일 릴리즈되는 Chrome 69부터 지원합니다. 배경 Scroll snap 모듈을 사용하면 사용자가 터치, 휠 스크롤 조작을 마쳤을 때의 오프셋을 설정할 수 있습니다. 스크롤링은 사용자와 웹 콘텐츠간의 자연스러운 인터랙션이지만 정밀도가 부족하여 콘텐츠의 중간에서 멈추거나 주요 콘텐츠의 일부만 보이기도 합니다. 하지만 미리 설정한 위치로 이동한다면 자연스러운 스크롤 움직임과 함께 사용자 경험은 더욱 향상될 수 있습니다. CSS Scroll snap 모듈을 사용하면 스크롤 동작을 정의하기 위한 JavaScript 사용을 줄일 수 있고, 하드웨어 가속을 사용하기 때문에 웹 브라우저에서 원활한 동작과 성능 향상을 기대할 수 있습니다. 이해 Scroll Container는…read more