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

CSS

Cách sử dụng CSS Shape trong Thiết kế Web của bạn

Tutorial • Beginner

Các yếu tố của layout là các cột và các dòng, các góc và các đường thẳng mà chúng ta dùng để xây dụng các trang web ngày nay bị ảnh hưởng lớn bởi di sản từ...

Louie Rootfield • 28 Oct 2016
CSS

Vui vẻ với tính năng mới của CSS: Backdrop Filter

Tutorial • Intermediate

Trong hướng dẫn này chúng ta sẽ tìm hiểu về một đồ chơi CSS mới nổi với tên gọi là Backdrop Filter.

Louie Rootfield • 5 Oct 2016
CSS

CSS Grid Layout: Sử dụng các Grid Area

Tutorial • Beginner

Một điều mà chúng ta đã đề cập, nhưng vẫn chưa bao quát một cách đúng đắn trong loạt bài viết này đó là grid areas. Đến đây các phần tử trong grid của chúng...

Ian Yates • 28 Sep 2016
CSS

CSS Grid Layout: các cột có kích thước động và các gutter (khoảng không gian giữa các cột) tốt hơn

Tutorial • Beginner

Trong phần hướng dẫn này chúng ta sẽ lấy grid từ bài hướng dẫn trước của chúng ta và sử dụng nó như là một playground (nơi thực hành code) để tìm hiểu sâu...

Ian Yates • 22 Sep 2016
CSS

Một số phương thức khác nhau của CSS cho việc thay đổi thứ tự hiển thị

Tutorial • Beginner

Trong hướng dẫn này, chúng ta sẽ tìm hiểu một vài phương pháp CSS khác nhau để sắp xếp thứ tự các phần tử HTML.

George Martsoukos • 1 Sep 2016
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
HTML

Action và Filter trong WordPress: Khác nhau như thế nào?

Tutorial • Beginner

Action và Filter là một phần cơ bản của các WordPress API khác nhau. Nếu không có chúng bạn sẽ bị giới hạn về những gì bạn có thể làm trong các theme và (đặc...

Rachel McCollin • 7 Apr 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
CSS

Xây dựng một CMS: Cấu trúc và Giao diện

Tutorial • Beginner

Có một xu hướng về máy chủ web theo hướng "thiết kế CMS phẳng". Điều này đơn giản là chỉ đến một Hệ thống Quản lý Nội dung (CMS) mà không lưu trữ thông tin...

Richard Guay • 4 Jan 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
Forms

Xây dựng một Form liên hệ Bootstrap Sử dụng PHP và AJAX

Tutorial • Beginner

Trong hướng dẫn này tôi sẽ đi qua các bước để tạo ra một form liên hệ, tận dụng framework front-end phổ biến nhất, Bootstrap, kết hợp với AJAX và PHP. Từ đó...

Aaron Vanston • 11 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