Thủ thuật Front-end

Tổng hợp mẹo nhỏ và kỹ thuật hay trong HTML, CSS, JS giúp cải thiện hiệu suất giao diện, trải nghiệm người dùng và tăng tốc phát triển frontend.

Ảnh minh họa: Đăng ký và sử dụng reCAPTCHA

Đăng ký và sử dụng reCAPTCHA

25/04/2017 0 38 2 phút đọc

Google reCAPTCHA là một dạng Captcha mới và tiện dụng để chống spam, chống bot tự động đăng ký điền Form và thực hiện trên Form. Phiên bản mới của Google reCAPTCHA rất thân thiện...

Ảnh minh họa: Hiệu ứng khi scroll với WOW.js

Hiệu ứng khi scroll với WOW.js

25/04/2017 0 28 2 phút đọc
Demo

WOW.js là một trong những thư viện giúp cho việc tạo hiệu ứng khi scroll trang gây ấn tượng mạnh nhất. WOW.js đặc biệt cuốn hút người xem khi sử dụng cho các website dạng...

Ảnh minh họa: Kết hợp Cards của Bootstrap 4

Kết hợp Cards của Bootstrap 4 với WOW.js

25/04/2017 0 16 18 phút đọc

Bootstrap 4 có rất nhiều cải tiến, trong đó có Cards hỗ trợ làm giao diện Danh sách bài viết, Danh sách chức năng hoặc Portfolio rất nhanh chóng. Kết hợp thêm WOW.js, bạn sẽ...

Ảnh minh họa: Open Graph và Twitter Cards cơ

Open Graph và Twitter Cards cơ bản

26/04/2017 2 35 3 phút đọc

Nói một cách dễ hiểu, các mạng xã hội như Facebook, Twitter… không thể tự nhận ra các thông tin trên trang web của bạn. Vì vậy, khi bạn muốn Thích hay Chia sẻ một...

Ảnh minh họa: Hiệu ứng chuyển sắc (Gradient) với

Hiệu ứng chuyển sắc (Gradient) với CSS3

26/04/2017 0 56 3 phút đọc

Trước đây chúng ta thường dùng các hình ảnh chuyển sắc để làm background cho trang trang web hay một phần trang web, nhưng như thế sẽ làm website của ta tải rất nặng điều...

Ảnh minh họa: Tạo hiệu ứng cho Icon với

Tạo hiệu ứng cho Icon với mo.js

27/04/2017 0 37 2 phút đọc

Bài viết này hướng dẫn tạo hiệu ứng cho Icon đơn giản khi bấm (click) vào Icon Thumb Up (ví dụ như nút Like của Facebook). Còn rất nhiều hiệu ứng và cách sử dụng...

Ảnh minh họa: Tạo hiệu ứng Chờ tải trang

Tạo hiệu ứng Chờ tải trang (Preload)

30/04/2017 2 95 2 phút đọc

Bài viết này hướng dẫn các bạn dùng jQuery để hiện thông báo tải trang. Thông báo này rất hữu ích trong trường hợp trang web của bạn khá lớn hoặc tốc độ mạng khá...

Ảnh minh họa: Đánh dấu dữ liệu có cấu

Đánh dấu dữ liệu có cấu trúc (Schema.org)

02/05/2017 0 16 2 phút đọc

Structured Data, Dữ liệu có cấu trúc hay Schema.org (thường gọi là Schema) là một thuật ngữ về các thẻ (Microdata) mà bạn có thể thêm vào HTML để cải thiện thứ hạng của bạn...

Ảnh minh họa: Tạo Nhãn dán Facebook bằng CSS3

Tạo Nhãn dán Facebook bằng CSS3 Animations

03/05/2017 0 20 2 phút đọc
Demo

Nếu bạn muốn tạo sticker (nhãn dán) giống như Facebook – bao gồm loại động (animated) và tĩnh (static) – thì bài viết này sẽ hướng dẫn bạn thực hiện dễ dàng chỉ với CSS3.

Ảnh minh họa: Hiệu ứng Parallax khi Hover với

Hiệu ứng Parallax khi Hover với Tilt.js

05/05/2017 0 14 1 phút đọc
Demo

Bài viết này hướng dẫn cách tạo hiệu ứng Parallax khi Hover sử dụng thư viện jQuery Tilt.js. Bạn có thể áp dụng ở Landing Page hoặc Portfolio để tăng độ chuyên nghiệp.

Init Toolbox

Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.

Đăng nhập





Đang tải...

Quên mật khẩu?
Tạo tài khoản mới