Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

All UX/UI 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

21 Theme WordPress Responsive tốt nhất (cho các trang Web năm 2018)

Tutorial • Beginner

Khi tạo ra một trang Web cho doanh nghiệp của bạn, một thiết kế hấp dẫn không đủ để hỗ trợ cho bạn. Ngày càng có nhiều người sử dụng máy tính bảng và...

Brenda Barron • 19 Jan 2022
Shopify

18 Theme tốt nhất dành cho Shopify với thiết kế Responsive cho năm 2018

Tutorial • Beginner

Khi nói đến các vấn đề về thiết kế, cửa hàng trực tuyến của bạn. Cửa hàng trực tuyến của bạn chính là bộ mặt của thương hiệu của bạn. Nó sẽ làm cho khách...

Brenda Barron • 18 Jan 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
Forms

Kiểm tra tính hợp lệ của Form trong HTML5 với thuộc tính "pattern"

Tutorial • Intermediate

Trong hướng dẫn này, chúng ta sẽ khám phá thuộc tính pattern của HTML, sử dụng nó để giúp chúng ta tùy biến cách chúng ta kiểm tra tính hợp lệ của form.

Thoriq Firdaus • 21 Apr 2021
Responsive Design

20+ theme WordPress dành cho nhà hàng tốt nhất: Với thiết kế Responsive cao cấp

Tutorial • Beginner

Ngày nay, mỗi doanh nghiệp đều nên có một trang web. Là một chủ nhà hàng hoặc quán cà phê, điều bắt buộc là doanh nghiệp kinh doanh thực phẩm của bạn có sự...

Brenda Barron • 5 Apr 2021
Wireframing

Hướng dẫn Thiết kế Wireframe dành cho Người mới bắt đầu

Tutorial • Beginner

Thiết kế wireframe là một bước quan trọng trong bất kỳ quá trình thiết kế giao diện nào. Nó chủ yếu cho phép bạn xác định thứ bậc thông tin của thiết kế,...

Winnie Lim • 16 Sep 2020
Responsive Design

Chỉ dẫn nhanh: Cách sử dụng thẻ "picture" trong HTML5 cho những hình ảnh có tính đáp ứng

Tutorial • Beginner

Hình ảnh nổi tiếng là một trong những khía cạnh thách thức nhất của thiết kế web đáp ứng (responsive). Hôm nay chúng ta sẽ xem xét cách làm thế nào phần tử ,...

Kezz Bracey • 19 Sep 2019
Accessibility

Mẹo khả năng truy cập bàn phím bằng HTML và CSS

Tutorial • Beginner

Làm cho trang web của bạn có thể truy cập được đối với người dùng chỉ sử dụng bàn phím là một phần quan trọng trong bức...

Anna Monus • 26 Oct 2018
SEO

Hướng dẫn về SEO tại Trung Quốc (phiên bản 2018)

Tutorial • Beginner

Bất kỳ ai tham gia vào thương mại điện tử và giao thương toàn cầu đều đang bàn tán về Trung Quốc. Với dân số động nhất thế giới và 21% thị phần của người...

Olly Theobald • 25 Jul 2018
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
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