Webdesign

Markup

https://www.markup.io/

Permet d’ajouter des annotations / commentaires directement sur une page web. Idéal pour les retours entre développeurs et webdesigner par exemple.

Web

Webdesign

Gestion de projet

Cleanshot

https://cleanshot.vercel.app

Permet de générer une capture d'écran de n'importe quel site web à partir d'une URL.

Mockup

Webdesign

CSS Peeper

https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk

CSS Peeper est une extension Chrome conçue pour les designers. Inspectez le CSS d'une page web très facilement et obtenez toutes les infos que vous souhaitez : fonts, couleurs, hauteur de ligne, taille d'un bouton, CSS Peeper ne vous cache rien.

CSS

Webdesign

CSS Scan

https://getcssscan.com/css-box-shadow-examples

Galerie de box-shadow en CSS.

CSS

TinyJPG

https://tinyjpg.com/

TinyJPG permet d'optimiser et de compresser le poids des images aux formats WebP, JPEG et PNG.

Web

Webdesign

Ipsumator

https://ipsumator.web.app

Ipsumator est générateur de texte pour vos maquettes. Il est possible de générer du texte en fonction d'un sujet ou bien directement du lorem ipsum.

Web

Webdesign

Uiverse

https://uiverse.io/

Dans la même lignée que Codepen, découvrez, créez et partagez des éléments UI open source réalisés en HTML et CSS.

CSS

Web

Whimsical

https://whimsical.com

Whimsical permet de réaliser des cartes mentales (mind maps), des wireframes, des diagrammes ou encore des organigrammes de façon simple et intuitive.

Gestion de projet

Web

Webdesign

Frontend Toolkit

https://www.fetoolkit.io

Frontend Toolkit est un outil permettant d'optimiser ou convertir les SVG, convertir un code couleur ou même générer un favicon.

Vector

CSS

Webdesign

Checklist Design

https://www.checklist.design

Checklist de toutes les bonnes pratiques UI/UX pour vos projets web.

Webdesign

DataFairy

https://devskiller.com/datafairy/

DataFairy est un générateur de faux profils (nom, prénom, âge, email, mot de passe etc.). Il est possible d'exporter les profils en CSV. Idéal pour vos maquettes ou prototypes.

Webdesign

Clippy

https://bennettfeely.com/clippy/

Clippy génère automatiquement le clip-path en CSS en fonction de la forme choisie.

CSS

CodePen

https://codepen.io/

CodePen permet de créer, tester et partager du code en ligne (HTML/CSS/JS). C'est l'outil indispensable pour les web designers et les intégrateurs qui souhaitent trouver l'inspiration.

CSS

Web

Blobmaker

https://www.blobmaker.app

Blobmaker est un outil pour vous aider à créer rapidement des formes SVG aléatoires et uniques.

Vector

Webdesign

Shottr

https://shottr.cc/

Shottr est une application de capture d’écran gratuite conçue pour Mac. Capturez une page entière grâce à la fonction Scroll et +10 fonctionnalités !

Mockup

Webdesign

App

Octopus

https://octopus.do

Octopus permet de créer des wireframes pour un site ou une application, d'y ajouter des notes et des combinaisons de couleurs pour se repérer facilement.

Gestion de projet

Webdesign

ThemeForest

https://themeforest.net

ThemeForest est une plateforme qui permet d'acheter des thèmes Wordpress, des templates HTML ou Photoshop. Si les thèmes sont payants, c'est une véritable source d'inspiration pour vos sites.

Wordpress

Web

Webdesign

Landingfolio

https://www.landingfolio.com/

Landingfolio propose les meilleures landing pages du web. Une vraie source d’inspiration pour vos projets UI ou de création de site.

Webdesign

Get Waves

https://getwaves.io

Dans la même lignée que Blob Maker, Get Waves est un générateur gratuit de "vague" en SVG pour créer des séparateurs dans vos projets web. Choisissez une courbe, plus ou moins anguleuse, puis téléchargez ou copiez le code.

Vector

Webdesign