ConfigDeck

CSS-Tricks 업데이트

CSS-Tricks의 최신 릴리스, 보안 패치, 기능 업데이트 소식을 확인하세요.

CSS-Tricks 최신 소식

CSS-Tricks

CSS-Tricks !important #12: Safari 테스팅, ::checkmark, HTML 앵커 포지셔닝 등

CSS-Tricks의 뉴스레터 12호가 Safari 크로스 브라우저 테스팅, ::checkmark 의사 요소, data 속성 기반 앵커 연결 기법, 그리고 Firefox 151의 컨테이너 스타일 쿼리 Baseline 진입 등을 다뤘다.

CSS-Tricks

CSS letter-spacing으로 텍스트 등장 효과 만들기

CSS-Tricks에서 letter-spacing 속성의 음수 값과 투명 색상을 조합해 순수 CSS만으로 텍스트 등장·토글·약어 확장 효과를 구현하는 기법을 소개했다.

CSS-Tricks

AI 시대의 기술 문서 작성

CSS-Tricks 편집장이 AI 시대에 기술 문서 작성이 처한 현실과 앞으로의 방향에 대해 솔직하게 진단한 에세이다. 트래픽 하락, Stack Overflow의 동일한 추세, 그리고 그럼에도 기술 글쓰기가 여전히 필요한 이유를 다룬다.

CSS-Tricks

크로스 문서 뷰 트랜지션: 수백 개 요소로 확장하기

CSS-Tricks의 크로스 문서 뷰 트랜지션 시리즈 2편. view-transition-class를 활용해 수백 개 요소의 트랜지션 스타일링을 CSS 규칙 몇 줄로 해결하는 패턴을 다룬다.

CSS-Tricks

2026년 CSS 센터링의 현주소

CSS-Tricks에서 CSS 센터링 방법을 재정리했다. 100가지 센터링 코드를 열거한 뒤, 실제로 유효하고 고유한 방식은 15개 미만임을 보여주며 block·grid·flex 각 레이아웃별 권장 패턴과 text-box 속성을 소개한다.

CSS-Tricks

Stack Overflow: 우리가 질문을 멈출 때

CSS-Tricks가 Stack Overflow 질문 수의 급격한 감소를 분석하며, AI 의존과 커뮤니티 모더레이션 문제가 개발자 생태계 전반에 미치는 영향을 짚었다.

CSS-Tricks

크로스 문서 뷰 트랜지션: 아무도 언급하지 않는 함정들

CSS-Tricks에서 크로스 문서 뷰 트랜지션의 실질적인 구현 과정과 흔한 실수들을 정리한 2부작 시리즈의 첫 번째 글을 게시했다. 더 이상 유효하지 않은 meta 태그 방식 대신 CSS @view-transition at-rule 기반 opt-in과 디버깅 포인트를 다룬다.

CSS-Tricks

CSS-Tricks What's !important #11: 3D 복셀 씬, 플라잉 포커스, CSS 신규 문법 등

CSS-Tricks의 큐레이션 뉴스레터 11호가 나왔다. Heerich.js, of <selector> 문법, 범위 문법, 스크롤 기반 애니메이션, Chrome 148·Safari 26.5 업데이트 등을 다루고 있다.

CSS-Tricks

곧 자바스크립트를 ShadowRealm으로 추방할 수 있게 된다

TC39에서 진행 중인 ShadowRealm 제안을 CSS-Tricks가 상세히 해설했다. 메인 스레드를 공유하면서도 별도의 전역·내장 객체를 갖는 격리된 realm을 통해 서드파티 코드 샌드박싱 등의 사용 사례를 다룬다.