La rédaction du code HTML/CSS de son site web peut vite devenir fastidieuse, dès lors que l’on entreprend de créer une page un peu complexe, animée ou structurée.

Heureusement, certains sites proposent désormais d’automatiser un bon nombre de tâches en générant pour vous du code personnalisé, permettant de gagner beaucoup de temps !

Voici une sélection des 16 outils incontournables pour générer du code personnalisé en un tour de main !

Et si vous souhaitez vous lancer vous-même dans la rédaction de code, de nombreux tuto HTML et CSS vous attendent sur Tuto.com

 

 

CSS TYPE SET

Personnaliser visuellement la mise en forme d’un texte.

 

CSS3 MAKER

Générateur de bords arrondis, ombres, dégradés et opacité.

 

ULTIMATE CSS GRADIENT GENERATOR

Générateur de dégradés « linear » et « radial » très complet.

 

CSS LOAD

Générateur d’icône de chargement animées.

 

CSS ARROW PLEASE

Générateur de box avec flèche directionnelle personnalisable.

 

HTML IPSUM

Service proposant différents types de contenu HTML pour simuler un texte structuré (paragraphes, listes, balises,…)

 

CSSWARP

Un outil puissant de déformation manuelle de texte selon une courbe ou un cercle.

 

COMPARE NINJA

Service de création de tableaux comparatifs personnalisés.

 

CSS RIBBON GENERATOR

Générateur de « rubans » ou entêtes de pages web.

 

APERCITE

Générateur d’aperçu (miniature) pour votre site web.

 

BOUTON CSS

Générateur de bouton CSS entièrement personnalisé et animable.

 

FLEXY BOXES

Mise en page flexible et complexe.

 

.HTACCES GENERATOR

Création personnalisée de vos fichiers .htaccess

 

BOUNCE.JS

Générateur d’animation personnalisée.

 

RESPONSIFY

Créer un template de grille personnalisé pour gérer vos colonnes.

 

MINIFIER.ORG

« Nettoie » votre code et le rend plus léger et performant.

 

 

Pour aller plus loin

Voici un tutoriel qui vous permettra de gagner du temps avec l’extension Emmet.

 

Ce second tutoriel quant à lui sera l’occasion d’apprendre à animer un objet en 3 dimensions :

(13892)