FRAM: Designa din webbplats i ett responsivt gränssnitt och få koden

FRAM: Designa din webbplats i ett responsivt gränssnitt och få koden

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 buggig när den ses från en smartphone. Här för att hjälpa dig att ta itu med detta problem i utvecklingsstadiet är en app som heter FROONT.





FROONT är en gratis 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 kan testa webbplatsen med dess demosida också. 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å elementtypen som du vill lägga till.





Det kan finnas en liten fördröjning mellan ditt klick på knappen och elementet som faktiskt visas på sidan - det är laddningstiden för elementet. När elementet finns på sidan kan du klicka på det för att det ska markeras.





bästa fotoapp för Windows 10

Med ett element valt, hittar du dess hierarki rutan flytande precis där på sidan. Med den här flytande hierarkifältet kan du enkelt ta bort eller föras till ett visst element. För att redigera element är det bara att dubbelklicka på objektet. Objekt kan också anpassas till dina egna designpreferenser. För textfält kommer en massa alternativ att visas i ett mini flytande fönster som låter dig lägga till speciell formatering till texten.

När du har gjort ändringar på sidan kan du få CSS- och HTML -koden för siddesignen. Du kan också dela webbadressen till sidorna du skapar för att dela mönster med dina vänner och medarbetare.



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 på att testa webbplatsen separat på enheter.
  • Sidan justerar sig igen när du ändrar storlek på webbläsarfönstret.

Kolla in FRONT @ http://froont.com

hur man redigerar en video på iphone 7
Dela med sig Dela med sig Tweet E-post 5 tips för att ladda dina VirtualBox Linux -maskiner

Trött på den dåliga prestanda som erbjuds av virtuella maskiner? Här är vad du bör göra för att öka din VirtualBox -prestanda.





Läs Nästa
Relaterade ämnen
  • Internet
Om författaren Umar(396 artiklar publicerade) Mer från Umar

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera