CSS 한 줄이 댓글까지 바꿀 때, 카드 안의 선택 범위를 좁히는 법
이미지가 있는 카드의 문단 여백을 줄이는 규칙이 댓글 아바타까지 조건으로 삼으면 카드와 댓글을 함께 바꾼다. 관계 선택자의 조건과 적용 대상을 직접 자식으로 한정한 예제를 실행하고, CSS 전환에서 줄 수보다 먼저 살펴볼 동작의 경계를 짚었다.
“디자인 시스템” 검색 결과검색 초기화5편
CSS random() 초안과 시연으로 본 절제된 시각적 편차 설계
CSS random()은 기본 구조 위에 제한된 편차를 더하는 수단이다. 규격의 공유 범위를 살피고 Chrome 156에서 기본·간격·대체 값 선언을 직접 실행했다. 한 브라우저의 지원 결과와 전체 서비스의 적용 가능성을 구분한다.
디지털 제품의 소통 비용 낮추는 명명 설계와 토큰 체계
UI 컴포넌트, 코드 클래스, 색상, 디자인 토큰 등 제품 개발 전반에서 발생하는 명명 혼선을 줄이기 위한 체계적 분류법과 인튜이트, 보다폰 UK 등 주요 기업의 계층 설계 전략을 살펴봅니다.
접근성을 일회성 감사에서 개발과 운영의 반복 체계로 전환하는 방법
미하일 프로스미츠키는 접근성을 정기 감사를 넘어 디자인 시스템, 코드 검토, 배포 점검에 연결되는 지속적 운영 역량으로 다루자고 제안했다. WebAIM과 GOV.UK 자료는 자동 검사와 공통 컴포넌트가 출발점일 뿐 실제 과업 완성을 보장하지 않음을 보여 준다.
AI가 읽는 디자인 시스템, 화면 결과보다 명세·토큰·검사 체계 전달하기
스매싱 매거진이 AI 프로토타입 제작에 명시적 설계 지침과 토큰, 검사 절차를 함께 제공하자고 제안했다. 아틀라시안은 흩어진 정보를 코드 옆 단일 구조화 원천으로 통합해 여러 형식을 파생한 사례를 발표했다. 문서의 양보다 현재 구현과의 일치를 지속 점검하는 운영 체계가 핵심이다.
