CSS3

Tổng hợp mẹo, đoạn mã, hiệu ứng chuyển động, responsive layout và kinh nghiệm thực chiến với CSS3 giúp cải thiện giao diện và trải nghiệm người dùng.

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

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

27/04/2017 0 114 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: Tích hợp Tin nhắn Fanpage làm

Tích hợp Tin nhắn Fanpage làm Facebook LiveChat vào website

27/04/2017 0 18 4 phút đọc

Fanpage và Website có thể coi là 2 kênh bán hàng chính của các shop online thời điểm hiện tại. Vậy làm cách nào liên kết 2 kênh này lại với nhau nhằm nâng cao...

Ả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 180 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: 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 57 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ẽ...

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

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

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

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

Hiệu ứng Parallax Scrolling

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

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

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

Các ví dụ CSS Box Shadow

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

Ảnh minh họa: Cấu hình W3 Total Cache toàn

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

19/04/2017 0 34 2 phút đọc

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

Ảnh minh họa: Theme WordPress: 404.php, page.php, single.php và

Theme WordPress: 404.php, page.php, single.php và template-contact.php

19/04/2017 0 93 5 phút đọc

Bài viết này giới thiệu cách làm các trang 404, Trang, Bài Viết và Liên hệ của giao diện Clean Blog, gồm 404.php, page.php, single.php và template-contact.php.

Theme WordPress: archive.php, author.php, category.php, search.php

19/04/2017 0 12 4 phút đọc

Bài viết này giới thiệu cách làm các trang Chuyên Mục, Thẻ, Tác Giả, Tìm Kiếm của giao diện Clean Blog, gồm archive.php, author.php, category.php và search.php.

Theme WordPress: header.php, footer.php, index.php

19/04/2017 0 54 6 phút đọc

Bài viết này giới thiệu cách làm trang chủ của giao diện Clean Blog, gồm header.php, footer.php, index.php và một số thành phần liên quan.

Ảnh minh họa: Cấu trúc một Theme WordPress căn

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

18/04/2017 0 21 8 phút đọc

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.

Tạo hình nền mây bay bằng CSS3

18/04/2017 0 207 1 phút đọc

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.

Ảnh minh họa: Tổng hợp Website Templates và WordPress

Tổng hợp Website Templates và WordPress Themes miễn phí

17/04/2017 2 24 1 phút đọc

Bài viết này tổng hợp Website Templates và WordPress Themes miễn phí do mình sưu tầm. Các bạn có thể tải về và tùy ý sử dụng theo nhu cầu.

Ứng dụng Tính Calo đơn giản

16/04/2017 0 45 12 phút đọc

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