FROONT: Concevez votre site Web dans une interface réactive et obtenez le code

Publicité

Il n'est pas très pratique pour un développeur Web de tester leur conception Web sur un ordinateur uniquement pour constater que le design est buggé lorsqu'il est vu depuis un smartphone. Voici pour vous aider à répondre à cette préoccupation dans la phase de développement est une application appelée FROONT.

FROONT est un service Web gratuit qui vous permet de concevoir des sites Web dans une interface réactive. Vous commencez à utiliser le service Web en créant un compte sur le site Web. La prochaine étape est de commencer avec une nouvelle toile, bien que vous puissiez tester le site avec sa page de démonstration. Sur le canevas, vous trouverez des contrôles dans le volet de gauche qui vous permettent d'ajouter des conteneurs, des grilles, du texte, des images et des vecteurs. Vous pouvez cliquer sur le type d'élément que vous souhaitez ajouter.

Il peut y avoir un léger délai entre votre clic sur le bouton et l'élément apparaissant réellement sur la page - c'est le temps de chargement de l'élément. Lorsque l'élément est présent sur la page, vous pouvez cliquer dessus pour qu'il soit surligné.

Avec un élément sélectionné, vous trouverez sa boîte de hiérarchie flottant juste là sur la page. Cette zone de hiérarchie flottante vous permet de supprimer facilement ou d'être redirigé vers un élément donné. Pour modifier les éléments, il suffit de double-cliquer sur l'élément. Les éléments peuvent également être redimensionnés pour convenir à vos propres préférences de conception. Pour les champs de texte, un tas d'options apparaîtra dans une mini fenêtre flottante qui vous permettra d'ajouter une mise en forme spéciale au texte.

Une fois que vous avez terminé de faire des modifications sur la page, vous pouvez obtenir le code CSS et HTML de la conception de la page. Vous pouvez également partager l'URL des pages que vous créez pour partager des conceptions avec vos amis et collaborateurs.

Lorsque vous modifiez vos conceptions, vous pouvez simplement redimensionner la fenêtre du navigateur pour voir à quoi ressemblera votre page sur un navigateur avec des dimensions plus petites, par exemple sur un smartphone.

Caractéristiques:

• Un service Web convivial.
• Vous permet de créer des pages Web dans une interface réactive.
• Vous permet de gagner du temps en testant le site Web séparément sur les appareils.
• La page se réajuste lorsque vous redimensionnez la fenêtre du navigateur.

Découvrez FROONT @ http://froont.com