Smart layouts at CSS Day 2025 aka. Fluid Layout - 폴더블의 보편화로 스크린 화면 비율이 정적이지 않고 가변적이게 변하는 추세에 적합한 방법론인 것 같다.

뷰포트 너비마다 레이아웃을 변하는 breakpoint 방식에서 벗어나 단일한 Fluid Layout 을 지향하는 시점이 되었나 싶다.

SMART
LAYQUTS
RESPONSIVE
• VIEWPORT SIZE
• CONTAINER SIZE
• USER PREFERENCES
DESKTOP
TABLET
NOT LIMITED WITH THIS THREE FORMATS
MOB
SMART
• MINDSET
• DON'T BREAKS
• CONDITIONAL
•CONTENT-AWARE
STAR
8
KEEP
CALM
•FiexBox
HAS
•: HAS
• ANCHOR
• CONTAINER & STYLE
QUERIES
• FIEXBOX
AHMAD SHADEJO
• GRID
• CSS CLAMP
•GRID AREAS
• DISPLAY: CONTENTS
EDGE (FUTURE)
• SIBLING INDEX ()
• CAROUSEL API
PAMSTERDAM
QUERIES
ITS ALL CONNECTEI IN A SMART WAY
6.06.2025
1

❤️

1 person reacted.

🕯️바라는 건 평등한 민주 세상.

디지털 접근성, HTML, CSS로 살다 요즘은 다시 투쟁.