Annons
Det är inte särskilt bekvämt för en webbutvecklare att testa sin webbdesign på en dator bara för att upptäcka att designen är buggy när den ses från en smartphone. Här för att hjälpa dig ta itu med detta problem i utvecklingsstadiet är en app som heter FROONT.
FROONT är en gratis att använda webbtjänst som låter dig designa webbplatser i ett responsivt gränssnitt. Du börjar använda webbtjänsten genom att skapa ett konto på webbplatsen. Nästa steg är att börja med en ny duk även om du också kan testa webbplatsen med dess demosida. På duken hittar du kontroller i den vänstra rutan som låter dig lägga till behållare, rutnät, text, bilder och vektorer. Du kan klicka på den elementtyp som du vill lägga till.
Det kan vara en liten fördröjning mellan ditt klick på knappen och elementet som verkligen visas på sidan - det är elementets laddningstid. När elementet finns på sidan kan du klicka på det för att det ska markeras.
När du väljer ett element hittar du dess hierarkivuta flytande där på sidan. Med den här flytande hierarkirutan kan du enkelt ta bort eller föras till ett visst element. För att redigera element, behöver du bara dubbelklicka på objektet. Objekt kan ändras även för att passa dina egna designpreferenser. För textfält visas ett gäng alternativ i ett mini-flytande fönster som låter dig lägga till speciell formatering till texten.
När du är klar med att ändra sidan kan du få CSS- och HTML-koden för siddesignen. Du kan också dela URL: en på sidorna du skapar för att dela mönster med dina vänner och kollaboratörer.
När du redigerar dina mönster kan du helt enkelt ändra storlek på webbläsarfönstret för att se hur din sida kommer att se ut i en webbläsare med mindre dimensioner på till exempel en smartphone.
Funktioner:
- En användarvänlig webbtjänst.
- Låter dig skapa webbsidor i ett responsivt gränssnitt.
- Hjälper dig att spara tid som används på att testa webbplatsen separat på enheter.
- Sidan justerar sig själv när du ändrar storlek på webbläsarfönstret.
Kolla in FROONT @ http://froont.com
