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 Research

<h1>7 Questions pour savoir ce que les clients veulent vraiment</h1>

Tutorial • Beginner

Après avoir jeté mon travail quotidien, il y a une dizaine d’années, je suis entré dans le monde du design web indépendant. Je n’avais franchement aucune...

Kezz Bracey • 17 Aug 2017
UX Design

C'est quoi exactement un « Livrable » ?

Tutorial • Beginner

Le « livrable ». Un concept simple à comprendre (quelque chose que vous « livrez »), mais difficile à expliquer correctement.

Joel • 10 May 2017
CSS

Regardez et compilez Sass en cinq étapes rapides

Tutorial • Intermediate

Sass est peut-être le plus populaire des pré-processeurs CSS; depuis des années, il nous aide à écrire des CSS propres, réutilisables et modulaires. Dans ce...

Zviad Sichinava • 22 Mar 2017
CSS

Création d'un menu de navigation latéral coulissant pour des concepts réactifs

Tutorial • Beginner

Dans ce tutoriel, vous allez créer un menu de navigation latéral extensible avec JavaScript et CSS. Le produit final apparaîtra comme indiqué ci-dessous:

Tom Whitbread • 20 Mar 2017
User Testing

Comment préparer et utiliser un diagramme d’affinité

Tutorial • Beginner

Les « diagrammes d’affinité » sont un outil de designer UX, utilisé pour capturer et synthétiser des données qualitatives. Ce tutoriel se penchera sur la...

Joel • 14 Mar 2017
User Research

Comment tenir un atelier de cartographie de parcours client

Tutorial • Beginner

Voulez-vous créer une meilleure expérience utilisateur pour vos clients ?

Paul Boag • 8 Mar 2017
Animation

10 Exemples d'animation sur CodePen que vous pouvez apprendre

Tutorial • Beginner

CodePen est un endroit idéal pour trouver de l'inspiration et voir ce que les autres expérimentations UI fous sont à venir avec. En plus de cela, il est...

Donovan Hutchinson • 27 Feb 2017
UI Design

Comment créer un texte parfaitement centré avec Flexbox

Tutorial • Intermediate

Il n’y a rien de particulièrement impressionnant sur le fait de centrer horizontalement votre contenu ; vous le faites depuis des années. Mais qu’en est-il...

Craig Campbell • 11 Jan 2017
Landing Pages

Créer une page d’attente en 60 secondes

Tutorial • Beginner

Voyons comment créer une page d’attente en utilisant le template HTML Timex de Themeforest.

Kezz Bracey • 21 Nov 2016
Responsive Design

Mise en pages CSS Grid : Devenir responsive

Tutorial • Beginner

Tout au long de cette série nous nous sommes familiarisé avec la syntaxe de Grid, appris quelques moyens efficaces de la mise en pages des éléments sur une...

Ian Yates • 3 Oct 2016
UX Design

"Copier dans le presse-papier" Devient Facile avec Clipboard.js

Tutorial • Intermediate

Sur n'importe quelle page web, il n'est pas rare de copier une partie de texte, comme un paragraphe, un bout de code ou un URL. Et pour le faire,...

Thoriq Firdaus • 12 Nov 2015
Forms

Créer un formulaire de contact Bootstrap avec PHP et AJAX

Tutorial • Beginner

Dans ce tutoriel je vais vous guider pour créer un formulaire de contact fonctionnel qui utilisera le plus populaire des framework front-end, Bootstrap en...

Aaron Vanston • 11 Aug 2015