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

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

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





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 anche con la sua pagina demo. Sulla tela, troverai i controlli nel riquadro sinistro che ti consentono di aggiungere contenitori, griglie, testo, immagini e vettori. Puoi fare clic sul tipo di elemento che desideri aggiungere.





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





come raggruppare le schede in Chrome

Con un elemento selezionato, troverai la sua casella della gerarchia fluttuante proprio lì nella pagina. Questa casella di gerarchia mobile ti consente di eliminare facilmente o di essere portato a un determinato elemento. Per modificare gli elementi, tutto ciò che devi fare è fare doppio clic sull'elemento. Gli elementi possono anche essere ridimensionati in base alle proprie preferenze di design. Per i campi di testo, apparirà una serie di opzioni in una mini finestra mobile che ti consentirà di aggiungere una formattazione speciale 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 i design con i tuoi amici e collaboratori.



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

Caratteristiche:





  • Un servizio web facile da usare.
  • Consente di creare pagine Web in un'interfaccia reattiva.
  • Ti aiuta a risparmiare tempo speso a testare il sito web separatamente sui dispositivi.
  • La pagina si riadatta quando si ridimensiona la finestra del browser.

Scopri ANTERIORE @ http://froont.com

come creare un gioco basato sul testo
Condividere Condividere Tweet E-mail 5 suggerimenti per potenziare le tue macchine Linux VirtualBox

Stanchi delle scarse prestazioni offerte dalle macchine virtuali? Ecco cosa dovresti fare per aumentare le prestazioni di VirtualBox.





Leggi Avanti
Argomenti correlati
  • Internet
Circa l'autore Umar(396 articoli pubblicati) Altro da Umar

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti