웹사이트는 인쇄할 수 있어야 합니다
Brennen Puth는 CSS 인쇄 스타일을 적용해 웹페이지에서 머리글을 숨기고 글자 크기와 링크 색을 조정하는 방법을 공유합니다. 종이 출력과 PDF 저장을 활용하는 독자들의 사례도 이어지며, 인쇄 지원은 콘텐츠와 사용 맥락에 따라 우선순위를 정할 문제로 드러납니다.
개발 · 최신기사
언어와 프레임워크, SDK와 개발 방식·도구의 변화를 다룹니다.
링크를 함부로 다루지 마세요
작성자는 링크를 버튼이나 팝업으로 대체하면 새 탭 열기, URL 복사, 키보드 탐색 같은 브라우저 기능이 깨진다고 설명합니다. 무한 스크롤과 자체 제작 날짜 선택기도 기본 브라우저 기능을 해치는 사례로 들며, 표준 HTML 요소를 활용하라고 제안합니다.
AccessPatch: 장애인을 위한 웹 접근성 장벽 낮추기
AccessPatch는 Ollama에서 Gemma 3 4B를 로컬로 실행해 웹 페이지의 이름 없는 컨트롤에 접근성 이름을 제안하고, 일부 마우스 전용 버튼에 키보드 조작을 추가하는 Chrome 확장 프로그램입니다. 변경 사항은 브라우저 안에서 적용하고 되돌릴 수 있으며, 제작자는 합성 테스트 16개 통과와 함께 실제 사용자 테스트가 더 필요하다고 밝혔습니다.
Tcl/Tk 9.1 공개
Tcl/Tk 9.1은 Tcl 9.0을 바탕으로 새 명령과 C API, 메모리 효율 개선을 더한 개발 릴리스입니다. Tk에는 스크린 리더 지원과 양방향 텍스트, 토글 스위치 위젯이 추가됩니다.
React 19 useFormStatus가 계속 false를 반환하나요? 문제를 보완하는 SubmitButton을 만들었습니다
React 19의 useFormStatus가 pending 상태를 감지하지 못하는 배치 오류를 설명하고, 접근성과 여러 제출 버튼을 고려한 SubmitButton 구성 요소를 소개합니다. 필드 잠금, 스크린 리더 알림, 폼 내부 배치 검사와 구현 한계도 함께 다룹니다.
resize 디바운싱을 멈추세요. 브라우저가 이미 변화를 감지합니다
창 크기 변경 때마다 실행하는 resize 핸들러 대신 matchMedia()의 change 이벤트를 쓰면, 미디어 쿼리 조건이 바뀌는 순간에만 반응합니다. 화면 너비뿐 아니라 prefers-reduced-motion 같은 설정 변화도 감지할 수 있습니다.
CSS-Tricks는 협동조합이 될 수 있습니다
CSS-Tricks의 기고자였던 Eric Bailey가 사이트를 기업 소유가 아닌 협동조합(Co-op)으로 운영하자고 제안합니다. 웹 지식 인프라는 단기 수익보다 보존과 육성이 중요하며, 집단 소유가 기업 전략 변화와 경영진의 일방적 결정으로부터 콘텐츠를 지킬 수 있다는 주장입니다.