HTML5

Khám phá kiến thức về HTML5: cấu trúc semantic, thẻ mới, API tích hợp, và cách áp dụng HTML5 vào dự án web responsive, thân thiện SEO.

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ắp xếp bài viết WordPress theo bảng chữ cái

Bạn muốn hiển thị danh sách bài viết (hoặc custom post type) dưới dạng bảng chữ cái – tương tự như trang Glossary của Optimizely? Bài viết này sẽ hướng dẫn bạn thực hiện điều...

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

Trượt tới ID trên Landing Page

Bài viết này giới thiệu đoạn jQuery trượt (scroll) tới ID. Các bạn có thể áp dụng để hiệu ứng trượt Landing Page trên của mình được mượt hơn.

Cấu hình W3 Total Cache toàn tập

W3 Total Cache là một plugin hỗ trợ tăng tốc (tạo bộ nhớ đệm) rất tốt và chuyên nghiệp nhất hiện nay mà lại hoàn toàn miễn phí, tuy cách sử dụng và cài đặt...

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

Theme WordPress: Tự động xuất Meta và Open Graph

Nếu bạn không muốn sử dụng plugin SEO, bài viết này sẽ hướng dẫn bạn tự động xuất các thẻ Meta và Open Graph đúng theo từng loại trang. Nếu bạn có ý định sử...

Theme WordPress: Trang Cấu hình (Theme Options)

Bài viết này hướng dẫn tạo trang Cấu hình (Theme Options) cho giao diện Clean Blog. Các nội dung cấu hình gồm Meta Description, Meta Keywords, hình ảnh mặc định mạng xã hội, các liên...

Cấu trúc một Theme WordPress căn bản

Bài viết này giới thiệu cấu trúc của một Theme WordPress căn bản. Chúng ta sẽ chuyển Clean Blog có được ở các bài viết trước của series này thành một Theme Wordpress.

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.