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

User Testing

Cara Menulis Skenario Tugas yang Baik untuk User Testing

Tutorial • Beginner

Skenario tugas (task scenarios) adalah jumlah langkah yang harus dilakukan pengguna (user) untuk menyelesaikan sebuah tujuan. Ini menggambarkan apa yang...

Joel • 6 Sep 2017
JavaScript for Designers

Mengatasi Kebingungan Anda dengan CSS Modul

Tutorial • Intermediate

"Modul CSS" tidak ada hubungannya dengan W3C, bukan bagian dari proses pembuatan yang disarankan. Tetapi akan mengkompilasi proyek Anda, mengganti nama...

Louie Rootfield • 29 Aug 2017
User Research

7 Pertanyaan untuk Mengetahui Apa yang Klien Inginkan

Tutorial • Beginner

Sekitar sepuluh tahun yang lalu, setelah keluar dari pekerjaan saya, saya melangkah ke dunia freelance web desain. Jujur saya tidak tahu apa yang saya...

Kezz Bracey • 17 Aug 2017
Usability

3 Metrik untuk Mengukur dan Menghitung Usability

Tutorial • Beginner

Dalam pekerjaan saya, saya menggunakan metrik berikut: tingkat penyelesaian tugas, waktu tugas, peringkat kepuasan tes pasca dan bagaimana mereka berhubungan...

Joel • 10 Jul 2017
CSS

Mengatur Layout Form Web Dengan Teknik Grid dalam CSS

Tutorial • Intermediate

Pada tutorial kali ini saya akan menjelaskan secara detail bagaimana mendesain berbagai jenis form menggunakan teknik Grid dalam CSS. Dalam setiap contoh,...

Ahmad Shadeed • 5 Jun 2017
HTML

Cara Menggambar Diagram Batang Menggunakan JavaScript dan Canvas HTML5

Tutorial • Beginner

Dalam tutorial sebelumnya, kita membahas cara menggambar diagram lingkaran atau diagram donat menggunakan canvas HTML5. Dalam tutorial ini saya akan...

John Negoita • 18 May 2017
UX Design

Sebenarnya Apa itu "Deliverable"?

Tutorial • Beginner

"Deliverable". Sebuah konsep sederhana yang mudah untuk dipahami (sesuatu yang kamu "sampaikan"P), namun sulit untuk dijelaskan dengan benar.

Joel • 10 May 2017
JavaScript for Designers

Panduan Pemula Untuk Three.js

Tutorial • Intermediate

Web semakin kompleks dan berkembang dengan cepat; Terutama dengan rendering 3D. WebGL (Web Graphics Library) adalah API JavaScript untuk menampilkan grafik...

Dennis Gaebel • 25 Apr 2017
Landing Pages

5 Karakteristik Landing Page yang Bagus

Tutorial • Beginner

Landing page memberi pengunjung pertama Anda kesan yang penting. Kesan itu bisa jadi perbedaan antara membuat koneksi atau sebaliknya. Oleh karena itu,...

Eric Karkovack • 4 Apr 2017
CSS

Membuat Menu Navigasi Sisi Meluncur untuk Desain Responsif

Tutorial • Beginner

Dalam tutorial ini, Anda akan membuat menu navigasi sisi yang bisa diperluas dengan JavaScript dan CSS. Produk akhir akan muncul seperti gambar di bawah ini:...

Tom Whitbread • 20 Mar 2017
User Testing

Bagaimana Menyiapkan dan Menggunakan Diagram Afinitas

Tutorial • Beginner

Diagram afinitas (affinity diagram) adalah sarana bagi seorang desainer UX, digunakan untuk menangkap dan mensintesis data kualitatif. Tutorial ini akan...

Joel • 14 Mar 2017
Wireframing

13 Alat Prototyping untuk Desainer Web

Tutorial • Beginner

Mari lihat beberapa alat "prototyping" yang tersedia untuk desainer web saat ini, tanpa urutan tertentu:

Dennis Gaebel • 2 Mar 2017