FEED.DKDK.ME

05.22.2026 / --:-- KST[업데이트 05. 17. AM 03:16]
[TECH]

Tailwind를 떠나며: CSS 구조를 다시 배우다

Julia Evans가 8년간 써오던 Tailwind에서 시맨틱 HTML + 바닐라 CSS로 마이그레이션한 경험기. 흥미롭게도 Tailwind 사용 경험 자체가 CSS 구조화에 대한 학습으로 이어졌다고 회고한다.

Tailwind 피로감과 '플랫폼 회귀' 논쟁이 정점에 달한 시점의 핵심 텍스트. Julia Evans의 인지도와 균형 잡힌 톤 덕분에 단순 비판이 아닌 학습 회고로 읽혀 6개월 후에도 레퍼런스로 살아남을 가능성이 높다.

TailwindCSS 아키텍처시맨틱 HTML프론트엔드
Hacker News6d ago
[VISUAL]

우리 자신을 디자인하다: Obys의 새로운 아이덴티티와 웹사이트

Obys가 2019년 사이트를 7년 만에 전면 개편하며 타이포그래피, 모션, 구조를 하나의 시스템으로 통합한 과정을 공개합니다. 아이덴티티 재정립부터 정밀하고 일관된 경험을 만드는 시스템 구축까지의 내부 케이스 스터디.

최정상 스튜디오의 셀프 리브랜딩 케이스는 그 자체로 교과서. 타입·모션·구조를 분리된 레이어가 아닌 단일 시스템으로 다루는 사고방식은 1인 디자이너-개발자에게 직접 적용 가능한 모델.

Obys리브랜딩디자인 시스템타이포그래피모션 디자인
Codrops8d ago
[UX]

AI 투명성을 위한 실용적 인터페이스 패턴 (Part 2)

스피너 같은 전통적 로딩 패턴이 에이전트 AI 경험에서 왜 실패하는지, 그리고 시스템의 과정·상태·의사결정을 드러내는 인터페이스 패턴이 어떻게 투명성과 신뢰를 만드는지 분석합니다. UX 리서처가 정리한 실전 패턴 가이드.

Smashing Magazine9d ago
[UX]

AI 에이전트 디자인: 중국 Qwen Agent에서 배우는 4가지 교훈

NN/g가 Qwen의 AI 에이전트를 분석해 도출한 4가지 디자인 원칙: 발견 가능성 지원, 익숙한 패턴 재사용, 개인 데이터의 신중한 처리, 사용자 자율성 보호. 서구권에서 잘 다루지 않는 중국 AI 제품의 UX를 정면으로 다뤘다는 점에서 희소가치가 높다.

Nielsen Norman Group14d ago
[UX]

UX 디자이너의 악몽: '프로덕션 레디'가 디자인 산출물이 될 때

AI 도입 열풍 속에서 UX 디자이너의 역할이 엔지니어링 영역까지 확장되며 디자인과 개발의 경계가 무너지고 있다. Carrie Webster는 이 변화에서 무엇을 얻고 무엇을 잃는지, 그리고 왜 디자이너가 여전히 사용자 경험의 수호자로 남아야 하는지를 짚는다.

Smashing Magazine30d ago
[UX]

브라우저 속 언어 모델의 양면성

Chrome과 Edge에 실험 플래그로 들어온 브라우저 내장 소형 언어 모델(SLM)에 대한 에세이. 'AI 끼워팔기'에 대한 회의에도 불구하고, 'Always bet on the Web' 정신에서 브라우저 기반 AI가 가진 가능성을 옹호한다.

Sidebar.io7d ago
[UX]

AI 시대를 위한 넛지·편향·휴리스틱 카드 43선

넛지, 인지 편향, 휴리스틱, 그리고 AI 특유의 현상까지 다룬 43장의 인터랙티브 필드 카드 모음입니다. AI 제품을 만드는 디자이너·리서처·프로덕트 팀을 위한 실무 레퍼런스로 설계되었습니다.

Sidebar.io8d ago
[TECH]

완전 오프라인 AI 어시스트 리눅스 개발 머신 구축기

ASUS ROG Flow Z13 위에 Arch Linux와 Niri 컴포지터, 로컬 AI 코딩 환경을 구성한 상세 셋업 가이드. 클라우드 의존 없이 프라이버시와 성능을 모두 챙기는 개발 환경의 현실적 청사진을 제시한다.

Dev.to11d ago
[UX]

로컬 퍼스트 웹 개발의 아키텍처 — 회의론자를 위한 2026년의 정직한 관점

오랫동안 웹 앱을 만들어온 개발자의 시선에서, 로컬 퍼스트가 만병통치약이 아님을 짚으며 실제 아키텍처 결정 지점을 풀어낸다. CRDT, 동기화 엔진, 충돌 해결 등 유행어 너머의 트레이드오프를 정리한 실무 가이드.

Smashing Magazine16d ago
[UX]

스트리밍 콘텐츠를 위한 안정적인 인터페이스 설계하기

LLM 응답처럼 토큰 단위로 흘러나오는 UI에서 발생하는 레이아웃 시프트, 포커스 이동, ARIA 처리, 중단 상태 등 실무적 난제를 짚는 글. 표면적으로 단순해 보이는 스트리밍 UI의 숨은 복잡성을 체계화했다.

Smashing Magazine21d ago
[UX]

사이트용 AI 챗봇 설계를 위한 10가지 가이드라인

NN/g는 사이트 전용 AI 챗봇이 자신의 능력을 명확히 밝히고, 적절한 프롬프트 예시를 제공하며, 사용자가 보고 있는 화면 맥락을 이해한다는 신호를 빠르게 줘야 한다고 제안한다. 사용자 신뢰를 확보하기 위한 구체적 UX 원칙을 정리한 글.

Nielsen Norman Group28d ago
[UX]

Claude가 실제로 활용할 수 있는 DESIGN.md 작성법

AI 코딩 에이전트 시대에 디자인 의도를 문서로 전달하는 새로운 포맷에 대한 가이드. 단순 스펙이 아닌 제품의 '스토리'로서 DESIGN.md를 구성하는 방법을 다룬다.

UX Collective6d ago
[UX]Claude Code가 Figma 디자인 시스템을 따르게 만드는 법Sidebar.io · 7d ago
[UX]AI 슬롭이 온라인 커뮤니티를 죽이고 있다Sidebar.io · 8d ago
[VISUAL]Claude AI 마스코트 애니메이션을 SVG와 GSAP으로 리버스 엔지니어링Codrops · 17d ago
[MOTION]CSS의 새 식구: contrast-color(), border-shape(), random()CodePen Spark · 30d ago
[UX]디자이너가 프로덕트 팀에서 실제로 힘들어하는 것들Nielsen Norman Group · 7d ago
[UX]Still Night: 연주할 수 있는 그림Sidebar.io · 7d ago
[VISUAL]다 비슷한 것들: 아이디어 에코챔버에서 벗어나는 창작 의식It's Nice That · 8d ago
[VISUAL]fromanother.love: 아티스트 주도 에이전시의 시네마틱 포트폴리오Awwwards · 8d ago
[VISUAL]Hellcare Regular: 의사 손글씨의 난해함을 패러디한 서체It's Nice That · 9d ago
[VISUAL]Le:mma Studio: 화면 너머의 감각을 설계하다Codrops · 11d ago
[VISUAL]갤러리에 저항하다 — 레이어드 포트폴리오를 만든 2년의 여정Codrops · 20d ago
[UX]'버그 없는' 일터: AI 효율이 팀의 보이지 않는 결속을 무너뜨리는 방식Smashing Magazine · 25d ago
01
[VISUAL]스코다 DuoBell: 노이즈 캔슬링을 뚫는 자전거 벨
프로덕트 디자인음향 공학안전브랜드 캠페인
The FWA · 5d ago
02
[TECH]SANA-WM: 1분 분량 720p 영상을 생성하는 2.6B 오픈소스 월드 모델
월드 모델비디오 생성오픈소스생성형 AI
Hacker News · 6d ago
03
[VISUAL]구찌 La Famiglia: AI가 펼치는 인터랙티브 미스터리
AI 인터랙티브브랜드 스토리텔링Gemini럭셔리 캠페인
The FWA · 6d ago
04
[VISUAL]HTML-in-Canvas 제안 살펴보기
HTML-in-CanvasWebGLThree.jsWICG웹 표준
Codrops · 9d ago
05
[VISUAL]셰이더 유니폼부터 클립-패스 와이프까지: GSAP으로 만든 포트폴리오
GSAPWebGL포트폴리오
Codrops · 16d ago
06
[UX]AI 제품의 'Undo' 문제
AI UXUndo사용자 통제비결정성
UX Collective · 6d ago