New Block Support in WordPress 7.1: Minimum Width

New Block Support in WordPress 7.1: Background Gradient (background.gradient)

WordPress 7.1 bổ sung hỗ trợ background.gradient cho các block, cho phép điều chỉnh gradient trong bảng Background của block inspector, đồng thời có thể kết hợp với background image. Tính năng mới này khắc phục hạn chế của các phiên bản trước khi chỉ hỗ trợ gradient hoặc background image riêng lẻ.

Lập trình viên phát triển plugin hoặc theme WordPress nên đọc để hiểu cách tích hợp và tối ưu hóa tính năng gradient trong các block mới, giúp cải thiện hiệu suất và tính tương thích với phiên bản 7.1 của WordPress.

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.

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

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.

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

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