CSS3

Ảnh minh họa: Các pseudo-class nâng cao trong CSS

Các pseudo-class nâng cao trong CSS ít được biết đến nhưng cực kỳ hữu dụng

10/05/2025 0 13 3 phút đọc

Ngoài những pseudo-class phổ biến như :hover, :focus, CSS còn cung cấp hàng loạt pseudo-class nâng cao rất mạnh mẽ, giúp kiểm soát trạng thái phần tử theo cách linh hoạt hơn – thậm chí...

GSAP – Thư viện tạo hoạt ảnh mượt mà cho website hiện đại

10/05/2025 0 31 4 phút đọc

GSAP (GreenSock Animation Platform) là một thư viện JavaScript mạnh mẽ giúp bạn tạo các hiệu ứng động siêu mượt, chuyên nghiệp và tương thích cao trên mọi trình duyệt. Đây là công cụ được...

Ảnh minh họa: Những thuộc tính CSS ít người

Những thuộc tính CSS ít người biết nhưng cực kỳ hữu dụng

09/05/2025 0 28 3 phút đọc

CSS ngày càng mạnh mẽ, không chỉ dừng lại ở việc tô màu và căn lề. Dưới đây là những thuộc tính CSS ít được sử dụng rộng rãi nhưng lại mang đến sức mạnh...

Sự Lỗi Thời Của Font Awesome Nói Riêng Và Font Icon Nói Chung

08/05/2025 0 30 7 phút đọc

Trong suốt một thời gian dài, Font Awesome và các thư viện font icon đã trở thành công cụ quen thuộc trong việc phát triển giao diện web. Tuy nhiên, với sự tiến bộ của...

Ảnh minh họa: Danh sách các class UIkit thường

Danh sách các class UIkit thường dùng nhất – Cheat Sheet cho Developer

05/05/2025 0 10 2 phút đọc

UIkit là một framework CSS hiện đại, nhẹ và linh hoạt – rất phù hợp để xây dựng giao diện cho blog, portfolio, landing page và cả theme WordPress. Dưới đây là danh sách các...

Ảnh minh họa: Hệ thống giải nghĩa tự động

Hệ thống giải nghĩa tự động bằng tooltip – Từ điển thông minh trong WordPress

26/04/2025 0 20 3 phút đọc

Bạn muốn chèn giải nghĩa từ chuyên ngành, thuật ngữ hoặc tiếng nước ngoài vào bài viết nhưng không muốn người dùng phải rời trang? Hệ thống từ điển tự động kèm tooltip sau sẽ...

Ảnh minh họa: Tự tạo Dark Mode đơn giản,

Tự tạo Dark Mode đơn giản, không phụ thuộc plugin

21/04/2025 0 25 3 phút đọc

Dark Mode (chế độ nền tối) không chỉ giúp bảo vệ mắt vào ban đêm mà còn tạo cảm giác hiện đại cho giao diện. Thay vì dùng plugin nặng nề, bạn có thể tự...

Ảnh minh họa: Danh sách UIkit component tùy biến

Danh sách UIkit component tùy biến cao nhất – Tips nâng tầm giao diện

20/04/2025 0 7 4 phút đọc

UIkit là một framework nhẹ và mạnh mẽ dành cho các dự án frontend hiện đại. Một trong những điểm mạnh lớn nhất của UIkit là khả năng tùy biến linh hoạt nhờ vào hệ...

Ảnh minh họa: Tạo hiệu ứng chuyển trang mượt

Tạo hiệu ứng chuyển trang mượt mà không cần plugin (Page Transition)

09/04/2025 0 45 2 phút đọc

Hiệu ứng chuyển trang mượt mà giúp website trở nên liền mạch và chuyên nghiệp hơn. Thay vì để trình duyệt tải lại toàn bộ nội dung một cách thô ráp, bạn có thể áp...

Ảnh minh họa: Chuyển đổi giao diện từ Bootstrap

Chuyển đổi giao diện từ Bootstrap 3 sang UIkit – Checklist & Hướng dẫn

05/04/2025 0 13 5 phút đọc

Khi bạn quyết định chuyển đổi giao diện từ Bootstrap 3 sang UIkit, bạn sẽ trải qua một số bước nhất định để đảm bảo giao diện hoạt động tốt trên nền tảng mới mà...

Ảnh minh họa: Thêm “Tính năng đọc tiếp” như

Thêm “Tính năng đọc tiếp” như Medium bằng vài dòng code

17/03/2025 0 9 3 phút đọc

Nếu bạn từng đọc bài viết trên Medium, bạn sẽ thấy sau vài đoạn đầu, bài viết bị làm mờ và hiển thị nút “Đọc tiếp”. Đây là một cách thông minh để thu hút...

Ảnh minh họa: Hiển thị hình ảnh theo đúng

Hiển thị hình ảnh theo đúng tỉ lệ với CSS3

14/03/2025 0 80 2 phút đọc

Demo

Khi hiển thị ảnh với nhiều kích thước khác nhau, trang web dễ bị mất cân đối hoặc bố cục xô lệch. May mắn là CSS3 hỗ trợ thuộc tính aspect-ratio giúp bạn giữ tỉ...

Sử dụng mã SVG làm ảnh nền trực tiếp trong CSS

11/03/2025 1 90 6 phút đọc

Demo

Nếu bạn muốn sử dụng SVG làm ảnh nền, ví dụ như nền tiêu đề, bài viết này sẽ giúp bạn.

Ảnh minh họa: Chèn biểu tượng chuyển động siêu

Chèn biểu tượng chuyển động siêu mượt vào trang web của bạn với LottieFiles

10/03/2025 0 30 3 phút đọc

Demo

Muốn trang web của bạn thêm sinh động vào các dịp như Giáng Sinh, Tết, hay đơn giản là tạo trải nghiệm người dùng tốt hơn? Hãy thử LottieFiles – kho biểu tượng hoạt ảnh...

Ảnh minh họa: Tiêu đề bài viết phối trộn

Tiêu đề bài viết phối trộn nhiều màu sắc với CSS3

09/03/2025 1 61 2 phút đọc

Demo

Bạn đang muốn làm nổi bật tiêu đề bài viết để thu hút ánh nhìn? Với CSS3, bạn hoàn toàn có thể tạo một tiêu đề với hiệu ứng màu chuyển sắc đầy ấn tượng...

Ảnh minh họa: Cách viết class CSS tái sử

Cách viết class CSS tái sử dụng cao: Utility-first, BEM hay Hybrid?

19/02/2025 0 9 3 phút đọc

Khi một dự án web phát triển lớn dần, việc tổ chức class CSS một cách rõ ràng, tái sử dụng cao và dễ bảo trì trở nên cực kỳ quan trọng. Ba phong cách...

Responsive Breakpoints nên dùng năm 2025

03/02/2025 0 8 6 phút đọc

Trong thời đại đa dạng thiết bị như hiện nay, việc chọn đúng breakpoints cho responsive design không chỉ ảnh hưởng đến trải nghiệm người dùng mà còn quyết định hiệu suất và khả năng...

Ảnh minh họa: CSS Container Queries: Giải pháp cho

CSS Container Queries: Giải pháp cho giao diện linh hoạt thực sự

31/12/2024 0 18 3 phút đọc

Container Queries đang thay đổi cách chúng ta viết responsive layout. Không còn phụ thuộc vào kích thước trình duyệt, giờ đây bạn có thể áp dụng style dựa trên kích thước của chính phần...

Ảnh minh họa: Hiệu ứng Button Press 3D đẹp

Hiệu ứng Button Press 3D đẹp ná thở với CSS

29/11/2024 0 42 4 phút đọc

Demo

Muốn nút bấm trên giao diện trông "đã tay" hơn khi click? Với hiệu ứng Button Press 3D bằng CSS thuần, bạn có thể biến một nút bình thường thành một button có chiều sâu,...

Tùy chỉnh Radio Button bằng SVG

19/11/2024 0 6 5 phút đọc

Demo

Radio button mặc định nhìn hơi “cổ điển”? Vậy thì đây là lúc bạn nâng cấp giao diện với Custom Radio Button bằng SVG – vừa đẹp, vừa nhẹ, lại dễ tái sử dụng trong...

Công cụ trực tuyến

Đăng nhập