Hướng dẫn tạo Coming Soon Page - How t
Coming Soon Page là gì ? Khi website của bạn đang bảo trì hoặc đang trong quá trình nâng cấp, khi một chương trình khuyến mại của bạn sắp diễn ra... bạn muốn hiển thị một trang thông báo cho người dùng, trong những trường hợp này, Coming Soon Page ...
Hướng dẫn tạo Profile Card với CSS - How t
Profile Card là một phần để hiển thị thông tin của một cá nhân nào đó. Profile Card thường được sử dụng trong các website tin tức để mô tả thông tin các tác giả. Các bạn xem mục tác giả của Zaidap.com.net, mỗi tác giả sẽ được biểu diễn bằng một thẻ Profile ...
Hướng dẫn tạo các dấu mũi tên với CSS - How t
Các dấu mũi tên điều hướng rất phổ biến trong các website hiện nay, nó được sử dụng trong rất nhiều trường hợp như: dropdown menu, move to top button, move to bottom button... Trong bài này mình sẽ cùng các bạn tìm hiểu cách tạo các dấu mũi tên đơn giản với HTML và CSS. Các ...
Hướng dẫn tạo hiệu ứng Parallax Scrolling Effect với CSS - How t
Parallax Scrolling Effect là một hiệu ứng hình ảnh, nó sẽ hiển thị phần hình ảnh tuỳ thuộc vào vị trí cuộn chuột. Trong bài này mình sẽ cùng các bạn tìm hiểu cách tạo hiệu ứng Parallax Scrolling Effect cho hình nền với CSS. 1. Xây dựng ...
ìm hiểu về Aspect Ratio với CSS - How t
Aspect Ratio hay tỉ lệ hiển thị cũng là một khái niệm khá quan trọng khi xây dựng các website responsive có thể hiện thị ở nhiều kích thước màn hình, Aspect Ratio sẽ giúp cho thành phần giữ nguyên được tỉ lệ giữa chiều cao và chiều dài mà không phụ thuộc vào của kích thước của ...
Hướng dẫn tạo Testimonials với CSS - How t
Testimonials có thể hiểu như là một bình luận hay một đánh giá, cái mà những người dùng sẽ thông qua nó để thể hiện cho bạn thấy họ nghĩ gì về bạn hoặc sản phẩm mà bạn tạo ra. Nó rất hay được sử dụng trong các website bán hàng để người mua có thể nhận xét về các sản ...
Hướng dẫn tạo Animate Icon với CSS và Javascript - How t
Animate Icon có thể hiểu là một các icon động. Các Animate Icon có thể được sử dụng để biểu diễn các quá trình đang diễn ra của một thao tác, biểu diễn việc đang tải một tài liệu hay đơn giản hơn là để làm đẹp cho website, khiến nó trở nên có hồn và thu hút người dùng hơn. Trong bài viết này ...
Hướng dẫn xây dựng đồng hồ đếm ngược với Javascript - How t
Đồng hồ đếm ngược là một ứng dụng quá quen thuộc với chúng ta rồi nên có lẽ cũng không cần phải giải thích gì nhiều nữa, một số ứng dụng của nó mà ta thường hay gặp trên các website có thể kể đến như đếm ngược thời gian khuyến mại, đến ngược thời gian của một sự kiện nào đó... Hôm nay mình ...
Hướng dẫn tạo một To Do List với CSS và Javascript - How t
To Do List hay hiểu sang tiếng việt là một danh sách các việc cần phải làm, Việc tạo một To Do List cho bản thân giúp cho chúng ta biết chính xác việc tiếp theo cần đạt được và cũng biết chính xác những việc mà mình đã hoàn thành tránh tình trạng bị mất phương hướng trong quá trình làm ...
Hướng dẫn tạo hiệu ứng animations với javascript - How t
Animations dịch sang tiếng việt có nghĩa là chuyển động, đúng với cái tên của nó, các hiệu ứng Animations sẽ khiến cho các phần tử thực hiện các chuyển động. Việc thêm các hiệu ứng Animations sẽ khiến website của bạn trở nên chuyên nghiệp hơn rất nhiều. Ví dụ như khi bạn thêm một sản ...
Hướng dẫn tạo Responsive Tables đơn giản với CSS - How t
Responsive Table hiểu đơn giản là một bảng dữ liệu sẽ hiển thị được trên nhiều kích cỡ màn hình khác nhau như laptop, pc, mobile .v.v.. Tuy nhiên Responsive Table sẽ không thay đổi kích thước mà nó sẽ hiển thị một thanh cuộn ngang nếu như màn hình quá nhỏ so với nội dung của bảng. Trong bài ...
Hướng dẫn tạo Filter table với Javascript - How t
Filter table cũng giống với Filter list, chúng sẽ cho phép người dùng lọc lại các kết quả mà họ muốn lấy từ một danh sách dữ liệu. Tuy nhiên khác với Filter list, Filter table sẽ hiển thị các dữ liệu đó dưới dạng một bảng thay vì một giá trị đơn giản. Trong bài này mình sẽ cùng các bạn tạo ...
Hướng dẫn tạo filter list với Javascript - How t
Filter list là một danh sách các kết quả tìm kiếm có thể được lọc lại mỗi khi người dùng nhập vào một kí tự. Chúng ta thường gặp một filter list trong ô tìm kiếm của các website bán hàng hoặc tin tức. Trong bài này mình sẽ hướng dẫn các bạn tạo một filter list đơn giản với ...
Hướng dẫn xây dựng chức năng sắp xếp dữ liệu - How t
Sắp xếp dữ liệu là một trong những chức năng không thể thiếu được trong mỗi website, việc sắp xếp dữ liệu sẽ giúp đỡ rất nhiều trong quá trình quản lý dữ liệu, đặc biệt là các website có lượng dữ liệu khổng lồ. Trong bài này mình sẽ cùng các bạn tìm hiểu thuật toán để sắp xếp dữ liệu thông qua ...
Hướng dẫn tạo contact form đơn giản với CSS - How t
Contact form hay form liên hệ là một phần không thể thiếu trong bất kì loại website nào từ website tin tức đến website bán hàng hay cả những blog cá nhân. Việc sử dụng contact form sẽ liên kết người dùng với chủ doanh nghiệp một cách rất hiệu quả. Để xây dựng được một contact ...
Hướng dẫn tạo Toggle ẩn/hiện một phần tử - How t
Trong quá trình xây dựng website, nếu bạn đang đã gặp phải vấn đề về việc tạo button ẩn hiện một phần tử nào đó, có thể là một phần nội dung, quảng cáo hay bất cứ thứ gì trên trang. Vậy thì bài viết này sẽ là giải pháp cho bạn. Trong bài viết này mình sẽ hướng các bạn tạo một Toggle ...
Hướng dẫn tạo Scroll To Top Button - How t
Scroll To Top Button là một button sẽ giúp cho người dùng trở về đầu trang, nó rất hay được sử dụng trong các website có nhiều nội dung. Trong bài này mình sẽ cùng các bạn xây dựng một Scroll To Top Button đơn giản với CSS và Javascript. 1. Xây dựng giao diện Đầu tiên là phần giao ...
Hướng dẫn tạo loading buttons với CSS - How t
Loading buttons là các button được thêm các icon loading để thể hiện cho việc thao tác của người dùng đang được thực hiện. Ứng dụng mà chúng ta hay gặp nhất của loading button có lẽ là trong các bước download một tài liệu nào đó từ internet. Trong bài này mình sẽ hướng dẫn các bạn tạo ra ...
Hướng dẫn tạo các nút liên kết mạng xã hội bằng HTML và CSS - How t
Các mạng xã hội hiện này là không thể thiếu, nó phổ biến đến mức đã có nhiều người gọi nó là vấn nạn nghiện mạng xã hội. Chính vì vậy mà việc tích hợp các nút liên kết đến các mạng xã hội cho website ngày càng trở nên phổ biến. Nói về lợi ích của việc tạo các liên kết này thì có rất nhiều, mình ...
Hướng dẫn tạo hiệu ứng cho Animate Buttons - How t
Hiệu ứng của button xảy ra khi người dùng có tương tác với button đó, nó giúp cho người dùng biết được mình đã thực hiện thao tác đối với button chưa và cũng khiến những button trên website của bạn trở nên sống động hơn. Trong bài viết này mình sẽ cùng các bạn xây dựng hiệu ứng cho button ...
