Het is niet erg handig voor een webontwikkelaar om hun webontwerp alleen op een computer te testen om te ontdekken dat het ontwerp met fouten wordt weergegeven vanaf een smartphone. Om je hierbij te helpen, is er in de ontwikkelingsfase een app genaamd FROONT.
FROONT is een gratis te gebruiken webservice waarmee u websites kunt ontwerpen in een responsieve interface. U begint de webservice te gebruiken door een account op de website te maken. De volgende stap is om te beginnen met een nieuw canvas, hoewel je de site ook kunt testen met zijn demopagina. Op het canvas vindt u besturingselementen in het linkerdeelvenster waarmee u containers, rasters, tekst, afbeeldingen en vectoren kunt toevoegen. U kunt op het elementtype klikken dat u wilt toevoegen.
![froont](img/internet/649/froont-design-your-website-responsive-interface-get-code.jpg")
Er kan een kleine vertraging optreden tussen uw klik op de knop en het element dat daadwerkelijk op de pagina verschijnt - dat is de laadtijd van het element. Wanneer het element op de pagina aanwezig is, kunt u erop klikken om het te markeren.
![froont](img/internet/649/froont-design-your-website-responsive-interface-get-code-2.jpg")
Met een geselecteerd element, vindt u het hiërarchisch kader daar op de pagina. Met dit zwevende hiërarchische vak kun je eenvoudig verwijderen of naar een bepaald element worden verplaatst. Om elementen te bewerken, hoeft u alleen maar op het item te dubbelklikken. Items kunnen ook worden aangepast en aangepast aan je eigen ontwerpvoorkeuren. Voor tekstvelden worden een aantal opties weergegeven in een zwevend mini-venster waarmee u speciale opmaak aan de tekst kunt toevoegen.
![FROONT: Ontwerp uw website in een responsieve interface en krijg de code-opties](img/internet/649/froont-design-your-website-responsive-interface-get-code-3.jpg")
Als u klaar bent met het aanbrengen van wijzigingen aan de pagina, kunt u de CSS- en HTML-code van het paginaontwerp ophalen. U kunt ook de URL van de pagina's die u maakt delen om ontwerpen met uw vrienden en medewerkers te delen.
![FROONT: Ontwerp uw website in een responsieve interface en verkrijg de codebron](img/internet/649/froont-design-your-website-responsive-interface-get-code-4.jpg")
Tijdens het bewerken van uw ontwerpen kunt u eenvoudig het formaat van het browservenster aanpassen om te zien hoe uw pagina er uit zal zien in een browser met kleinere afmetingen op bijvoorbeeld een smartphone.
Kenmerken:
- Een gebruiksvriendelijke webservice.
- Hiermee kunt u webpagina's maken in een responsieve interface.
- Helpt u tijd te spenderen met het testen van de website afzonderlijk op apparaten.
- Pagina wordt opnieuw aangepast wanneer u de grootte van het browservenster wijzigt.
Bekijk FROONT @ http://froont.com