Chris’ Corner: Click Something Do Something

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à các kỹ thuật liên quan.

Lập trình viên muốn khám phá cách sử dụng CSS Grid và Subgrid để tái thiết kế bố cục bảng xếp hạng FIFA một cách hiệu quả, tối ưu hóa tính linh hoạt và khả năng mở rộng cho các dự án tương tự.

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.

New Block Support in WordPress 7.1: Minimum Width

WordPress 7.1 bổ sung hỗ trợ minWidth cho các block, cho phép thiết lập chiều rộng tối thiểu tương tự như minHeight hiện có. Tính năng này giúp kiểm soát kích thước block linh hoạt hơn.

Lập trình viên phát triển plugin hoặc theme cho WordPress nên đọc để hiểu cách tích hợp tính năng minWidth mới vào các block custom, giúp cải thiện tính linh hoạt và kiểm soát layout cho các ứng dụng WordPress tương lai.

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.