Learn JavaScript for Designers

Bring your websites to life with interactive elements using JavaScript. These tutorials are tailored to web designers and are full of practical examples and tips.
  1. Xây dựng một Horizontal Timeline với CSS và JavaScript

    Xây dựng một Horizontal Timeline với CSS và JavaScript

    Tutorial Intermediate

    Trong bài viết trước, tôi đã hướng dẫn cho bạn cách xây dựng một responsive vertical timeline từ đầu. Hôm nay, tôi sẽ trình bày quá trình...

  2. Xây dựng một Timeline dạng đứng với CSS và một ít JavaScript

    Xây dựng một Timeline dạng đứng với CSS và một ít JavaScript

    Tutorial Intermediate

    Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách xây dựng một timeline đứng từ đầu cho đến cuối. Trước tiên, chúng ta sẽ tạo cấu trúc cơ bản với mã ít mã html...

  3. Cách xây dựng một Full Screen Carousel với Owl.js

    Cách xây dựng một Full Screen Carousel với Owl.js

    Tutorial Intermediate

    Trong một bài viết trước tôi đã chỉ cho bạn cách xây dựng một bộ carousel tuỳ biến với slick.js. Hôm nay, tôi sẽ trình bày về quá trình tạo một full screen...

  4. Tạo Một Responsive Gallery Bằng Slick.js

    Tạo Một Responsive Gallery Bằng Slick.js

    Tutorial Intermediate

    Trong bài hướng dẫn này, chúng ta sẽ sử dụng slick.js, một plugin jQuery nổi tiếng, để xây dựng một responsive gallery hấp dẫn. Đây là gallery mà chúng ta sẽ...

  5. Cách xây dựng một Sticky Sidebar khi cuộn trang với ScrollMagic.js

    Cách xây dựng một Sticky Sidebar khi cuộn trang với ScrollMagic.js

    Tutorial Intermediate

    Trong bài hướng dẫn này, chúng ta sẽ sử dụng ScrollMagic.js, một thư viện JavaScript cực kỳ nổi tiếng, để xây dựng một thanh sticky sidebar khi cuộn trang....

  6. Mẹo nhanh: Lưu ý khi sử dụng phiên bản Slim của jQuery

    Mẹo nhanh: Lưu ý khi sử dụng phiên bản Slim của jQuery

    Tutorial Beginner

    Trong mẹo nhanh này, tôi sẽ giải thích cho bạn khi nào bạn nên và không nên sử dụng "phiên bản slim" của jQuery. Đối với mẹo này, tôi giả sử rằng bạn rành về...

  7. Cách xây dựng một thành phần Accordion bằng CSS và một ít JavaScript

    Cách xây dựng một thành phần Accordion bằng CSS và một ít JavaScript

    Tutorial Beginner

    Rất nhiều thư viện JavaScript được phát triển để cung cấp cho chúng ta các tiện ích tương tác bổ sung trên các trang web. Tương tự, HTML5 cũng đã biên dịch...

  8. Cách xây dựng một Menu Off-Canvas bằng CSS và một ít JavaScript

    Cách xây dựng một Menu Off-Canvas bằng CSS và một ít JavaScript

    Tutorial Beginner

    Trong bài hướng dẫn này, chúng ta sẽ tìm hiểu qua một phương pháp đơn giản nhưng hiệu quả để tạo ra một menu off-canvas với HTML, CSS và JavaScript.

  9. 2 Cách để tạo một Hình nền có các Hạt chuyển động

    2 Cách để tạo một Hình nền có các Hạt chuyển động

    Tutorial Intermediate

    Trong video hướng dẫn ngày hôm nay, tôi sẽ giới thiệu với các bạn cách tạo một hình nền các hạt chuyển động. Các hạt hay các mảnh vụn là một cách tuyệt vời...

  10. Từ Sass sang CSS: Cách Giữ lại Khoảng trắng khi Biên dịch

    Từ Sass sang CSS: Cách Giữ lại Khoảng trắng khi Biên dịch

    Tutorial Intermediate

    Bạn đã bao giờ muốn giữ lại cấu trúc trực quan của các tập tin Sass của mình khi bạn biên dịch nó thành CSS, mà không làm mất đi bất kỳ khoảng trắng nào?...

  11. 3 Phương pháp để tự động tải lại trình duyệt

    3 Phương pháp để tự động tải lại trình duyệt

    Tutorial Beginner

    Trong video hướng dẫn này, bạn sẽ được học về cách tải lại trình duyệt—đặc biệt là tự động hoá việc tải lại—và chúng ta sẽ xem xét ba phương pháp khác nhau...

  12. Khóa học mới: JavaScript cho nhà thiết kế Web

    Khóa học mới: JavaScript cho nhà thiết kế Web

    Tutorial Beginner

    Nếu bạn muốn biết làm thế nào để sử dụng JavaScript cho các công việc thiết kế web thông thường như việc tạo ra một lightbox hiển thị hình ảnh hoặc một thanh...