CSS3

10 kỹ thuật CSS3 ít ai dùng nhưng cực mạnh để tối ưu UI/UX

11/11/2024 0 4 2 phút đọc

CSS3 mang lại rất nhiều tính năng mới, nhưng không phải kỹ thuật nào cũng phổ biến. Nhiều lập trình viên chỉ quen thuộc với flexbox, grid hay transition cơ bản. Trong bài này, chúng...

Ảnh minh họa: Thư viện hiệu ứng hoa giấy

Thư viện hiệu ứng hoa giấy Canvas Confetti

03/11/2024 1 174 2 phút đọc

Demo

Bạn muốn thêm hiệu ứng chúc mừng, ăn mừng, hoặc tương tác thú vị trên trang web? Thư viện Canvas Confetti chính là lựa chọn đơn giản và mạnh mẽ để tạo hiệu ứng hoa...

Ẩn nội dung tính theo số lượng dòng bằng CSS

06/10/2024 0 28 8 phút đọc

Demo

Khi bạn muốn giới hạn nội dung văn bản hiển thị theo số dòng cố định (ví dụ: ẩn bớt mô tả dài hoặc tiêu đề quá dài), thì không cần đến JavaScript! CSS hiện...

Làm thanh menu ở chân trang

05/08/2024 0 22 4 phút đọc

Demo

Thanh menu cố định (footer tools bar) ở chân trang là một cách hay để giúp người dùng truy cập nhanh các chức năng quan trọng như: trở về đầu trang, xem bình luận, chuyển...

Ảnh minh họa: Che một phần nội dung, bấm

Che một phần nội dung, bấm để xem toàn bộ

05/08/2024 0 15 5 phút đọc

Demo

Nếu bạn muốn che một phần nội dung, bấm để xem toàn bộ, bài viết này sẽ giúp bạn.

Ẩn / hiện khi nhập mật khẩu với jQuery

03/08/2024 0 77 1 phút đọc

Bài viết giới thiệu cách ẩn / hiện khi nhập mật khẩu với JavaScript cực kì đơn giản.

Ảnh minh họa: Piklab – Kho tài nguyên thiết

Piklab – Kho tài nguyên thiết kế hàng đầu Việt Nam

03/08/2024 0 227 3 phút đọc

Piklab.vn là một nền tảng tài nguyên thiết kế đồ họa được phát triển tại Việt Nam, cung cấp đầy đủ các loại file cần thiết cho designer, marketer, freelancer hoặc doanh nghiệp. Kho tài...

Ảnh minh họa: Free Design Resources – Kho tài

Free Design Resources – Kho tài nguyên thiết kế miễn phí

30/07/2024 0 167 2 phút đọc

Free Design Resources (FDR) là một website nổi tiếng chuyên cung cấp các tài nguyên thiết kế hoàn toàn miễn phí cho cộng đồng sáng tạo. Từ font chữ, mockup, template cho đến icon, brush...

Ảnh minh họa: Theme WordPress rỗng để bắt đầu

Theme WordPress rỗng để bắt đầu một dự án mới

29/07/2024 0 11 2 phút đọc

Bài viết cung cấp một Theme WordPress rỗng để bắt đầu một dự án mới, chỉ cần tải về và bắt đầu xây dựng theme cho riêng mình.

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

Pure – CSS Framework cực nhẹ đến từ Yahoo

25/07/2024 0 12 1 phút đọc

Chỉ có 3.8 KB được rút gọn và nén, nhưng chứa rất nhiều tính năng cho nhu cầu thiết kế web của bạn.

Ảnh minh họa: Materialize – CSS Framework với ngôn

Materialize – CSS Framework với ngôn ngữ thiết kế từ Google

25/07/2024 0 65 3 phút đọc

Materialize là ngôn ngữ thiết kế được tạo ra vào năm 2014 bởi Google. Nó sử dụng nhiều bố cục dựa trên lưới hơn, hình ảnh động và chuyển tiếp linh hoạt, phần đệm và...

OpenUI – AI tạo mã HTML / CSS từ mô tả hoặc hình ảnh

24/07/2024 0 863 3 phút đọc

OpenUI là một công cụ AI thú vị và đầy tiềm năng dành cho các nhà thiết kế web, lập trình viên front-end hoặc bất kỳ ai đang cần tạo giao diện nhanh chóng. Với...

Ảnh minh họa: PatternPad – Thiết kế hoa văn

PatternPad – Thiết kế hoa văn đẹp từ vô số biến thể

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

PatternPad là một công cụ thiết kế họa tiết (pattern) trực tuyến giúp bạn tạo ra các mẫu hoa văn đẹp mắt chỉ trong vài thao tác. Với giao diện trực quan, dễ sử dụng...

Ảnh minh họa: Shape Divider – Ứng dụng tạo

Shape Divider – Ứng dụng tạo phân chia giữa các phần (Section)

24/07/2024 0 39 2 phút đọc

Nếu bạn đang muốn làm website trông ấn tượng hơn bằng cách phân tách các phần nội dung (section) một cách sáng tạo, thì Shape Divider là công cụ tuyệt vời dành cho bạn.

Định dạng HTML/CSS/JS trong Sublime Text

23/07/2024 0 190 1 phút đọc

Sublime Text hỗ trợ cài thêm các gói mở rộng để định dạng (format) mã HTML, CSS, và JavaScript cho gọn gàng, chuẩn cú pháp. Bài viết này sẽ hướng dẫn bạn cách cài đặt...

Ảnh minh họa: Làm thanh tiến trình hình tròn

Làm thanh tiến trình hình tròn chỉ với SVG và CSS

23/07/2024 0 24 1 phút đọc

Demo

Nếu bạn muốn làm một thanh tiến trình hình tròn đơn giản, bài viết này sẽ giúp bạn.

Tùy chỉnh Checkbox với SVG

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

Demo

Checkbox mặc định nhìn hơi chán? Không sao, vì bạn hoàn toàn có thể biến nó thành một thành phần UI cực kỳ mượt mà với SVG. Trong bài này, mình sẽ chỉ cho bạn...

Ảnh minh họa: Làm biểu tượng kéo xuống để

Làm biểu tượng kéo xuống để xem tiếp với CSS

22/07/2024 0 29 2 phút đọc

Demo

Nếu bạn muốn làm một biểu tượng để hướng dẫn người dùng kéo xuống để tiếp tục xem, bài viết này sẽ giúp bạn.

Web Code Tools – Công cụ tạo mã cho lập trình viên Front-end

22/07/2024 0 52 2 phút đọc

Web Code Tools là một bộ công cụ trực tuyến miễn phí, giúp lập trình viên Front-end tiết kiệm thời gian bằng cách tạo ra các đoạn mã HTML, CSS, metadata, structured data… chỉ với...

Framer – Nền tảng kéo thả tạo website dễ dàng

22/07/2024 0 54 2 phút đọc

Framer là một nền tảng thiết kế và xây dựng website mạnh mẽ, cho phép bạn tạo ra các trang web chuyên nghiệp bằng cách kéo thả trực quan – hoàn toàn không cần biết...

Công cụ trực tuyến

Đăng nhập