Du Bootstrap en drag and drop, et gratuit !

Blog du Freelance > LayoutIt pour Bootstrap

LayoutIt pour Bootstrap

Bootstrap pour les nuls

Posté le 09 janvier 2014 | Rangé dans Ressources

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

A propos de l'auteur

jacques Danilo, blogueur et freelance

Jacques Danilo
www.pixelcrea.com

Graphiste indépendant depuis 11 ans, photographe et formateur freelance dans le Grand-Ouest. Passionné par le web et les nouvelles technologies, blogueur et entrepreneur, je suis à votre disposition :

Contactez-moi

Sur le blog du freelance

Calendrier des animations e-commerce en 2017
oui

Calendrier e-commerce 2017

L'année 2017 approche à grand pas et il est grand temps de préparer sa stratégie e-commerce. Pour ne rien rater, j'ai préparé une onfographie ...

Prestashop 1.7 : Toutes les nouveautés
oui

Nouveautés Prestashop 1.7

Prestashop, le leader du CMS e-commerce vient (enfin!) de faire une grosse mise à jour, aussi bien sur le fond que sur la forme. Une grosse refonte qui concerne aussi bien la partie ...

10 points à vérifier avant d’acheter un thème Wordpress
oui

acheter un thème Wordpress : 10 points importants

Avant de partir tête baissée sur le thème coup de cœur vu sur une plateforme d’achat (ThemeForest, Elegant Themes, …) sous prétexte que le ...

5 infographies pour comprendre WordPress
oui

5 infographies pour WordPress

WordPress est le CMS le plus utilisé dans le monde, avec près de 25% des sites web dans le monde. Dans tous les domaines, à tout niveau, WordPress est l'outil ...

Vérifiez si votre site est optimisé pour la version mobile
oui

Testez si votre site est mobile-friendly

Un tout nouvel outil SEO pour la compatibilité mobile, le mobile-friendly, vient de sortir sur la plateforme Think With Google. Il s'agit d'une version remasterisée de ...

Partagez cet article sur les réseaux sociaux

Les commentaires

Il n'y a pas encore de commentaires, soyez le premier à réagir
Laissez un commentaire

Laissez un commentaire








* Champs obligatoires

» Retour au blog du freelance