쌓인 기록에서 찾기
무엇을 찾으세요? 날짜를 몰라도 됩니다. 제목·Key Point·요약·태그를 한꺼번에 뒤집니다.
검색 범위 2026년 8월 13일 (목) 부터 2026년 9월 17일 (목)까지 580건
9건 · "CSS"조건 지우기 ×
001 08:25 ▲ 119 · 댓글 57 Firefox.com이 순수 CSS만으로 재구축되다 Mozilla와 협업하여 Firefox.com을 전처리기 없이 현대적 네이티브 CSS만으로 완전히 재구축했다. 웹 · 프론트엔드 · The CSS Zen Garden dream, finally shipped
Firefox.com이 순수 CSS만으로 재구축되다 Key Point 현대 CSS의 기능이 얼마나 성숙했는지 보여주는 사례이며, 대규모 상용 사이트에서 전처리기 없이 순수 CSS 기반 설계 시스템이 실제로 작동함을 입증한다.
핵심 요약
Mozilla와 협업하여 Firefox.com을 전처리기 없이 현대적 네이티브 CSS만으로 완전히 재구축했다. CSS 변수, Grid, Flexbox 등 최신 CSS 기능이 2000년대 초반의 한계를 극복하면서 순수 CSS 기반 설계 시스템이 실제 제품 수준에서 가능해졌다. 70개 이상의 컴포넌트와 25개 페이지 템플릿으로 구성된 디자인 시스템을 구축했으며, Wagtail 컴포넌트로 구현해 콘텐츠 팀이 엔지니어 도움 없이 페이지를 조립할 수 있다. 19개 언어를 지원하며, 유일한 빌드 도구인 PostCSS는 @import 성능 최적화만을 위해 사용되고, 작성된 CSS는 모두 브라우저가 이해하는 순수 CSS다. CSS Zen Garden에서 시작된 '콘텐츠와 디자인의 완전한 분리'라는 꿈이 거의 20년 만에 생산 환경에서 실현되었다. 002 08:25 ▲ 240 · 댓글 100 CSS-Tricks, 디지털오션 인수 후 다시 유휴 상태로 CSS-Tricks는 2022년 디지털오션에 인수된 후 2023년 2월 폐기되었다가, 2024년 6월 편집자 Geoff Graham이 복직하면서 재개되었으나 현재 다시 비활성화된 상태다. 웹 · 프론트엔드 · CSS-Tricks in Limbo
CSS-Tricks, 디지털오션 인수 후 다시 유휴 상태로 Key Point 웹 개발자 커뮤니티의 신뢰할 수 있는 학습 자료 플랫폼의 향후 존속 여부가 불명확하기 때문입니다.
핵심 요약
CSS-Tricks는 2022년 디지털오션에 인수된 후 2023년 2월 폐기되었다가, 2024년 6월 편집자 Geoff Graham이 복직하면서 재개되었으나 현재 다시 비활성화된 상태다. 디지털오션 경영진과 Graham이 몇 개월간 CSS-Tricks의 현황 개선을 요청했지만 회사로부터 어떤 응답도 받지 못했다. 디지털오션은 최근 David Heinemeier Hansson이 주도하는 Omarchy 프로젝트에 300만 달러를 기부했으며, 동시에 GNOME과 Flathub 인프라 지원을 위해 매달 지급하던 50달러를 중단했다. 저자는 이 결정이 단순한 시간 문제가 아니라 우선순위 문제라고 지적하며, 웹 분야의 양질의 출판물이 점점 줄어드는 가운데 CSS-Tricks의 소실은 생태계에 큰 손실이 될 것이라고 우려한다. 003 12:10 ▲ 147 · 댓글 35 2005년 애플 온라인 스토어의 iPod 개인화 페이지 UI 개발기 저자는 2004~2006년 애플 온라인 스토어의 UI 엔지니어로 일하며 iPod 개인화 페이지를 개선했다. 웹 · 프론트엔드 · Apple iPod Engraver (2019)
2005년 애플 온라인 스토어의 iPod 개인화 페이지 UI 개발기 Key Point 2000년대 초반 웹 기술의 한계 속에서 제약이 많던 시대에 어떻게 인터랙티브한 경험을 만들었는지 보여주는 개발 사례이며, 당시 기술과 현재의 차이를 이해하는 데 도움이 된다.
핵심 요약
저자는 2004~2006년 애플 온라인 스토어의 UI 엔지니어로 일하며 iPod 개인화 페이지를 개선했다. 고객이 입력한 텍스트를 iPod 뒷면에 새길 수 있는 기능에 인터랙티브 요소들을 추가했다. JavaScript로 JPEG 이미지들을 순환시켜 회전하는 iPod를 표현하고, ImageMagick으로 실시간 개인화 미리보기를 생성했다. 배송 시간 변화는 CSS 클래스 전환으로 배경색을 노란색으로 페이드 처리하는 방식으로 강조했다. 2005년 당시 제한된 브라우저 기술 환경에서 이같은 솔루션들은 마법처럼 느껴졌다. 004 21:10 당일 +620 여러 AI 에이전트를 한곳에서 관리하는 통합 개발 도구 Orca Orca는 Codex, Claude Code, OpenCode 등 여러 코딩 에이전트를 각각의 독립된 git 워크트리에서 나란히 실행하고 비교·통합할 수 있는 개발 환경이다. AI · 머신러닝 · stablyai/orca · TypeScript
여러 AI 에이전트를 한곳에서 관리하는 통합 개발 도구 Orca Key Point 여러 AI 에이전트의 결과를 한 곳에서 병렬로 비교할 수 있는 통합 개발 환경이 필요한 개발자와 팀에게 새로운 워크플로우를 제시한다.
핵심 요약
Orca는 Codex, Claude Code, OpenCode 등 여러 코딩 에이전트를 각각의 독립된 git 워크트리에서 나란히 실행하고 비교·통합할 수 있는 개발 환경이다. 데스크톱, 모바일, SSH 원격 서버에서 실행되며, 모바일 앱에서는 에이전트의 진행 상황을 모니터링하고 지시를 내릴 수 있다. WebGL 기반 터미널 분할, 디자인 모드로 UI 요소를 클릭하면 HTML·CSS·스크린샷을 프롬프트에 자동 입력, GitHub와 Linear를 앱 내에서 네이티브 통합 등 기능을 제공한다. AI가 생성한 diff에 줄별 주석을 달아 다시 에이전트에 전송하거나, 파일을 드래그해서 프롬프트에 추가하고, Orca CLI로 워크플로우를 스크립트화할 수 있다. Claude와 Codex의 사용량을 추적하고, 어떤 CLI 에이전트든 지원하며, Computer Use를 통해 UI 자동화도 가능하다. 005 03:10 ▲ 584 · 댓글 237 Tailwind CSS, Shopify에 인수된다 Tailwind Labs가 Shopify에 인수됐다. Tailwind CSS는 주당 1억 1천만 회 이상 설치되며 ChatGPT, X, Cloudflare 등 세계 주요 기업들이 사용하고 있다. 웹 · 프론트엔드 · Tailwind Labs is joining Shopify
Tailwind CSS, Shopify에 인수된다 Key Point Tailwind CSS는 주당 1억 1천만 회 설치되는 핵심 UI 프레임워크이며, 인수 후에도 MIT 라이선스 유지와 오픈소스 개발이 지속되는 조건이 개발자 생태계에 어떤 영향을 미칠지 중요하다.
핵심 요약
Tailwind Labs가 Shopify에 인수됐다. Tailwind CSS는 주당 1억 1천만 회 이상 설치되며 ChatGPT, X, Cloudflare 등 세계 주요 기업들이 사용하고 있다. Shopify는 복잡한 애플리케이션 개발을 통해 Tailwind 팀이 사용자와 같은 문제를 직접 경험하고 프레임워크를 개선하는 환경을 제공한다. Tailwind CSS는 MIT 라이선스를 유지하며 계속 오픈소스로 개발되고, 상용 신규 고객 모집은 중단하되 기존 고객은 서비스 접근성을 유지한다. Shopify는 Tailwind CSS 초기부터 규모 있게 도입한 기업으로, Tailwind를 고객들의 스토어프론트 개발에도 권장해왔다. 006 11:10 ▲ 100 · 댓글 34 80줄짜리 Proxy로 어떤 DOM이든 반응형으로 Mador는 프레임워크 없이 기존 HTML에 간단한 반응형 상태 관리만 추가하는 라이브러리다. 웹 · 프론트엔드 · Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple
80줄짜리 Proxy로 어떤 DOM이든 반응형으로 Key Point 기존 HTML 페이지에 복잡한 프레임워크 없이 가벼운 반응형 상태 관리를 추가하고 싶은 개발자에게 실용적인 선택지가 된다.
핵심 요약
Mador는 프레임워크 없이 기존 HTML에 간단한 반응형 상태 관리만 추가하는 라이브러리다. 상태 읽기와 쓰기 함수 쌍으로 동작하며, CSS 선택자로 선택한 DOM 요소에 상태 변화를 자동으로 반영한다. 바인딩은 선택자·업데이트 함수·의존성 읽기 함수 3가지로 구성되고, 의존성 변화가 있을 때만 리렌더링된다. 상태 변경은 write() 함수로 하며 같은 사이클 내 여러 변경을 일괄 처리한다. DOM 요소가 제거되면 자동으로 해당 바인딩도 정리되므로 라이프사이클 관리가 필요 없다. 크기는 최소화되어 875바이트 수준이며, 빌드 단계 없이 ES 모듈로 직접 사용 가능하고 MIT 라이선스다. 007 11:10 ▲ 277 · 댓글 79 라디버드 브라우저 8월 업데이트, 트위치·유튜브 영상 재생 지원 Twitch 적응형 영상과 YouTube의 AV1·AVC·HEVC·AAC 코덱을 지원하며, H.264와 HEVC 등 여러 영상 포맷을 이제 재생할 수 있다. 웹 · 프론트엔드 · This Month in Ladybird – August 2026
라디버드 브라우저 8월 업데이트, 트위치·유튜브 영상 재생 지원 Key Point 오픈소스 웹 브라우저로 주요 동영상 스트리밍 서비스를 지원하기 시작했으며, 성능 개선과 개발자 도구 확충으로 실제 사용 가능성이 높아지고 있다.
핵심 요약
Twitch 적응형 영상과 YouTube의 AV1·AVC·HEVC·AAC 코덱을 지원하며, H.264와 HEVC 등 여러 영상 포맷을 이제 재생할 수 있다. CSS scroll snap, JavaScript DevTools 디버깅, 다운로드 일시정지/재개, 세션 복구 기능을 추가했다. 새 스타일 엔진 개발, 레이아웃 캐싱, CSS 애니메이션 메인 스레드 오프로드로 성능을 중점 개선했다. CSS 파싱과 페인팅 파이프라인을 Rust로 이전하고, JavaScript 값의 셀 포인터에 caging을 적용했다. ChatGPT, VS Code, iCloud, Outlook 등 주요 사이트의 렌더링 문제를 수정했으며, 3D 변환과 RTL 텍스트 처리를 개선했다. 008 08:12 당일 +373 HTML로 동영상 렌더링 프레임워크 HyperFrames 공개 HyperFrames는 HTML, CSS, 미디어를 MP4 동영상으로 변환하는 오픈소스 프레임워크다. AI · 머신러닝 · heygen-com/hyperframes · TypeScript
HTML로 동영상 렌더링 프레임워크 HyperFrames 공개 Key Point AI 에이전트가 프로그래밍 없이 동영상 콘텐츠를 자동으로 생성할 수 있는 새로운 방식을 제시하며, 마케팅 자동화부터 콘텐츠 제작까지 범위가 넓다.
핵심 요약
HyperFrames는 HTML, CSS, 미디어를 MP4 동영상으로 변환하는 오픈소스 프레임워크다. CLI, AI 에이전트의 스킬, 또는 호스팅 저작 워크플로우의 렌더링 엔진으로 사용할 수 있다. 상품 출시 영상, 설명 동영상, PR 요약, 자막 추가, 모션 그래픽 등 20개의 도메인별 스킬을 제공한다. AI 코딩 에이전트가 간단한 텍스트 명령으로 동영상을 생성할 수 있도록 설계됐으며, Claude Code, Cursor 등을 지원한다. 코어 스킬 세트는 기본 설치되고, 나머지 스킬은 필요에 따라 온디맨드로 설치된다. 009 08:12 당일 +280 Next.js 기반 무료 영상 스트리밍 플레이어 공개 Next.js 14, TypeScript, Tailwind CSS로 구축한 크로스플랫폼 영상 통합 플레이어 'LunaTV' 공개. 오픈소스 · 도구 · MoonTechLab/LunaTV · TypeScript
Next.js 기반 무료 영상 스트리밍 플레이어 공개 Key Point 무료 스트리밍 서비스 구축 관심층이나 오픈소스 비디오 플레이어 기술에 관심 있는 개발자에게 직접 배포 가능한 완성도 높은 솔루션을 제공합니다.
핵심 요약
Next.js 14, TypeScript, Tailwind CSS로 구축한 크로스플랫폼 영상 통합 플레이어 'LunaTV' 공개. 다중 소스 검색, HLS.js와 ArtPlayer 통합 재생, 컬렉션 및 시청 기록 동기화, PWA 지원, 광고 자동 스킵 기능 제공. Kvrocks/Redis/Upstash를 통한 저장소 옵션 지원으로 여러 기기 간 진행 상황 동기화 가능. Docker 또는 Zeabur을 통해 배포 가능하며, 배포 후 관리자가 직접 API 소스와 재생 스트림 추가 필요. CC BY-NC-SA 라이선스로 상업 이용 금지, 중국 대륙 소셜 미디어 홍보 불허 조건 명시. 
