Hackers' Pub

Syntax	Description	Examples
`"` keyword `"`	Finds the string within quotes, including spaces. Case-insensitive. (Escape quotes inside with `\"`)	`"Hackers' Pub"`
`from:` handle	Finds content written by the specified user.	`from:hongminhee` `from:hongminhee@hollo.social`
`lang:` ISO 639-1	Finds content written in the specified language.	`lang:en`
`#` tag	Finds content with the specified tag. Case-insensitive.	`#HackersPub`
condition condition	Finds content that satisfies both conditions on either side of the space (logical AND).	`"Hackers' Pub" lang:en`
condition `OR` condition	Finds content that satisfies at least one of the conditions on either side of the OR operator (logical OR).	`#HackersPub OR "Hackers' Pub" lang:en`
`(` condition `)`	Combines the operators within the parentheses first.	`(#HackersPub OR "Hackers' Pub" OR "Hackers Pub") lang:en`

김무훈 @iamuhun@hackers.pub

8/28/2025, 3:39:02 PM

Public

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

Hyunjin Cho @resistan@hackers.pub

8/29/2025, 5:09:35 AM

Public

@iamuhun김무훈 오호, 모바일 환경으로 인한 반응형 레이아웃 초창기에는 Fixed, Fluid, Flexible, Elastic 등 여러 종류가 회자되곤 했었는데 폴더블 때문에 또다시 이런 용어들이 등장했군요.

If you have a fediverse account, you can quote this note from your own instance. Search https://hackers.pub/ap/notes/0198f43b-2ac7-7e84-ba7d-8729d24a54d1 on your instance and quote it. (Note that quoting is not supported in Mastodon.)