HTML & CSS

Tổng hợp kiến thức HTML, CSS từ cơ bản đến nâng cao: cấu trúc trang, định dạng, responsive layout, snippet hữu ích và mẹo tùy biến giao diện.

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

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

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

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

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

Đô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

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

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

Đô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

Ở 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

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

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

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

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”

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

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

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

Nén CSS và JavaScript online

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

Để đả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...

Tùy chỉnh WebKit Scrollbar bằng CSS

Để tùy chỉnh scrollbar của trình duyệt, lúc trước thường phải sử dụng jQuery. Nhưng với CSS3, các bạn có thể tạo "phong cách" chúng rất dễ dàng.