Web Design

Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here.

Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and email templates that stand out from the crowd and get people to take action. For all the web design tips and advice you need, our expert instructors have you covered!

All Web Design Content:

Filters

Design Theory

Mẹo Nhỏ: Cách Tạo Bảng Màu Từ Một Tấm Ảnh

Tutorial • Beginner

Trong mẹo nhỏ này, tôi sẽ minh họa một vài thứ thật sự hữu ích, một kỹ thuật mà tôi thường hay sử dụng: cách tạo bảng màu từ hình ảnh.

Adi Purdila • 2 Jul 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
WordPress Themes

20 Theme Video dành cho WordPress tốt nhất: Với các tính năng thư viện và toàn màn hình đẹp mắt

Tutorial • Beginner

Khi nói đến việc quảng bá cho doanh nghiệp nhỏ của bạn, không có cách nào tốt hơn bằng việc sử dụng tiếp thị bằng video. Một video được sản xuất tốt giúp bạn...

Brenda Barron • 30 Apr 2018
SEO

Cách kiểm tra và tạo ra thẻ Meta cho Trang web của bạn

Tutorial • Beginner

Trong mẹo nhỏ này, tôi sẽ giới thiệu với bạn một công cụ đơn giản, nhưng rất hữu ích được gọi là Hey Meta. Nếu bạn muốn xem hồ sơ chia sẻ trang web của bạn...

Adi Purdila • 6 Mar 2018
Wireframing

Cách sử dụng các biểu tượng Sketch để tạo biểu đồ tiến trình

Tutorial • Beginner

Trong hướng dẫn này, chúng ta để tạo các biểu đồ về tiến trình của người dùng và tiến trình cho công việc trong sketch. Chúng tôi sẽ khai thác sức mạnh của...

Paula Borowska • 7 Feb 2018
SVG

Cách xử lý code SVG bằng tay

Tutorial • Intermediate

Một trong những điều thú vị nhất về đồ hoạ vector (ngoài việc giãn kích thước mà không mất đi chất lượng) đó là khi bạn nắm rõ cơ bản bạn có thể xử lý code...

Kezz Bracey • 1 Feb 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
Animation

Xây dựng Carousel hoàn hảo, phần 1

Tutorial • Advanced

Carousel là một yếu tố quan trọng của các website phát trực tuyến và thương mại điện tử. Cả Amazon và Netflix đều sử dụng carousel với vai trò điều hướng nổi...

Matt Perry • 27 Nov 2017
CSS

Tạo một Menu Điều hướng Dạng trượt cho các Thiết kế Responsive

Tutorial • Beginner

Trong hướng dẫn này, bạn sẽ tạo một side menu có thể mở rộng bằng JavaScript và CSS. Kết quả cuối cùng sẽ như sau:

Tom Whitbread • 20 Mar 2017
CSS

Thực hành Flexbox: Những thành phần Web đơn giản

Tutorial • Beginner

Trong hướng dẫn này chúng ta sẽ thực hành việc xây dựng các thành phần web với hai bài tập: chúng ta sẽ sử dụng Flexbox để xây dựng một thành phần "danh sách...

Zviad Sichinava • 7 Feb 2017
HTML

Cách vẽ các Biểu đồ sử dụng JavaScript và HTML5 Canvas

Tutorial • Beginner

Trong hướng dẫn này tôi sẽ chỉ cho bạn cách sử dụng JavaScript và canvas như là một phương tiện để hiển thị thông tin số dưới hình thức của biểu đồ hình tròn...

John Negoita • 14 Nov 2016