CSS2 (번역) CSS content-visibility를 이용해 렌더링 성능 향상 시키기 원문: https://nolanlawson.com/2024/09/18/improving-rendering-performance-with-css-content-visibility/기존 번역문: https://velog.io/@superlipbalm/improving-rendering-performance-with-css-content-visibility💡기존 번역문을 좀 더 읽기 쉽게 바꾸고 설명을 추가한 번역문입니다. 최근에 emoji-picker-element(이모지를 선택할 수 있게 해주는 웹 컴포넌트)에서 흥미로운 성능 이슈가 발견되었습니다.19,000 개의 커스텀 이모티콘이 있는 페디버스 인스턴스를 사용 중인데 ... 이모티콘 선택기를 열면 페이지가 최소 1초 동안 멈추고 그 후에도 한동안 전반.. 2024. 11. 4. 모바일 safari 브라우저에서 더블탭시 확대 막기 아이폰 사파리에서 버튼 등의 요소를 두번 터치시에 브라우저가 확대되는 기능으로 인한 불편을 막기 위해 css의 'touch-action:manipulation;'을 사용하여 더블탭시 확대를 방지합니다. .button-medium { touch-action:manipulation;} "패닝 및 핀치 줌 제스처는 활성화하되, 두 번 탭하여 줌과 같은 추가적인 비표준 제스처는 비활성화합니다." - mdn web docs mdn docs의 설명과 같이 touch-action:manipulation;을 사용시 기본적인 확대/축소 기능은 살린 채로 더블 탭시 확대되는 제스처를 비활성화 할 수 있습니다. 2024. 2. 26. 이전 1 다음
