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.

All JavaScript for Designers content:

Filters

Responsive Design

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

George Martsoukos • 23 Jun 2022
Responsive Design

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

George Martsoukos • 6 May 2021
HTML

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

George Martsoukos • 5 Sep 2018
JavaScript for Designers

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

George Martsoukos • 14 May 2018
Navigation

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.

George Martsoukos • 24 Jan 2018
JavaScript for Designers

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

Adi Purdila • 26 Dec 2017
HTML

Cách tạo một Header Cố định và Hoạt hình khi Cuộn Trang

Tutorial • Beginner

Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tạo một dạng thường được thấy trên nhiều trang web ngày này: một header cố định và hoạt hình thành một trạng...

George Martsoukos • 20 Jun 2016
Animation

Hướng dẫn nhanh: Hiệu ứng cuộn với fullPage.js và Animate.css

Tutorial • Intermediate

Trong một hướng dẫn trước, tôi đã giới thiệu với bạn fullPage.js, một plugin jQuery phổ biến để xây dựng các trang web toàn màn hình. Trong hướng dẫn nhanh...

George Martsoukos • 24 Mar 2016
HTML

Cuộn ngang và cuộn dọc với fullPage.js

Tutorial • Beginner

Ngày nay càng nhiều trang được thiết kế dựa trên cách tiếp cận đơn-trang (hay còn gọi là các trang web đơn-trang hoặc một-trang) Trong bài viết này, chúng...

George Martsoukos • 31 Aug 2015
HTML

Tạo Popup và Modal bằng phần tử "dialog" của HTML5

Tutorial • Intermediate

Nhiều quá trình trên các trang web ngày nay đòi hỏi sự đồng ý từ người dùng để có thể hoàn tất. Ví dụ, người dùng có thể cần phải loại bỏ một tài khoản, thay...

Thoriq Firdaus • 13 May 2015
HTML Templates

Mẹo nhỏ: Sử dụng thuộc tính "download" của HTML5

Tutorial • Beginner

Tạo một liên kết tải về trong HTML thì đơn giản; thêm một thẻ liên kết và trỏ đến tập tin trong thuộc tính href. Tuy nhiên, một số loại tập tin, (chẳng hạn...

Thoriq Firdaus • 27 Apr 2015
HTML

Tất cả những gì bạn cần biết về thuộc tính Data trong HTML5

Tutorial • Intermediate

Thuộc tính data trong HTML5 cho phép bạn gán dữ liệu tuỳ biến cho một phần tử. Bài viết này sẽ xem xét cách sử dụng nó và cung cấp các ví dụ về trường hợp sử...

Aaron Lumsden • 29 Nov 2012