Thủ thuật Front-end

Thêm Font Awesome vào website

17/07/2024 0 51 2 phút đọc

Demo

Font Awesome là một trong những bộ biểu tượng phổ biến và đầy đủ nhất hiện nay, hỗ trợ cả icon dạng solid, regular, brand và nhiều hơn nữa. Việc tích hợp Font Awesome rất...

Theo dõi hành vi người dùng và bản đồ nhiệt miễn phí với Hotjar

18/07/2024 0 20 1 phút đọc

Hotjar là một công cụ phân tích trang web và phản hồi từ người dùng mạnh mẽ được thiết kế để giúp các doanh nghiệp hiểu rõ hơn về hành vi của khách truy cập...

Thanh điều hướng (Navbar) Responsive thuần CSS

18/07/2024 0 53 3 phút đọc

Nếu bạn muốn làm một thanh điều hướng (Navbar) Responsive thuần CSS mà không dùng CSS Framework nào cả, bài viết này sẽ giúp bạn.

Sử dụng Icons của Google Fonts cho trang web của bạn

19/07/2024 0 93 2 phút đọc

Demo

Google Fonts không chỉ cung cấp phông chữ mà còn hỗ trợ bộ biểu tượng Material Symbols – một lựa chọn nhanh, miễn phí và dễ tuỳ chỉnh cho các dự án web. Đây là...

Bắt sự kiện vuốt với touchSwipe

19/07/2024 0 20 1 phút đọc

Demo

Nếu bạn muốn xử lí sự kiện vuốt qua trái hoặc vuốt qua phải, thường dùng cho Slider hay Carousel, bài viết này sẽ giúp bạn.

Làm thanh tiến trình đọc bài viết với jQuery

19/07/2024 0 16 1 phút đọc

Demo

Bài viết hướng dẫn làm thanh tiến trình đọc bài viết đơn giản với jQuery mà không cần dùng thư viện dựng sẵn nào.

Sử dụng thuộc tính text-decoration trong CSS

19/07/2024 0 35 1 phút đọc

Demo

Bài viết giới thiệu cách sử dụng thuộc tính text-decoration trong CSS để thiết lập các trang trí thêm cho văn bản.

Tắt màu sắc trên toàn bộ trang web / Chuyển trang web thành màu trắng đen

19/07/2024 0 73 3 phút đọc

Demo

Trong một số trường hợp đặc biệt như ngày quốc tang, chế độ tưởng niệm, hay đơn giản chỉ là để tạo hiệu ứng nghệ thuật, bạn có thể muốn chuyển toàn bộ website về...

UIkit – CSS Framework cực nhẹ và dễ sử dụng

19/07/2024 0 40 3 phút đọc

UIkit là một CSS Framework nhẹ, modular, hiện đại và rất dễ dùng. Đây là lựa chọn hoàn hảo nếu bạn muốn tạo giao diện web chuyên nghiệp mà không muốn dùng Bootstrap. Giao diện...

Tạo nền có hiệu ứng chuyển động đơn giản với CSS

19/07/2024 0 128 4 phút đọc

Demo

Nếu bạn muốn tạo nền có hiệu ứng chuyển động đơn giản với CSS thay vì để nền một màu cơ bản, bài viết này sẽ giúp bạn.

Lordicon – Tạo hiệu ứng chuyển động cho biểu tượng (Icon)

20/07/2024 0 240 2 phút đọc

Lordicon là nền tảng cung cấp hàng trăm biểu tượng động chất lượng cao, có thể tùy biến màu sắc, kiểu animation và dễ dàng tích hợp vào website, ứng dụng hoặc slide trình chiếu.

CSS Loaders – Bộ sưu tập hiệu ứng loading sử dụng CSS

20/07/2024 0 333 2 phút đọc

Demo

Trong quá trình phát triển web, đặc biệt là các dự án cần hiệu ứng chuyển tiếp, chờ dữ liệu hoặc preload trang, việc sử dụng hiệu ứng loading là điều gần như bắt buộc....

UI Ball – Hiệu ứng loading CSS cực đẹp và mượt

20/07/2024 0 75 3 phút đọc

Demo

Nếu bạn đang tìm hiệu ứng loading cực đẹp bằng CSS, thì ngoài CSS Loades còn có UI Ball cũng rất đáng tham khảo.

8 thư viện CSS hiệu ứng chuyển động (Animate) tuyệt vời

20/07/2024 0 149 2 phút đọc

Bài viết giới thiệu 8 thư viện CSS cung cấp hiệu ứng chuyển động (Animate), mời các bạn tham khảo nhé.

Iconoir – Biểu tượng SVG miễn phí

21/07/2024 0 38 2 phút đọc

Demo

Iconoir là một thư viện icon mã nguồn mở gồm hàng trăm biểu tượng thiết kế tối giản, hiện đại, phù hợp với mọi loại giao diện web. Bạn có thể sử dụng icon dưới...

CSS.glass – Tạo hiệu ứng thủy tinh với CSS

21/07/2024 0 59 2 phút đọc

Demo

CSS.glass là một công cụ online giúp bạn tạo nhanh hiệu ứng Glassmorphism – hiệu ứng "thủy tinh mờ ảo" thường thấy trong thiết kế giao diện hiện đại như macOS, iOS hay Windows 11.

Transition.css – Thư viện hiệu ứng chuyển tiếp cực mượt

21/07/2024 0 85 2 phút đọc

Transition.css là một thư viện hiệu ứng chuyển tiếp nhẹ, đơn giản và dễ sử dụng, giúp bạn nhanh chóng thêm các animation mượt mà vào trang web mà không cần tự viết tay từng...

Sắp xếp bố cục tự động với Packery

21/07/2024 0 9 2 phút đọc

Demo

Nếu bạn muốn làm một danh sách các bài viết, hình ảnh, v... được sắp xếp tự động hoặc có thể kéo thả sắp xếp thứ tự, thì Packery sẽ giúp bạn.

Một số thư viện Slider / Carousel mượt mà

21/07/2024 0 277 2 phút đọc

Dưới đây là những thư viện tạo Slider / Carousel được sử dụng rộng rãi, có hiệu năng tốt, dễ tích hợp và đặc biệt là gọn nhẹ, responsive, phù hợp cho mọi loại dự...

LottieFiles – Kho biểu tượng chuyển động miễn phí

21/07/2024 0 34 2 phút đọc

LottieFiles là nền tảng cung cấp hàng ngàn biểu tượng và animation chuyển động mượt mà, giúp bạn dễ dàng nâng tầm giao diện website mà không cần kiến thức lập trình phức tạp.