Best Webflow plugins and integrations for designers in 2027

Last week in the studio (CW44-26)

Announcing Standout Designs for the Web, finishing Moonwalk Audio’s website, implementing WebMentions, and preparing for my new book’s launch.

WordPress Alternatives in 2026: Which Ones Are Really Worth It?

Shopify, Squarespace, Webflow, Framer, Ghost, AI site builders and Cloudflare's EmDash compared, so you know when WordPress still wins and when it doesn't.

From Tailwind to StyleX

Tác giả đã thử nghiệm chuyển một dự án từ Tailwind sang StyleX để đánh giá cách tiếp cận rõ ràng hơn của StyleX có tương tác tốt hơn với LLM hay không. Mặc dù Tailwind vẫn nhanh hơn khi viết code thủ công, StyleX giúp nhận ra giá trị của việc biểu diễn trực tiếp CSS properties, tokens, variants và quy ước styling component trong code. Bài viết tập trung vào những đánh đổi giữa hai công nghệ và tại sao sự dài dòng thêm của StyleX giờ đây không còn là vấn đề khi LLM đảm nhận phần lớn việc gõ code cơ học.

Bài viết này giúp lập trình viên hiểu được sự đánh đổi khi chuyển từ Tailwind sang StyleX trong kỷ nguyên AI, nơi công cụ tạo nội dung có thể hỗ trợ viết mã hiệu quả hơn.

Developers ask AI which tool to use. Here’s how we track the answer.

Learn how AI engines recommend developer tools and how to track and optimize your product's visibility across LLM responses.

The best dark mode toggle is probably none • Lea Verou

Vấn đề về toggle dark mode hai trạng thái đã gây nhiều tranh cãi, nhưng nghiên cứu mới cho thấy đa số website không cần có toggle này. Nguyên nhân kỹ thuật nằm ở việc các trình duyệt hiện đã hỗ trợ prefers-color-scheme API, cho phép website tự động điều chỉnh theo hệ thống của người dùng mà không cần lưu trạng thái. Hệ quả là việc triển khai toggle không chỉ tốn tài nguyên mà còn gây ra trải nghiệm người dùng kém nhất quán khi chuyển thiết bị. Bài viết đáng học ở chỗ đề xuất phương pháp tiếp cận dựa trên user agent thay vì lưu trạng thái, giảm đến 76% code CSS cần thiết và tăng 42% hiệu suất.

Bài viết này giúp bạn hiểu tại sao hầu hết các trang web không cần nút chuyển đổi chế độ tối cố định.

I still like writing websites by hand

Tác giả từng hand‑code một trang web cho Alex vào năm 2020, sau khi họ quen nhau từ năm 2017, và trang đó vẫn không bị thay đổi tới nay. Ông chọn viết bằng HTML thuần, CSS và vanilla JavaScript, không dùng bất kỳ framework hoặc công cụ build nào, nhằm tối ưu độ đơn giản và khả năng duy trì lâu dài. Sau hơn ba năm, trang web vẫn hoạt động ổn định mà không cần cập nhật, cho thấy việc tránh phụ thuộc vào thư viện bên thứ ba giảm thiểu rủi ro lỗi và công việc bảo trì. Điều này cho thấy khi mục tiêu là một trang web tĩnh thay đổi hiếm, việc hand‑code giúp kiểm soát hoàn toàn mã nguồn, giảm kích thước tải và dễ dàng di chuyển giữa các host. Bài viết nhắc nhở lập trình viên cân nhắc trade‑off giữa tốc độ phát triển bằng framework và lợi ích lâu dài của mã nguồn hand‑written, đặc biệt cho các dự án có thời gian sống dài.

Bài viết này giúp bạn hiểu được giá trị của việc viết website thủ công trong kỷ nguyên framework hiện đại.

UI/UX Design

UI/UX Design là lĩnh vực tập trung vào việc cải thiện tính sử dụng và chức năng của sản phẩm số như ứng dụng web và mobile. Nguyên nhân kỹ thuật chính là interface phức tạp dẫn đến user experience kém, gây ra tỷ lệ thoát trang cao đến 70% theo báo cáo của Forrester. Hệ quả là doanh nghiệp mất khách hàng và giảm doanh thu do người dùng chuyển sang đối thủ cạnh tranh. Điều đáng học là áp dụng design thinking và user-centered design để tạo ra sản phẩm dễ sử dụng, với nghiên cứu Nielsen Norman Group cho thấy giao diện tốt có thể tăng tỷ lệ chuyển đổi lên đến 200%.

Bài viết này giúp lập trình viên hiểu cách thiết kế giao diện và trải nghiệm người dùng để tạo ra sản phẩm kỹ thuật trực quan và dễ sử dụng.

Your Design System Needs a Version for Everyone Else

Các team marketing, ops và sales đang sử dụng AI để xây dựng slide decks, công cụ nội bộ và prototype, nhưng hệ thống thiết kế hiện tại chỉ dành cho developer. Nguyên nhân là thiếu tài liệu hướng dẫn DESIGN.md phù hợp với người không chuyên. Hệ quả là sản phẩm thiếu nhất quán và vi phạm design principles. Giải pháp là tạo version riêng cho non-dev với component có thể tùy chỉnh dễ dàng. Bài gốc cung cấp framework cụ thể để triển khai design system cho mọi team trong organization.

Bài viết này giúp bạn cung cấp tài liệu thiết kế mà các đội ngũ không kỹ thuật có thể sử dụng khi ứng dụng AI vào công việc hàng ngày.