La mise en page d’un site prend beaucoup de temps, il faut éditer les codes ligne après ligne, classe après classe… avec patience. Mais heureusement, il existe des outils en ligne utiles pour préparer un gabarit et pour alléger la feuille de style. Si vous n’en connaissez pas encore,  je vous propose d’ici quelques outils pour développer votre CSS rapidement tels que menus, boutons, coins arrondis et template…

Variable Grid System

Gridinator

Gridinator est aussi un générateur de grille, mais avec Gridinator vous pouvez en plus définir la couleur des colonnes de votre grille, pour ensuite télécharger le template au format CSS et HTML ou l’image sous format PNG.

CSS Portal

CSS Portal permet de générer un mise en page de 3 colonnes maximum et de définir  facilement la taille des colonnes, l’en-tête  et le menu. Les valeurs peuvent être spécifiées en pixels ou en pourcentages.

Templatr

Templatr est un générateur de template, avec lequel vous pouvez créer un design personnalisé en ligne pour votre site, même si vous n’avez aucune connaissance en  HTML ou CSS.

CSS Builer

CSS Builder permet de générer facilement et rapidement des styles pour les sélecteurs CSS à la volée. Il suffit de remplir tout simplement le formulaire et cliquer sur le bouton  ‘Buil it‘ et copier le code dans votre feuille de style.

CSS Menu Builder

CSS Menu Builder est un générateur de menus. Vous pouvez créer votre menu directement sur le site parmi un choix de plus de 1000 combinaisons proposées.

CSS Menu Generator

CSS Menu Generator est une galerie de menus de tous types : vertical, horizontal, déroulant… Il suffit de choisir le type de menu qui vous plaît, vous pourrez ensuite le personnaliser et télécharger les sources.