Cross-Document View Transitions: Scaling Across Hundreds of Elements
CSS에서 뷰 전환 관리의 어려움을 다루는 글입니다.
The article addresses the challenges of managing view transitions in CSS.
AI가 선별한 아티클
CSS에서 뷰 전환 관리의 어려움을 다루는 글입니다.
The article addresses the challenges of managing view transitions in CSS.
2026년 CSS 요소 중앙 정렬 상태에 대한 탐구.
Exploring the state of CSS centering options in 2026.
Stack Overflow 질문의 급감은 IT 학습 방식에 대한 경고를 의미한다.
The decline in Stack Overflow questions signals a warning about learning in our industry.
크로스 문서 뷰 전환에 대한 주의점과 정보 공유.
Insights on cross-document view transitions and their challenges.
3D 복셀 장면 및 새로운 CSS 문법에 관한 뉴스레터입니다.
Newsletter covering 3D voxel scenes and new CSS syntaxes.
CSS를 이용해 할인된 가격을 계산하고 표시하는 방법을 설명합니다.
This article explains how to calculate and display discounted prices using CSS.
rotateX() 함수는 3D 공간에서 요소를 x축을 중심으로 회전시킵니다.
The rotateX() function rotates an element around the x-axis in 3D space.
rotateY() 함수는 요소를 수직 y축을 기준으로 회전시킨다.
The rotateY() function rotates an element around its vertical y-axis.
rotateZ() 함수는 요소를 z축을 중심으로 회전시킵니다.
The rotateZ() function rotates an element around its z-axis.
rotate() 함수는 2D 평면에서 요소를 회전시킵니다.
The rotate() function spins an element in a 2D plane.
ShadowRealm API는 JavaScript를 격리할 수 있는 새로운 영역을 제안합니다.
The ShadowRealm API proposes a new realm for isolating JavaScript.
키보드 사용자가 오버플로우 컨테이너에서 스크롤할 수 없는 이유를 설명합니다.
Explains why keyboard users cannot scroll in overflow containers.
CSS에서 모서리 모양을 사용한 접힌 모서리 기법 소개
Introduction to folded corners technique using CSS corner-shape.
2026년 어머니의 날에 대한 스크롤링 이야기 실험에 대한 설명.
Explaining a scrollytelling experiment for Mother's Day 2026 inspired by my mum.
구글이 Chrome 사용자에게 Gemini Nano를 무단으로 배포했습니다.
Google has silently distributed Gemini Nano, a 4GB AI model, to Chrome users without permission.
CSS Grid로 지그재그 레이아웃 만드는 방법 소개.
Introduction to creating zigzag layouts using CSS Grid.
고정 높이 카드의 정렬 문제와 그로 인한 어려움을 다룬 기사입니다.
An article discussing the challenges of aligning fixed-height cards in a multi-column layout.
HTML-in-Canvas, 육각형 맵, 전자 잉크 최적화 등 다양한 개발 실험이 소개된다.
Developers explore HTML-in-Canvas, hex maps, e-ink optimization, and more.
CSS에서 랜덤 숫자를 생성하는 새로운 기능이 추가됩니다.
New functions for generating random numbers in CSS are coming!
contrast() 필터 함수는 요소의 대비를 조절합니다.
The contrast() filter function adjusts an element's contrast.
contrast-color() 함수는 색상에 따라 대비되는 흑백을 반환합니다.
The contrast-color() function returns either black or white based on the given color for better contrast.
저자는 존재하지 않는 ::nth-letter 선택자를 사용하자는 제안을 한다.
The author advocates using the nonexistent ::nth-letter selector.
Apple Vision Pro 헤드셋의 애니메이션을 CSS로 재현하는 방법을 다룹니다.
The article discusses recreating the animation of Apple Vision Pro headset using CSS.
Markdown 컴포넌트를 활용해 Astro를 개선하는 방법에 대해 설명합니다.
Explains how to enhance Astro using a Markdown component.
Astro의 Markdown 지원을 MDX로 향상시킬 수 있다는 내용입니다.
Astro's Markdown support can be enhanced with MDX.
클립 경로 퍼즐과 뷰 전환 툴킷을 다룬 최신 웹 플랫폼 기능을 소개합니다.
Introducing new web platform features like clip-path jigsaws and a view transitions toolkit.
잘 설계된 JavaScript 모듈 시스템은 중요한 아키텍처 결정이다.
A well-designed JavaScript module system is a crucial architecture decision.