HTML & CSS

Tổng hợp kiến thức HTML, CSS từ cơ bản đến nâng cao: cấu trúc trang, định dạng, responsive layout, snippet hữu ích và mẹo tùy biến giao diện.

Ảnh minh họa: Tạo nền có hiệu ứng chuyển

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

19/07/2024 0 390 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.

Ảnh minh họa: UIkit – CSS Framework cực nhẹ

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

19/07/2024 0 122 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ắ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 225 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ề...

Ảnh minh họa: Sử dụng thuộc tính text-decoration trong

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

19/07/2024 0 105 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.

Ảnh minh họa: Làm thanh tiến trình đọc bài

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

19/07/2024 0 48 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.

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

19/07/2024 0 60 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.

Ảnh minh họa: Sử dụng Icons của Google Fonts

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

19/07/2024 0 288 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à...

Ảnh minh họa: Thanh điều hướng (Navbar) Responsive thuần

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

18/07/2024 0 162 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.

Thêm Font Awesome vào website

17/07/2024 0 165 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...

Làm thẻ sản phẩm với hiệu ứng Parallax

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

Demo

Nếu bạn muốn làm thẻ sản phẩm với hiệu ứng Parallax khi rê chuột vào, bài viết này sẽ giúp bạn.

Ảnh minh họa: Hiệu ứng gạch chân làm nổi

Hiệu ứng gạch chân làm nổi bật cụm từ với CSS

16/07/2024 0 183 2 phút đọc

Demo

Muốn làm nổi bật một cụm từ như thể được gạch chân bằng bút dạ quang? Với CSS hiện đại, bạn có thể tạo hiệu ứng này mà không cần dùng ảnh nền hay JavaScript.

Tùy chọn màu sắc khi bôi đen chữ trên web

16/07/2024 0 207 2 phút đọc

Demo

Khi người dùng chọn (bôi đen) một đoạn văn bản trên website, trình duyệt sẽ hiển thị màu nền và chữ mặc định cho vùng được chọn. Tuy nhiên, bạn hoàn toàn có thể tùy...

Ảnh minh họa: Làm giao diện kéo ngang không

Làm giao diện kéo ngang không cần Scrollbar với Dragscroll.js

15/07/2024 0 105 3 phút đọc

Demo

Muốn tạo giao diện kiểu Stories như trên Facebook hoặc carousel sản phẩm có thể kéo bằng chuột mà không hiển thị thanh cuộn? Với Dragscroll.js, bạn có thể làm điều này rất dễ dàng...