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.

Ảnh minh họa: Đánh dấu dữ liệu có cấu

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

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

Ảnh minh họa: Tạo hiệu ứng Chờ tải trang

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

30/04/2017 2 95 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 minh họa: Hình xếp (Accordion) với CSS3

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

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

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.

Ảnh minh họa: Tạo hiệu ứng cho Icon với

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

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

Ảnh minh họa: Hiệu ứng chuyển sắc (Gradient) với

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

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

Ảnh minh họa: Open Graph và Twitter Cards cơ

Open Graph và Twitter Cards cơ bản

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

Ảnh minh họa: Kết hợp Cards của Bootstrap 4

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

25/04/2017 0 16 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 minh họa: Hiệu ứng khi scroll với WOW.js

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

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

Ảnh minh họa: Đăng ký và sử dụng reCAPTCHA

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

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

Ảnh minh họa: Hiệu ứng Parallax Scrolling

Hiệu ứng Parallax Scrolling

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

Ảnh minh họa: Tự làm thanh thông báo ở

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

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

Ảnh minh họa: So sánh hình ảnh trước/sau bằng

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

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

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

Ảnh minh họa: Các ví dụ CSS Box Shadow

Các ví dụ CSS Box Shadow

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

Init Toolbox

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

Quên mật khẩu?
Tạo tài khoản mới