Du Bootstrap en drag and drop, et gratuit !

Développé par Martin Capeletto, Hernan Berroja Albiz et Jonathan Katz, LayoutIt est un utilitaire en ligne pour Bootstrap (en version 2 ou 3 d’ailleurs) basé sur le drag’n’drop afin de construire des interfaces front-end de qualité autour du fameux framework. Il est encore en version Beta mais à l’avantage d’être gratuit et extrêmement simple d’utilisation. Basé sur le HTML 5 et le responsive Webdesign, il permet en quelques clics de construire des gabarits de pages HTML / CSS d’une grande qualité. Explications…

Petit tour de BootStrap

BootStrap est un framework de développement HTML/CSS avancé : la solution permet de rapidement prendre en main une mise en page, utilisant notamment la notion de grille CSS pour vos constructions HTML. Mais cette usine à gaz ne s’arrête pas à ça, il permet de gérer le style des boutons, des icones, des alertes, et possède notamment un nombre important de composants CSS et jQuery pour gagner un temps considérable lors de vos intégrations front-end !

Passons à LayoutIt ! maintenant…

C’est purement et simplement un Boostrap visuel. A l’aide de cet outil, sélectionnez dans un menu positionné à gauche les différents éléments dont vous avez besoin : colonnes, diaporama photo, fil d’ariane, … En glissant-déposant ces éléments dans la partie de droite (votre gabarit), vous pouvez le positionner où bon vous semble et de paramétrer ensuite votre nouvelle zone.

Les avantages sont nombreux : tout d’abord il est très simple d’utilisation et ne demande pas une connaissance parfaite de BootStrap pour faire un premier gabarit. Ensuite il est gratuit, et c’est ce qui fait la différence par rapport à d’autres solutions similaires, pouvant atteindre 300$ par mois pour une agence… Le dernier point est la simplicité de récupération du code. Une fois votre gabarit terminé, cliquez sur le bouton Download pour récupérer un fichier ZIP contenant votre page HTML, les CSS et autres modules que vous avez besoin pour fonctionner. Très efficace !

Découvrez toute la magie de LayoutIt