HTML & CSS – Kiến Thức Cơ Bản và Thủ Thuật Dành Cho Web Developer – Trang 9

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...

Đă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...

Sử dụng HTML5 Local Storage để lưu trữ dữ liệu

24/04/2017 0 6 2 phút đọc

Trước khi HTML5 ra đời, dữ liệu web được lưu trữ vào cookie và những dữ liệu này đều được gửi kèm mỗi khi trình duyệt gửi yêu cầu tới máy chủ. Local Storage an...

Hiệu ứng Parallax Scrolling

24/04/2017 0 7 7 phút đọc

Với việc phát triển nhanh chóng của những công nghệ web như HTML5, CSS3, JavaScript và bên cạnh đó là sức sáng tạo không giới hạn của các Web Designer, việc tạo ra các trải...

Tự làm thanh thông báo ở đầu trang

23/04/2017 0 25 1 phút đọc

Đôi khi vào một website, bạn sẽ thấy một mẫu thông báo nhỏ trượt xuống ngay đầu trang web. Bài viết này sẽ hướng dẫn cách tự làm thanh thông báo đó với HTML, CSS...

So sánh hình ảnh trước/sau bằng HTML5

22/04/2017 4 39 2 phút đọc

Bài viết này hướng dẫn làm khung so sánh hình ảnh trước và sau bằng HTML5, CSS3 và JavaScript. Bạn có thể áp dụng phần này cho trang về chủ đề Chỉnh sửa ảnh.

Các ví dụ CSS Box Shadow

22/04/2017 0 5 2 phút đọc Demo

Thông thường, để tạo hiệu ứng đổ bóng ta thường sử dụng hình ảnh, tuy nhiên với cách này thì làm cho trang web tải chậm hơn, phải bỏ công thiết kế. Các bạn có...

Gỡ lỗi chia sẻ liên kết lên Facebook

20/04/2017 0 3 2 phút đọc

Đôi khi, khi chia sẻ liên kết lên Facebook bạn sẽ gặp lỗi không hiện hình ảnh, hoặc không hiện bất kì thông tin gì do lúc Facebook thu thập thông tin thì máy chủ...

Trang Liên hệ sử dụng Google Biểu mẫu

19/04/2017 0 10 3 phút đọc

Ở template-contact.php lần trước, chúng ta còn Biểu mẫu liên hệ chưa hoạt động. Bài viết này giới thiệu cách nhúng Google Biểu mẫu vào trang Liên hệ. Các Liên hệ sẽ được lưu ở...

Hướng dẫn trích xuất dữ liệu trên website

18/04/2017 0 11 2 phút đọc

Bài viết này hướng dẫn cách trích xuất dữ liệu có trên website. Bạn có thể áp dụng để lấy thông tin của website đối thủ, lấy nhanh danh sách email được công khai...

Tạo hình nền mây bay bằng CSS3

18/04/2017 0 34 1 phút đọc

Bạn muốn trang 404 hoặc một phần trong landing page trở nên sinh động hơn? Hãy thử thêm hiệu ứng mây bay sử dụng CSS3 thuần túy, không cần JavaScript.

Kiểm tra số điện thoại Việt Nam bằng jQuery

16/04/2017 0 21 2 phút đọc

Bài viết này hướng dẫn cách kiểm tra dữ liệu nhập có phải là số di động ở Việt Nam hay không bằng cách kiểm tra đầu số và số lượng chữ số được nhập.

Ứng dụng Tính Calo đơn giản

16/04/2017 0 9 12 phút đọc

Bạn đang muốn giảm cân hoặc giữ dáng? Điều quan trọng nhất ngoài tập thể dục đó là kiểm soát lượng Calories nạp vào cơ thể. Để làm được điều đó, bạn cần tính chính...

Tạo trang “Chia sẻ để tải nội dung”

16/04/2017 0 3 7 phút đọc

Bài viết này hướng dẫn tạo trang Chia sẻ để tải nội dung, gồm 2 bước Chia sẻ, dễ dàng tùy chỉnh nội dung tải về và khó để dò ra liên kết tải xuống...

Tạo hình nền trời sao chuyển động bằng CSS3

15/04/2017 0 37 32 phút đọc

Bài viết này hướng dẫn tạo hình nền bầu trời với các ngôi sao chuyển động bằng CSS3 thuần túy. Bạn có thể áp dụng bài viết này cho trang 404, hoặc một section trong...

Nút Trở lên đầu trang đơn giản với Bootstrap 3

15/04/2017 0 31 1 phút đọc Demo

Nút Trở lên đầu trang hay Back to top là một phần cơ bản của hầu hết website. Nó giúp cho người dùng dễ dàng trở về phần đầu của trang chỉ bằng một lần...

Tạo Favicon đầy đủ cho website trên cả máy tính và di động

14/04/2017 0 10 4 phút đọc

Favicon là thành phần không thể thiếu đối với một trang web, nó mang ý nghĩa đại diện cho trang của bạn, cũng giống như mỗi người có chữ ký riêng thì mỗi trang web...

Nén CSS và JavaScript online

12/04/2017 0 179 3 phút đọc

Khi phát hành website hoặc theme, việc nén các tập tin CSS và JavaScript (JS) là cực kỳ quan trọng để giảm dung lượng, tăng tốc độ tải trang và cải thiện hiệu suất tổng...

Tự làm Responsive Email Template

11/04/2017 0 16 7 phút đọc

Để đảm bảo chiến dịch Email Marketing của bạn thành công bạn nên sử dụng mẫu email có thể hiển thị tốt trên bất kỳ kích thước màn hình. Bài viết này hướng dẫn bạn...