FROONT Progetta il tuo sito web in un'interfaccia reattiva e ottieni il codice

FROONT Progetta il tuo sito web in un'interfaccia reattiva e ottieni il codice / Internet

Non è molto conveniente per uno sviluppatore web testare il proprio web design su un computer solo per scoprire che il design è difettoso se visto da uno smartphone. Qui per aiutarti a risolvere questo problema nella fase di sviluppo c'è un'app chiamata FROONT.

FROONT è un servizio Web gratuito che consente di progettare siti Web in un'interfaccia reattiva. Inizi a utilizzare il servizio Web creando un account sul sito web. Il prossimo passo è iniziare con una nuova tela anche se puoi testare il sito con la sua pagina demo. Nell'area di lavoro, troverai i controlli nel riquadro di sinistra che ti consentono di aggiungere contenitori, griglie, testo, immagini e vettori. È possibile fare clic sul tipo di elemento che si desidera aggiungere.

Potrebbe esserci un leggero ritardo tra il clic sul pulsante e l'elemento effettivamente visualizzato nella pagina, ovvero il tempo di caricamento dell'elemento. Quando l'elemento è presente sulla pagina, è possibile fare clic su di esso per essere evidenziato.

Con un elemento selezionato, troverai la sua casella di gerarchia che galleggia proprio lì sulla pagina. Questa finestra di gerarchia fluttuante ti consente di eliminare facilmente o di essere trasferito a un determinato elemento. Per modificare gli elementi, tutto ciò che devi fare è fare doppio clic sull'elemento. Gli articoli possono essere ridimensionati e adattati alle tue preferenze di design. Per i campi di testo, un gruppo di opzioni apparirà in una mini finestra mobile che ti permetterà di aggiungere una speciale formattazione al testo.

Una volta che hai finito di apportare modifiche alla pagina, puoi ottenere il codice CSS e HTML del design della pagina. Puoi anche condividere l'URL delle pagine che crei per condividere disegni con i tuoi amici e collaboratori.

Durante la modifica dei disegni, puoi semplicemente ridimensionare la finestra del browser per vedere come apparirà la tua pagina su un browser con dimensioni più piccole, ad esempio uno smartphone.

Caratteristiche:

  • Un servizio web user-friendly.
  • Consente di creare pagine Web in un'interfaccia reattiva.
  • Ti aiuta a risparmiare tempo dedicato al test del sito web separatamente sui dispositivi.
  • La pagina si riadatta quando ridimensiona la finestra del browser.

Dai un'occhiata a FROONT @ http://froont.com