Chris’ Corner: Click Something Do Something

So Reddit has decided that plain HTML is unsafe

Reddit quyết định xem HTML thuần là không an toàn, khiến nhiều người bất ngờ và không hài …

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