‘CSS-Tricks’ 기사 모음입니다
-
사용자경험
HTML 반응형 이미지 문법 가이드
브라우저가 마법을 부리는 HTML 문법들에는 srcset, <picture>, w 설명자가 있습니다. srcset만으로도 같은 이미지를 다른 크기로 또 아예 다른 이미지로 제공할 수도 있지만, w 설명자와 sizes 특성을 함께 사용하면 브라우저가 더 적절한 선택을 할 수 있습니다. 반응형 이미지로 '성능 향상'과 '디자인 제어'라는 두 마리 토... -
웹디자인
그리드 완벽 가이드
CSS 그리드 레이아웃은 CSS 레이아웃 시스템 중 최강이라 할 수 있습니다. 플렉스박스와 달리 열과 행을 다룰 수 있는 2차원 시스템입니다. 우리는 레이아웃에 CSS를 사용하지만 생각만큼 쉽지 않습니다. 플렉스박스는 유용하지만 2차원 레이아웃이 아니기 때문에 한계에 부딪히기도 합니다. 여러분이 구상한 웹 페이지가 CSS 단 몇 줄만으로 다양하게 구현되...
ADVERTISEMENT