CSS

Designing for Long-Form Articles

• 긴 글에서 가독성을 높이기 위한 방법들 (글자 크기, 라인 별 글자 수, 한 줄의 높이)
• 주요 콘텐츠로 건너뛰기 (탭 시점에)
• 심리스 비쥬얼 - 배경색과 같은 jpeg를 사용하거나 loading=”lazy” 사용하기
• 스타일보다 마크업에 더 비중두기

CSS Grid and Custom Shapes

• 그리드 커스텀 쉐이프 - 육각형, 마름모, 삼각형, 피자, 퍼즐 조각 등

Tip - Use fetchpriority=high to load your LCP hero image sooner

• fetchpriority 를 사용하여 LCP에 유리하게 로딩순서를 조절하는 방법

Do You Know About overflow: clip?

• overflow clip의 작동 원리
• 올해 말 safari16에서도 지원하며 모든 에버그린 브라우저가 지원