Design

59 articles

SVG, la syntaxe Path

L'élément path de SVG est l'outil de dessin le plus perfectionné qui soit, mais sa syntaxe ne semble pas aisée. Chris Coyier décortique brillamment ce langage, pas si compliqué finalement.

Motifs SVG japonais

Pour le plaisir, Dudley Storey a réalisé deux nouveaux backgrounds SVG dérivés des motifs géométriques traditionnels japonais. Un approfondissement de la série sur SVG, mine de rien, ça devient sérieux!

Autocomplétion native en HTML5

Dans ce bref article, nous allons voir comment mettre en oeuvre une zone de saisie avec auto-complétion, sans recourir à jQuery ni à JavaScript, en pur HTML5. Par Steve Pear.

Créer un logo avec Sketch 3

Dans ce tutoriel hyper-précis, Jeremy Osborn présente quelques-unes des fonctionnalités essentielles de Sketch et nous apprend à créer un logo à partir d'un croquis importé puis traduit en formes vectorielles.

L'ajustement optique

Luke Jones le dit : les designers ne doivent pas compter sur les seuls logiciels pour faire le travail d'ajustement, mais également sur leurs yeux et leur instinct. Preuves à l'appui.

Sketch 3 : l'outil Scissors

L'application de dessin vectoriel Sketch brille par sa simplicité. Peter Nowell présente l'outil "ciseaux", moins connu que d'autres, et fait un point très intéressant sur les formes et les lignes.

Comprendre Clip Path

La propriété Clip-Path de CSS est un super outil pour réaliser des effets de style. Dans cet article clair, Drew Minns présente son utilisation en détail, ainsi qu'un cas pratique.

Dompter son critique intérieur

Vous connaissez le syndrome de l'imposteur n'est-ce pas ? Ce n'est qu'une des nombreuses manifestations de votre critique intérieur. Denise Jacobs nous présente ce vilain petit monstre, parfois utile malgré tout.

Sketch et les vecteurs

Sketch3 est un outil merveilleux, il brille tout particulièrement dans le domaine des formes vectorielles. Dans ce tutoriel bien fait, Peter Nowell établit les bases, puis nous apprend quelques astuces.

Créer une icône flat avec Sketch

Le succès du précédent tutoriel Sketch 3 imposait une suite. Dans ce nouveau tutoriel très clair, Abhijeet Wankhade réalise une icône simple, permettant de montrer quelques fonctionnalités essentielles de Sketch.

Sketch, tutoriel 01

Sketch 3, pour Mac, est une alternative sérieuse à Photoshop et Illustrator. Sébastien Gabriel, Frenchie designer chez Google propose dans ce tutoriel hyper-détaillé de passer en revue ses caractérisques principales.

La console, une introduction

Ah, la console ! Terrain de jeu pour certains, écran terrifiant pour d'autres, il devient chaque jour plus indispensable d'en connaître au moins les rudiments. Par John Long, bienfaiteur des designers.

Les dégradés CSS

Chris Coyier a mis à jour ses articles d'introduction aux dégradés CSS, linéaires, radiaux, répétés, une bonne occasion de réviser ses classiques en compagnie d'un guide toujours clair et concis.

De la Typographie Web

Être designer demande une compréhension profonde de la typogaphie et de la sélection et de l'association des polices de caractères. Le grand Jason Santa Maria l'explique avec intelligence et sensibilité.

Design atomique

La création de systèmes de design a été au coeur de nombreux débats passionnés. Brad Frost propose ici sa vision, basée sur une comparaison avec les atomes et les molécules.

Style vs Design

Dans cet article qui n'a pas pris une ride, le grand Jeffrey Zeldman nous rappelle les risques qu'il y a à confondre Style et Design, la surface et la substance.