웹사이트는 인쇄할 수 있어야 합니다
Brennen Puth는 CSS 인쇄 스타일을 적용해 웹페이지에서 머리글을 숨기고 글자 크기와 링크 색을 조정하는 방법을 공유합니다. 종이 출력과 PDF 저장을 활용하는 독자들의 사례도 이어지며, 인쇄 지원은 콘텐츠와 사용 맥락에 따라 우선순위를 정할 문제로 드러납니다.
개발 · 최신기사
언어와 프레임워크, SDK와 개발 방식·도구의 변화를 다룹니다.
JavaScript 없이 스크롤 애니메이션 34가지를 구현한 CSS 라이브러리
Dolly는 CSS scroll-driven animations를 data-dolly 속성으로 쓰도록 만든 라이브러리입니다. 34가지 애니메이션을 제공하며 스크립트 없이 동작하지만, 브라우저 지원 범위와 모바일 성능이 실제 사용의 제약으로 거론됩니다.
CSS의 미래
Interop 2027 후보로 거론되는 CSS 기능 10가지를 소개합니다. CSS 함수, 스크롤 상태 쿼리, 키워드 크기 애니메이션처럼 레이아웃과 동작 구현을 CSS에 더 맡기는 제안이 중심입니다. 기능별 지원 상태와 점진적 적용 방법도 설명합니다.
CSS Bed: 웹 개발의 출발점으로 쓰는 클래스 없는 CSS 테마
CSS Bed는 HTML 요소에 기본 스타일을 입히는 클래스 없는 CSS 테마를 모아 둔 사이트입니다. 테마를 골라 페이지의 <head>에 삽입하면 되며, 가벼운 스타일로 빠르게 시제품이나 간단한 웹 페이지를 만들려는 개발자에게 유용합니다.
모바일 `100vh` 문제를 JavaScript로 고치지 마세요
모바일 브라우저에서 `100vh`는 현재 보이는 화면이 아니라 브라우저 UI가 접힌 상태의 높이를 기준으로 삼을 수 있습니다. 글은 `dvh`, `svh`, `lvh`의 차이를 설명하고, 목적에 맞는 CSS 뷰포트 단위를 쓰면 JavaScript 우회 코드를 없앨 수 있다고 안내합니다.