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.

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

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 hiệu ứng Chờ tải trang (Preload)

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

Hình xếp (Accordion) với CSS3

Accordion là hiệu ứng gấp – mở lồng nhau, thường dùng cho văn bản. Trong bài viết này, bạn sẽ học cách tạo Accordion hình ảnh chỉ với HTML và CSS3 – không dùng JavaScript.

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

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

Open Graph và Twitter Cards cơ bản

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

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

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

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

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

So sánh hình ảnh trước và sau là hiệu ứng thường gặp trong các trang web về chỉnh sửa ảnh, phục hồi ảnh, làm đẹp hoặc giới thiệu tính năng. Trong bài viết này, bạn...

Công cụ trực tuyến

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