#html

When A Favicon Becomes The Entire Website

Tim Wehrle tạo ra một cách hack sáng tạo khi nhúng toàn bộ website HTML vào tệp favicon …

Creating a Progress Bar with Tailwind

Bài viết hướng dẫn tạo thanh tiến trình (progress bar) bằng TailwindCSS thông qua các bước chi tiết.

Lập trình viên muốn nhanh chóng tích hợp hiệu ứng tiến trình đẹp và chuyên nghiệp vào ứng dụng web của mình mà không cần viết CSS thủ công.

Embeddable Widgets with Vite, React, Tailwind 4 & Web Components

A practical walkthrough of building embeddable widgets using React, Tailwind 4, Vite, and Web Components delivered as a single JS file. Two significant browser limitations are uncovered and solved: Tailwind 4's heavy reliance on CSS @property rules which Shadow DOM doesn't fully support, and @font-face declarations not working inside Shadow Roots. The @property issue is addressed with a custom PostCSS plugin (~300 lines) that transforms Tailwind's property registrations into concrete CSS variable declarations scoped to the shadow host. The font issue is handled by a runtime font loader using the FontFace API that attaches fonts to the parent document instead of the Shadow Root.