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.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
    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. 21 Theme WordPress Responsive tốt nhất (cho các trang Web năm 2018)

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

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

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

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

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

      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.

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

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

    7. Mẹo nhỏ: Thêm một Formspree vào các trang web tĩnh của bạn

      Mẹo nhỏ: Thêm một Formspree vào các trang web tĩnh của bạn

      Tutorial Beginner

      Trong hướng dẫn này chúng ta sẽ tìm hiểu một vấn đề—cách dễ dàng để thêm các form động, linh hoạt vào các trang web tĩnh của bạn.

    8. Phông chữ Web trong 60 giây

      Phông chữ Web trong 60 giây

      Tutorial Beginner

      Những phông chữ để sử dụng trên một trang web yêu cầu các tập tin được nạp từ một trong hai nơi; từ hệ thống của máy khách truy cập, hoặc một máy chủ web....

    9. Cách Sử Dụng Font Chữ Màu Sắc Trên Web

      Cách Sử Dụng Font Chữ Màu Sắc Trên Web

      Tutorial Beginner

      Mọi nhà thiết kế web đều biết cách thiết lập màu cho phông chữ, đúng không? Đó là một trong những điều đầu tiên mà chúng ta làm khi bắt đầu học về CSS. Chúng...

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

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

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

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

    12. Mẹo khả năng truy cập bàn phím bằng HTML và CSS

      Mẹo khả năng truy cập bàn phím bằng HTML và CSS

      Tutorial Beginner

      Làm cho trang web của bạn có thể truy cập được đối với người dùng chỉ sử dụng bàn phím là một phần quan trọng trong bức...