Thủ Thuật Front-End

Ảnh minh họa: Chia lưới hiển thị hình ảnh

Chia lưới hiển thị hình ảnh dễ dàng với CSS Grid Layout

12/10/2021 2 55 2 phút đọc

Demo

Mô-đun bố cục lưới CSS cung cấp một hệ thống bố cục dựa trên lưới, với các hàng và cột, giúp thiết kế các trang web dễ dàng hơn.

Ảnh minh họa: Tự tạo mã quảng cáo Preload

Tự tạo mã quảng cáo Preload Banner, có hỗ trợ Cookies

16/12/2021 0 61 2 phút đọc

Bài viết này sẽ hướng dẫn các bạn cách tạo mã quảng cáo Preload bằng JavaScript cực kì đơn giản mà hiệu quả, có sử dụng Cookies để giãn cách thời gian hiển thị.

Ảnh minh họa: Cách chống chặn quảng cáo (adblock)

Cách chống chặn quảng cáo (adblock) khéo léo, không phản cảm

10/05/2022 0 14 4 phút đọc

Việc người dùng sử dụng adblock để tránh bị làm phiền bởi quảng cáo là điều dễ hiểu, tuy nhiên nếu bạn vận hành một blog hay website sống nhờ quảng cáo, thì điều này...

Ảnh minh họa: Hướng dẫn sử dụng Google Fonts

Hướng dẫn sử dụng Google Fonts cho trang web của bạn

19/05/2023 0 49 2 phút đọc

Google Fonts là thư viện font chữ mã nguồn mở lớn nhất hiện nay, cho phép bạn dễ dàng thêm font đẹp vào website mà không cần tải thủ công. Với giao diện trực quan...

Hiệu ứng khi scroll với AOS

21/08/2023 0 38 1 phút đọc

AOS là một thư viện gọn nhẹ cung cấp hiệu ứng chuyển động khi kéo chuột. AOS đặc biệt cuốn hút người xem khi sử dụng cho các website dạng Landing Page.

Tạo hiệu ứng thông báo từ bên trái màn hình

09/10/2023 0 165 2 phút đọc

Bài viết hướng dẫn tạo thông báo từ bên trái màn hình cho trang web, với đầy đủ hiệu ứng, nút tắt và biểu tượng thông báo.

Ảnh minh họa: Làm trang Bảng Giá đơn giản

Làm trang Bảng Giá đơn giản với Bootstrap

15/10/2023 0 22 5 phút đọc

Nếu bạn muốn làm trang Bảng Giá thì với Bootstrap thì đó là điều rất dễ dàng. Bài viết này sẽ giới thiệu đến bạn làm trang Bảng Giá đơn giản.

Tạo hiệu ứng rung lắc với CSS Animation

14/11/2023 0 191 1 phút đọc

Demo

Bài viết hướng dẫn tạo hiệu ứng rung lắc với CSS Animation, có thể dùng để gây chú ý vào một phần tử nào đó trên trang web của bạn.

Ảnh minh họa: CSS tự động tree-shake: Purge CSS

CSS tự động tree-shake: Purge CSS không dùng với PostCSS

12/12/2023 0 10 3 phút đọc

Một trong những nguyên nhân khiến website tải chậm là file CSS chứa hàng trăm hoặc hàng ngàn dòng không được sử dụng. Kỹ thuật tree-shaking CSS – hay còn gọi là CSS Purge –...

Ảnh minh họa: Tạo một Slider dạng Carousel sử

Tạo một Slider dạng Carousel sử dụng Swiper

30/12/2023 0 214 3 phút đọc

Bài viết này hướng dẫn cách tạo một Slider dạng Carousel với hình chính giữa to và nhỏ dần về hai bên.

Ảnh minh họa: 10 Thư viện JS/CSS siêu nhẹ

10 Thư viện JS/CSS siêu nhẹ mà vẫn đủ xài cho mọi giao diện

31/12/2023 0 30 5 phút đọc

Ngày nay, tốc độ trang web là một yếu tố quan trọng trong trải nghiệm người dùng và SEO. Việc chọn các thư viện nhẹ giúp giảm thời gian tải trang mà vẫn đảm bảo...

Đổi Sáng / Tối cho trang web đơn giản

14/01/2024 1 46 2 phút đọc

Bài viết hướng dẫn thêm chế độ Sáng/Tối cho trang web đơn giản sử dụng jQuery, có tự động lưu chế độ đã chọn.

Ảnh minh họa: Hiển thị trạng thái Đang Xử

Hiển thị trạng thái Đang Xử Lý sau khi bấm nút trên web

14/01/2024 0 35 2 phút đọc

Demo

Để trang web được sinh động hơn, sau khi bấm vào nút nào đó, các bạn có thể thêm trạng thái Đang Tải để người dùng biết là trang web của bạn vẫn đang xử...

Ảnh minh họa: Tạo website tự động miễn phí

Tạo website tự động miễn phí với Durable AI

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

Durable là một trí tuệ nhân tạo (AI) tạo dựng website tự động theo mô tả của bạn chỉ trong 30 giây.

Ảnh minh họa: HTML/CSS dựng sẵn cực đẹp sử

HTML/CSS dựng sẵn cực đẹp sử dụng miễn phí tại Uiverse.io

09/07/2024 0 14 1 phút đọc

Demo

Nếu bạn chọn lựa các UI dựng sẵn cho trang web của mình, thì Uiverse.io là một lựa chọn không thể bỏ qua.

Ảnh minh họa: OneSignal – Tạo thông báo đẩy

OneSignal – Tạo thông báo đẩy cho trang web của bạn

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

Demo

Nếu bạn muốn website của mình cũng có thể tạo thông báo đẩy tương tự như app, OneSignal là một lựa chọn rất tốt lại hoàn toàn miễn phí.

Ảnh minh họa: Kiểm tra hiệu suất trang web

Kiểm tra hiệu suất trang web với Lighthouse

11/07/2024 0 20 4 phút đọc

Lighthouse là công cụ kiểm tra hiệu suất và chất lượng website được tích hợp sẵn trong trình duyệt Google Chrome. Nó giúp bạn phân tích các yếu tố quan trọng như tốc độ tải...

Ảnh minh họa: True Devtools – Bộ công cụ

True Devtools – Bộ công cụ tất cả trong một dành cho lập trình viên

14/07/2024 0 47 2 phút đọc

True Devtools là một nền tảng được thiết kế bởi lập trình viên Việt, cung cấp hơn 45 công cụ hỗ trợ lập trình, kiểm thử, chuyển đổi dữ liệu và xử lý định dạng....

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

16/07/2024 0 69 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...