FROONT Design ditt nettsted i et responsivt grensesnitt og få koden

Det er ikke veldig praktisk for en webutvikler å teste deres webdesign på en datamaskin for å finne ut at designet er buggy når det vises fra en smarttelefon. Her for å hjelpe deg med å ta opp denne bekymringen i utviklingsfasen er en app kalt FROONT.

FROONT er en gratis å bruke webtjeneste som lar deg designe nettsteder i et responsivt grensesnitt. Du begynner å bruke webtjenesten ved å opprette en konto på nettstedet. Det neste trinnet er å begynne med et nytt lerret, selv om du kan teste siden med sin demo side også. På lerretet finner du kontroller i venstre rute som lar deg legge til containere, ruter, tekst, bilder og vektorer. Du kan klikke på elementtypen du vil legge til.

Det kan være en liten forsinkelse mellom ditt klikk på knappen og elementet som faktisk vises på siden - det er elementets lastetid. Når elementet er til stede på siden, kan du klikke på det for å bli uthevet.

Med et element valgt, vil du finne sin hierarki-boks flytende akkurat der på siden. Denne flytende hierarki-boksen lar deg enkelt slette eller bli tatt til et bestemt element. For å redigere elementer, er alt du trenger å gjøre dobbeltklikk på elementet. Elementene kan også resizes for å passe dine egne designpreferanser. For tekstfelter vises en rekke alternativer i et mini-flytende vindu som lar deg legge til spesiell formatering i teksten.

Når du er ferdig med å gjøre endringer på siden, kan du få CSS og HTML-koden til sidedesignet. Du kan også dele nettadressen til sidene du oppretter for å dele design med dine venner og samarbeidspartnere.

Mens du redigerer designene dine, kan du bare endre størrelsen på nettleservinduet for å se hvordan siden din vil se ut i en nettleser med mindre dimensjoner på for eksempel en smarttelefon.

Egenskaper:

• En brukervennlig webtjeneste.
• Lar deg lage websider i et responsivt grensesnitt.
• Hjelper deg med å spare tid brukt nettsted testing separat på enheter.
• Siden justerer seg selv når du endrer størrelsen på nettleservinduet.

Sjekk ut FROONT @ http://froont.com