Quand on fait un prototype d'interface (mockup), on utilise généralement un outil dédié tel que Draw.io ou Balsamiq. Doodle.css permet de créer ce mockup en HTML/CSS en apportant un style façon dessin.

Il est parfois plus rapide de créer un mockup en utilisant du simple HTML. Pour améliorer le style graphique, on pourrait utiliser du CSS car sans cet élément, l'interface est plutôt austère.

L'utilisation de CSS pour créer un mockup est intéressante mais ne doit pas laisser imaginer aux utilisateurs la future chartre graphique (couleurs, typo, images, ...). C'est exactement l'objectif de Doodle.css : un script CSS permettant de créer des interfaces façon dessin et ainsi de rester neutre.

La plupart des balises HTML sont prises en compte : les listes, tableaux, éléments de formulaires, boutons, mises en forme de texte, citation, code, etc... Vous pouvez donc utiliser ce thème pour concevoir des mockups en HTML et avoir un look dessiné.

Très simple d'utilisation, vous devez simplement télécharger le dépôt Github et soit modifier le fichier index.html ou en créer un autre en prenant soit d'importer le fichier doodle.css et la typo.