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 18 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

Le calendrier des animations e-commerce en 2021
oui

Calendrier e-commerce 2021

L'année 2021 n'échappera pas à la règle de son calendrier des actions marketing à mener sur l'année. Ceci est une trame à personnaliser en ...

55 conseils pour avec un profil parfait et visible
oui

55 conseils pour votre profil LinkedIn

Que vous soyez un étudiant à la recherche d’un stage ou d’une alternance, à la recherche d’un emploi ou un employé déjà ...

7 filtres indispensables pour Google Analytics
oui

7 filtres pour Google Analytics

Les données récupérées dans Google Analytics captent l’ensemble des pages chargées sur un navigateur lors d’une session. Le problème ...

Tendances, conseils et statistiques pour le marketing mobile en 2018
oui

Infographie : tendances du marketing mobile pour 2018

Le marketing mobile prend de plus en plus de place dans nos stratégies, et pour cause, l’année 2017 a été une année charnière entre les ...

Le calendrier des animations e-commerce 2018
oui

Calendrier e-commerce 2018

Comme l'an dernier avec le calendrier des animations e-commerce 2017, voici le calendrier 2018 avec les dates mises à jour ! Une infographie à imprimer de toute urgence pour ...

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