3D CSS, from Super Mario Bros 3 to Mario 64

Why I don't recommend Tailwind CSS

Tailwind CSS là framework CSS phổ biến giúp chuẩn hóa khoảng cách, màu sắc, kiểu chữ mà …

Invisible Problems

Mỗi người sử dụng công cụ theo cách riêng, và những trải nghiệm này có thể khác biệt đáng kể. Việc giữ tư duy cởi mở giúp nhận ra những vấn đề vô hình trong cách sử dụng công nghệ.

Lập trình viên nên đọc bài này để nhận thức về những vấn đề không được nhìn thấy trong thiết kế hệ thống, từ đó cải thiện trải nghiệm người dùng và tránh những lỗi thường gặp do giả định về cách người dùng sử dụng công cụ.

conic-gradient and the modern CSS gradient toolbox

CSS giới thiệu conic-gradient mở rộng khả năng vẽ biểu đồ hình tròn, bánh xe màu sắc, mẫu lặp và hỗ trợ nội suy màu oklch cho các gradient hiện đại.

Lập trình viên nên đọc bài này để khám phá cách sử dụng conic-gradient trong CSS để tạo hiệu ứng màu sắc tự động, phù hợp với thiết kế hiện đại như vòng tròn màu sắc, mô phỏng màu wheel hoặc các mẫu lặp lại tinh tế, giúp tối ưu hóa hiệu suất và tạo ra UI đẹp hơn với ít mã hơn.

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: HTML, CSS và JavaScript.

Là lập trình viên, bạn nên đọc bài này để hiểu rõ rằng những kỹ năng cơ bản của HTML, CSS và JavaScript là nền tảng không thể thiếu trước khi bạn nhảy vào học các framework phức tạp, giúp tránh rơi vào tình trạng học theo xu hướng mà không có sự hiểu biết sâu sắc về cơ sở.

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

You might need to know about the CSS lh unit

Đơn vị lh trong CSS dùng để thiết lập kích thước dựa trên chiều cao dòng (line height) của phần tử, giúp điều chỉnh khoảng cách giữa các dòng văn bản một cách linh hoạt.

Lập trình viên nên đọc bài này để hiểu cách sử dụng đơn vị lh trong CSS để điều khiển khoảng cách giữa các dòng văn bản một cách chính xác và hiệu quả, giúp tối ưu hóa thiết kế UI và trải nghiệm người 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ế.

Prop For That

Thư viện Prop For That của Adam Argyle cung cấp các CSS custom properties động, cho phép truy cập vào những thuộc tính CSS thông thường không thể truy xuất như vị trí con trỏ, tốc độ cuộn, trạng thái form hay thời gian hiện tại. Nhà phát triển chỉ cần thêm thuộc tính data vào HTML, sau đó sử dụng trực tiếp các biến CSS này trong stylesheet mà không cần viết JavaScript.

Lập trình viên nên đọc bài này để khám phá cách Prop For That giúp tối ưu hóa giao diện người dùng bằng cách kết nối trực tiếp CSS với dữ liệu động từ HTML mà không cần JavaScript, mở rộng khả năng tùy biến UI một cách đơn giản và hiệu quả.