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.

Dự án Landing Page: Nút trở lên đầu trang

Dự án Landing Page: Nút trở lên đầu trang

08/05/2017 0 8 2 phút đọc

Phần cuối cùng của dự án Landing Page "Intense", làm nút Trở lên đầu trang chỉ hiển thị khi kéo được một đoạn và mất khi trở lên trên cùng.

Giới thiệu dự án Landing Page

Giới thiệu dự án Landing Page

08/05/2017 0 5 3 phút đọc

Bài viết này giới thiệu dự án thiết kế Landing Page "Intense" từ A-Z sử dụng Bootstrap là CSS Framework chính. Sau khi theo dõi và thực hành dự án này, các bạn sẽ có...

Hiệu ứng Parallax khi Hover với Tilt.js

Hiệu ứng Parallax khi Hover với Tilt.js

05/05/2017 0 8 1 phút đọc Demo

Bài viết này hướng dẫn cách tạo hiệu ứng Parallax khi Hover sử dụng thư viện jQuery Tilt.js. Bạn có thể áp dụng ở Landing Page hoặc Portfolio để tăng độ chuyên nghiệp.

Tạo Nhãn dán Facebook bằng CSS3 Animations

Tạo Nhãn dán Facebook bằng CSS3 Animations

03/05/2017 0 17 2 phút đọc Demo

Nếu bạn muốn tạo sticker (nhãn dán) giống như Facebook – bao gồm loại động (animated) và tĩnh (static) – thì bài viết này sẽ hướng dẫn bạn thực hiện dễ dàng chỉ với CSS3.

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

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

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

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

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

30/04/2017 2 48 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á...

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

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

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

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

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

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

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

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

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

Open Graph và Twitter Cards cơ bản

Open Graph và Twitter Cards cơ bản

26/04/2017 2 13 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úng Facebook vào website của bạn

Nhúng Facebook vào website của bạn

26/04/2017 0 22 3 phút đọc Demo

Bài viết này hướng dẫn nhúng Facebook vào website: Trang, Bình luận, Thích, Chia sẻ, Lưu... vào website của bạn.

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

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

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