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.

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

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

25/04/2017 0 25 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...

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

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

25/04/2017 0 15 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...

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

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

25/04/2017 0 8 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úng Facebook vào website của bạn

Nhúng Facebook vào website của bạn

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

Bài viết này hướng dẫn nhúng Facebook vào website: Trang, Bình luận, Thích, Chia sẻ, Lưu... vào website của bạn.

Open Graph và Twitter Cards cơ bản

Open Graph và Twitter Cards cơ bản

26/04/2017 2 13 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...

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

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

26/04/2017 0 30 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...

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

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

27/04/2017 0 22 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...

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

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

30/04/2017 2 48 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 dấu dữ liệu có cấu trúc (Schema.org)

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

02/05/2017 0 13 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...

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

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

03/05/2017 0 17 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.

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

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

05/05/2017 0 8 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.