HTML & CSS

Hiệu ứng Parallax Scrolling

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

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

22/04/2017 4 73 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 17 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ó...

Gỡ lỗi chia sẻ liên kết lên Facebook

20/04/2017 0 8 2 phút đọc

Đôi khi, khi chia sẻ liên kết lên Facebook bạn sẽ gặp lỗi không hiện hình ảnh, hoặc không hiện bất kì thông tin gì do lúc Facebook thu thập thông tin thì máy chủ...

Trang Liên hệ sử dụng Google Biểu mẫu

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

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

Hướng dẫn trích xuất dữ liệu trên website

18/04/2017 0 20 2 phút đọc

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

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

Kiểm tra số điện thoại Việt Nam bằng jQuery

16/04/2017 0 30 2 phút đọc

Bài viết này hướng dẫn cách kiểm tra dữ liệu nhập có phải là số di động ở Việt Nam hay không bằng cách kiểm tra đầu số và số lượng chữ số được nhập.

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

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

Tạo trang “Chia sẻ để tải nội dung”

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

Bài viết này hướng dẫn tạo trang Chia sẻ để tải nội dung, gồm 2 bước Chia sẻ, dễ dàng tùy chỉnh nội dung tải về và khó để dò ra liên kết tải xuống...

Tạo hình nền trời sao chuyển động bằng CSS3

15/04/2017 0 105 32 phút đọc

Bài viết này hướng dẫn tạo hình nền bầu trời với các ngôi sao chuyển động bằng CSS3 thuần túy. Bạn có thể áp dụng bài viết này cho trang 404, hoặc một section trong...

Nút Trở lên đầu trang đơn giản với Bootstrap 3

15/04/2017 0 35 1 phút đọc

Demo

Nút Trở lên đầu trang hay Back to top là một phần cơ bản của hầu hết website. Nó giúp cho người dùng dễ dàng trở về phần đầu của trang chỉ bằng một lần...

Tạo Favicon đầy đủ cho website trên cả máy tính và di động

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

Favicon là thành phần không thể thiếu đối với một trang web, nó mang ý nghĩa đại diện cho trang của bạn, cũng giống như mỗi người có chữ ký riêng thì mỗi trang web...

Nén CSS và JavaScript online

12/04/2017 0 428 3 phút đọc

Khi phát hành website hoặc theme, việc nén các tập tin CSS và JavaScript (JS) là cực kỳ quan trọng để giảm dung lượng, tăng tốc độ tải trang và cải thiện hiệu suất tổng...

Tự làm Responsive Email Template

11/04/2017 0 24 7 phút đọc

Để đảm bảo chiến dịch Email Marketing của bạn thành công bạn nên sử dụng mẫu email có thể hiển thị tốt trên bất kỳ kích thước màn hình. Bài viết này hướng dẫn bạn...

Tùy chỉnh WebKit Scrollbar bằng CSS

11/04/2017 0 19 1 phút đọc

Để tùy chỉnh scrollbar của trình duyệt, lúc trước thường phải sử dụng jQuery. Nhưng với CSS3, các bạn có thể tạo "phong cách" chúng rất dễ dàng.

Dự án Blog cá nhân: Các trang còn lại

11/04/2017 0 16 13 phút đọc

Bài viết này hướng dẫn cách làm giao diện trang bài viết, giới thiệu và liên hệ của dự án Blog cá nhân “Clean Blog” dựa trên những gì có sẵn ở bài viết trước.

Dự án Blog cá nhân: Trang chủ

11/04/2017 0 12 9 phút đọc

Bài viết này hướng dẫn cách làm giao diện trang chủ của dự án Blog cá nhân “Clean Blog”.

Giới thiệu dự án Blog cá nhân

11/04/2017 0 29 2 phút đọc

Bài viết này giới thiệu dự án thiết kế Blog cá nhân “Clean Blog” 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...