Can AI Generate Good UX? Here’s What It Gets Right (and Wrong)

Rebuilding FIFA Standings Layout with CSS Subgrid

Bài viết hướng dẫn cách xây dựng lại bố cục bảng xếp hạng FIFA bằng CSS Grid, Subgrid và …

The 5 Levels of an AI-Ready Design System

Hầu hết các nhóm đều đánh giá hệ thống thiết kế của mình cao hơn thực tế. …

How to Create Accessible Modals and Pop-ups Using HTML, CSS, and Minimal JavaScript

Tạo modal và pop-up có thể phức tạp do yêu cầu nhiều boilerplate code. Bài viết hướng dẫn cách xây dựng chúng bằng HTML, CSS và JavaScript tối thiểu, tập trung vào khả năng truy cập (accessibility).

Lập trình viên nên đọc bài này để học cách thiết kế các modal và pop-up thân thiện với người dùng và người bị khuyết tật, giúp cải thiện trải nghiệm người dùng và tuân thủ các tiêu chuẩn Accessibility (ADA, WCAG) mà không cần phải viết nhiều mã phức tạp.

Last week in the studio (CW29-26)

Còn hai tuần nữa là tới kỳ nghỉ tháng Tám, nên tôi đang cố gắng hoàn thành công việc trên Lockrose và Portico Investments.

Những thông tin về Lockrose và Portico Investments có thể là những dự án thực tế hoặc công nghệ mới liên quan đến lĩnh vực tài chính, blockchain, hoặc AI, giúp bạn cập nhật xu hướng công nghệ trong ngành và tìm hiểu cách ứng dụng trong thực tế.

No, People Don’t Want More AI In Their Life — Smashing Magazine

Hầu hết mọi người không mong muốn thêm tính năng AI trong cuộc sống, trái ngược với quan điểm của các nhà lãnh đạo AI.

Lập trình viên nên đọc bài này để hiểu cách thiết kế giao diện AI thân thiện với người dùng, tránh tạo ra những tính năng tự động hóa không cần thiết mà vẫn mang lại trải nghiệm tốt hơn cho người dùng thực tế.

Already rich, already successful, why the last wave of tech winners is grinding again

Những tỷ phú công nghệ giàu có đang lao vào cuộc đua AI mới, sợ bỏ lỡ thời khắc quyết định của công nghệ này và cơ hội kiếm thêm lợi nhuận khổng lồ.

Lập trình viên nên đọc bài này để hiểu cách các nhà lãnh đạo công nghệ hiện nay không chỉ tập trung vào thành công hiện tại mà còn xem xét những cơ hội mới như AI để duy trì sự cạnh tranh và phát triển bền vững trong tương lai.

Why default Tailwind is not always an accessible choice

Tailwind CSS mặc định dùng breakpoint dựa trên rem, khiến layout thay đổi bất ngờ khi người dùng điều chỉnh cỡ chữ mặc định của trình duyệt, trong khi breakpoint px vẫn ổn định. Mặc dù rem tốt hơn cho người đọc có nhu cầu phóng to chữ, nhưng nó kém dự đoán hơn và không nhất thiết tuân WCAG 1.4.4 như zoom trang. Nhà phát triển nên chủ động chọn giữa rem hay px dựa trên đối tượng người dùng mục tiêu.

Lập trình viên nên đọc bài này để hiểu cách Tailwind CSS ảnh hưởng đến tính khả dụng (accessibility) khi sử dụng breakpoints rem mặc định, giúp họ lựa chọn giữa rem và px một cách thông minh để phù hợp với nhu cầu người dùng thay đổi font mặc định hoặc zoom trang web.

98.css

98.css là thư viện CSS duy nhất, giúp biến HTML ngữ nghĩa thành giao diện giống Windows 98 mà không cần JavaScript, tương thích với mọi framework frontend. Thư viện hỗ trợ nhiều thành phần UI như buttons, checkboxes, dropdowns, cửa sổ, tabs, progress indicators và tuân thủ tiêu chuẩn accessibility thông qua HTML ngữ nghĩa cùng thuộc tính aria-label.

Lập trình viên cần đọc để khám phá cách tạo UI tương tác, thân thiện với người dùng và tuân thủ tiêu chuẩn web bằng CSS đơn giản, đặc biệt là khi cần thiết kế giao diện theo phong cách cổ điển nhưng vẫn đảm bảo tính khả dụng và hiệu suất cao.