Det er ikke særlig praktisk for en webudvikler at teste deres webdesign på en computer for at finde ud af, at designet er buggy, når det ses fra en smartphone. Her for at hjælpe dig med at løse dette problem i udviklingsfasen er en app kaldet FROONT.
FROONT er en gratis at bruge webservice, der giver dig mulighed for at designe websites i et lydhurt interface. Du begynder at bruge webtjenesten ved at oprette en konto på hjemmesiden. Det næste skridt er at begynde med et nyt lærred, selvom du også kan teste siden med sin demo side. På lærredet finder du kontroller i venstre rude, der giver dig mulighed for at tilføje beholdere, grids, tekst, billeder og vektorer. Du kan klikke på den elementtype, du vil tilføje.
![froont](img/internet/649/froont-design-your-website-responsive-interface-get-code.jpg")
Der kan være en lille forsinkelse mellem dit klik på knappen og elementet der faktisk vises på siden - det er elementets indlæsningstid. Når elementet er til stede på siden, kan du klikke på den for at blive fremhævet.
![froont](img/internet/649/froont-design-your-website-responsive-interface-get-code-2.jpg")
Med et valgt element finder du dens hierarki boks flydende lige der på siden. Denne flytende hierarki boks giver dig mulighed for nemt at slette eller blive taget til et bestemt element. For at redigere elementer er alt du skal gøre dobbeltklik på elementet. Elementer kan også ændres, så de passer til dine egne design præferencer. For tekstfelter vises en flok muligheder i et mini-flydende vindue, der giver dig mulighed for at tilføje speciel formatering til teksten.
![FROONT: Design dit websted i et responsivt interface og få kodeindstillingerne](img/internet/649/froont-design-your-website-responsive-interface-get-code-3.jpg")
Når du er færdig med at foretage ændringer på siden, kan du få CSS og HTML-koden til sidedesignet. Du kan også dele webadressen på de sider, du opretter for at dele design med dine venner og samarbejdspartnere.
![FROONT: Design dit websted i et responsivt interface og få kodekilden](img/internet/649/froont-design-your-website-responsive-interface-get-code-4.jpg")
Mens du redigerer dine designs, kan du blot ændre størrelsen på browservinduet for at se, hvordan din side vil se ud i en browser med mindre dimensioner på f.eks. En smartphone.
Funktioner:
- En brugervenlig web service.
- Giver dig mulighed for at oprette websider i et lydhurtigt interface.
- Hjælper dig med at spare tid brugt testning websted separat på enheder.
- Siden justerer sig selv, når du ændrer størrelsen på browservinduet.
Tjek FROONT @ http://froont.com