Publicité

Il n'est pas très pratique pour un développeur Web de tester sa conception Web sur un ordinateur uniquement pour constater que la conception est boguée lorsqu'elle est vue à partir d'un smartphone. Voici une application appelée FROONT pour vous aider à résoudre ce problème au stade du développement.

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 consiste à commencer avec un nouveau canevas, mais vous pouvez également tester le site avec sa page de démonstration. Sur le canevas, vous trouverez des contrôles dans le volet 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.

froont

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-à-dire 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 mis en surbrillance.

froont

Avec un élément sélectionné, vous trouverez sa boîte de hiérarchie flottant juste là sur la page. Cette boîte de hiérarchie flottante vous permet de supprimer facilement ou d'être amené à un certain élément. Pour éditer des éléments, il vous suffit de double-cliquer sur l'élément. Les éléments peuvent également être redimensionnés en fonction de 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.

FROONT: Concevez votre site Web dans une interface réactive et obtenez les options de code

Une fois que vous avez terminé d'apporter des modifications à 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 designs avec vos amis et collaborateurs.

FROONT: Concevez votre site Web dans une interface réactive et obtenez la source du code

Lors de la modification de vos conceptions, vous pouvez simplement redimensionner la fenêtre du navigateur pour voir à quoi ressemblera votre page sur un navigateur de plus petites dimensions, 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 aide à gagner du temps passé à tester 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