CSS Infinity Use Cases · July 25, 2026

100 Ways To Center A Div · July 21, 2026

Bài viết giới thiệu 100 phương pháp khác nhau để căn giữa một phần tử div bằng CSS, do Temani Afif biên soạn.

Bài viết này sẽ giúp bạn khám phá những kỹ thuật đa dạng và hiệu quả để centering một <div> một cách chính xác, từ các phương pháp cơ bản đến các giải pháp tiên tiến, giúp tối ưu hóa layout và tránh những lỗi thường gặp trong thiết kế web.

HTML, CSS & JavaScript: The Three Skills Every Developer Must Master Before Chasing Frameworks

Trước khi theo đuổi các framework, nhà phát triển nên thành thạo ba ngôn ngữ cốt lõi …

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à …

writing-mode

Thuộc tính CSS writing-mode xác định cách sắp xếp các dòng văn bản theo chiều ngang hay chiều dọc, cũng như hướng tiến triển của khối và dòng.

Lập trình viên nên đọc về writing-mode để tối ưu hóa giao diện web cho các ngôn ngữ viết ngang-từ phải (như tiếng Việt) hoặc dọc, tránh các lỗi hiển thị không chính xác và cải thiện trải nghiệm người dùng trên các thiết bị đa dạng.

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.

Get Ready For the Powerful CSS border-shape Property!

Thuộc tính CSS sắp ra mắt border-shape cho phép định hình toàn bộ phần tử đồng thời giữ nguyên border, box-shadow và outline, khắc phục hạn chế của clip-path. Tính năng này hỗ trợ đa dạng hiệu ứng như border dạng shape, background cắt gọt, hoạt ảnh, hiện chỉ khả dụng trên Chrome.

Lập trình viên nên đọc bài này để khám phá cách border-shape trong CSS sẽ giải quyết vấn đề tạo các hiệu ứng trang trí (border, shadow) theo hình dạng tự do mà không cần cắt bỏ bằng clip-path, mở rộng khả năng tạo UI sáng tạo và hiệu ứng động hình với các ví dụ thực tế.

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ế.

Grid Lanes – The Future of Masonry Layout

Grid Lanes, giải pháp phân bố masonry layout đang gây tranh luận, đã chính thức ra mắt và cần tìm hiểu cách triển khai. Bài viết sẽ đi sâu vào cơ chế hoạt động của công nghệ này.

Lập trình viên nên đọc bài này để khám phá cách Grid Lanes giải quyết vấn đề bố trí masonry (độ dài không đều) trong CSS, giúp tạo ra giao diện đẹp, cân bằng và dễ quản lý hơn mà không cần phụ thuộc vào các kỹ thuật phức tạp như flexbox hoặc grid riêng lẻ.