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

UX/UI

Kiat-kita Menyusun Layer di Figma

Tutorial • Beginner

Di episode dalam seri ini tentang tips dan trick Figma, kami akan membahas cara untuk mempercepat menysusun layer Anda. Mari membahasnya!

Kezz Bracey • 30 Oct 2018
Accessibility

Kiat Aksesibilitas Keyboard menggunakan HTML dan CSS

Tutorial • Beginner

Membuat situs web anda dapat diakses khusus untuk pengguna keyboard adalah bagian penting dari gambaran aksesibilitas yang lebih besar. Berikut beberapa kiat...

Anna Monus • 26 Oct 2018
Accessibility

Merancang Konten yang Dapat Diakses: Tipografi, Styling Huruf, dan Struktur

Tutorial • Beginner

Membuat dan mendesain konten yang dapat diakses lebih dari sekadar memilih tipografi yang dapat diakses. Bahkan dengan keluarga font 'sempurna' yang ada di...

Carie Fisher • 25 Oct 2018
Accessibility

Tips Siangkat: Menggunakan Attribute “lang” untuk Aksesibilitas yang Lebih Baik

Tutorial • Beginner

Atribut lang adalah salah satu atribut HTML global yang dapat diterapkan ke element HTML apa pun, dan atribut ini benar-benar dapat membantu dengan...

Eric Bailey • 23 Oct 2018
UX/UI

Kiat-kiat untuk Panel Layer di Figma

Tutorial • Beginner

Figma dengan cepat menjadi industri web dengan tool desain dan prototipe yang layak menjadi pilihan, bahkan bisa dibilang lebih daripada Adobe XD dan Sketch....

Kezz Bracey • 15 Oct 2018
HTML

Hands-on dengan ARIA: Resep Aksesibilitas untuk Aplikasi Web

Tutorial • Beginner

Dalam dunia aplikasi web yang membingungkan, ARIA dapat membantu meningkatkan aksesibilitas dan kemudahan penggunaan untuk kreasi Anda. HTML tidak dapat...

Kyle Sloka-Frey • 12 Oct 2018
Prototyping

Prototyping dalam Design Thinking: Cepat Gagal, Sering Gagal

Tutorial • Beginner

Dalam "Design Thinking", semua jalan mengarah pada pembuatan prototipe dan pengujian. Seluruh proses itu bias terhadap tindakan. Tujuan utamanya adalah untuk...

Franc Lucas • 24 Sep 2018
Web Typography

Membuat Teks Sideways dengan Mudah Menggunakan Property CSS "writing-mode"

Tutorial • Intermediate

Dalam tips singkat ini saya akan menunjukkan kepada Anda cara menampilkan teks di halaman website yang dimulai dari atas ke bawah, bukan dari kiri ke kanan...

Adi Purdila • 17 Sep 2018
HTML

Bagaimana Membuat Slider Carousel Responsif Layar Penuh dengan Owl.js

Tutorial • Intermediate

Dalam postingan sebelumnya saya sudah menunjukkan kepada anda bagaimana membangun galeri gambar secara kustom dengan slick.js.

George Martsoukos • 5 Sep 2018
UX Design

3 Tips untuk Mempersiapkan Dokumentasi UX yang Lebih Baik

Tutorial • Beginner

Dokumentasi UX (UX documentation) adalah semua tentang men-tracking detail spesifik dari desain Anda untuk memastikan implementasi terjadi dengan lancar....

Joanna Ngai • 1 Aug 2018
SVG

Cara Menggunakan Pola SVG sebagai Latar Belakang

Tutorial • Beginner

Pola SVG menawarkan pendekatan yang lebih fleksibel untuk mengulangi gambar latar belakang pada halaman web dari pada susunan CSS. Mari lihat mengapa itu,...

Adi Purdila • 13 Jul 2018
User Research

Teknik Untuk Wawancara Empati dalam Berpikir Desain

Tutorial • Beginner

Wawancara empati adalah landasan Design Thinking. Dengan memasukkan dan memahami pikiran, perasaan, dan motivasi orang lain, kita dapat memahami pilihan yang...

Franc Lucas • 26 Jun 2018