Lập trình web

Trong bài học này, mình sẽ hướng dẫn các bạn tao hiệu ứng gallery filter với thư viện Isotope js. Bài trước chúng ta cũng đã làm qua hiệu ứng này nhưng bằng code jquery tự viết. Bài này mình sẽ dùng thư viện ngoài Isotope js nhé. Video -…
Đọc thêm...

Trong bài học này, mình sẽ hướng dẫn tạo hiệu ứng Gallary filter bằng jQuery. Ngoài ra, mình sẽ giới thiệu 2 cách lấy thuộc tính trong thẻ html bằng jQuery. Video - Tạo hiệu ứng Gallary filter bằng jQuery Ý tưởng + Để thuộc tính type…
Đọc thêm...

Trong bài này, mình sẽ hướng dẫn bạn tạo hiệu ứng load phần tử khi cuộn trang với thư viện wow.js. Kết thư viện wow.js và animate.css, chúng ta sẽ viết code js rất ít. Video - Tạo hiệu ứng load phần tử khi cuộn trang với thư viện wow.js…
Đọc thêm...

Trong bài này, mình sẽ hướng dẫn bạn cách tạo hiệu ứng bằng thư viện animate.css. Chúng ta sẽ làm hiệu ứng cuộn đến phần nào của website thì nội dung sẽ hiện ra. Video - Tạo hiệu ứng bằng thư viện animate.css Ý tưởng + Bắt sự kiện cuộn…
Đọc thêm...

Trong bài này, mình sẽ hướng dẫn các bạn bắt sự kiện cuộn trang với jQuery. Chúng ta sẽ tạo hiệu ứng khi cuộn trang đến đâu, các thành phần của website sẽ biến đổi theo. Video - Bắt sự kiện cuộn trang với jQuery…
Đọc thêm...

Trong bài này, mình sẽ hướng dẫn các bạn tạo hiệu ứng load từng phần tử bằng cách sử dụng thư viện TweenMax. Ngoài ra, bạn có thể làm bằng css với thuộc tính animation-delay. Video - Hiệu ứng load từng phần tử - thư viện TweenMax…
Đọc thêm...

Trong bài này, mình sẽ hướng dẫn các bạn hiệu ứng lightbox - zoom phóng to hình ảnh bằng cách sử dụng thư viện ngoài là Fancybox - một thư viện của jQuery. Video - Hiệu ứng lightbox - thư viện FancyBox https://youtu.be/LZz62inhuc0 Ý…
Đọc thêm...

Trong bài này, chúng ta sẽ hoàn thành hiệu ứng slide - xử lý nút phân trang. Nút phân trang sẽ tương ứng với các slide. Khi slide chuyển thì nút cũng chuyển. Ngoài ra, khi click vào nút thì slide cũng chuyển. Video - Hiệu ứng slide - Xử lý…
Đọc thêm...

Trong bài này, mình sẽ tiếp tục hoàn thiện hiệu ứng slide - xử lý nút next và prev. Video - Hiệu ứng slide - Xử lý nút next và prev bằng jquery https://youtu.be/LEgd255hlyQ Ý tưởng + Bắt sự kiện click và addClass cho các slide. Các hiệu…
Đọc thêm...

Trong 3 bài kế tiếp này, mình sẽ hướng dẫn các bạn tạo hiệu ứng slide hay còn gọi là carousel. Bài này, chúng ta sẽ làm hiệu ứng slide - phần html và css. Video - Hiệu ứng slide https://youtu.be/79pUVOgweok Hướng dẫn chi tiết Về phần…
Đọc thêm...