Research
picture elements 사용하기
프로젝트를 진행하면서 585 이하의 기기에서는 모바일 소재의 이미지(배경 이미지)가 노출되고, 586 (폴드) 이상의 기기에서는 PC 소재의 이미지가 노출되어야 하는 스펙이 있었습니다.해당 스펙을 적용하기 위해 picture 요소를 사용하였으며 picture 요소에 대해 간략하게 정리해보았습니다. picture 정의 HTML Elements 더보기…
관련 글
Research
새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift)
지난 chrome 86 업데이트에서 개발자도구 - Performance 패널 - Experience 섹션에 Cumulative Layout Shift (CLS) 라는 새로운 성능 측정 지표가 생겼습니다. CLS가 무엇인지 우리는 어떻게 대응할 수 있을지 정리해보았습니다.
Research
(번역) 랜더링 성능을 향상 시키는 새로운 CSS 속성 content-visibility
content-visibility: the new CSS property that boosts your rendering performance 본 게시글은 https://web.dev/content-visibility/ 의 글을 번역 게시하였습니다. 8월 25일 Chrome 85에 추가된 content-visibility 속성에 대해 정리했습니다. 화면 밖 콘텐츠의 렌더링을 생략함으로써 초기 로드 시간을 개선합니다. Chrome 85에 더보기…
1개의 댓글
UYEONG · 2014년 1월 16일 6:36 오후
LESS에 대한 좋은 예제를 보고 싶으시면 Bootstrap3 : https://github.com/twbs/bootstrap/tree/master/less 를 참고해주세요.