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

Annonse

Det er ikke veldig praktisk for en webutvikler å teste sitt 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.

froont

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.

froont

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.

FROONT: Design ditt nettsted i et responsivt grensesnitt og få kodens alternativer

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.

FROONT: Design ditt nettsted i et responsivt grensesnitt og få kodekilden

Mens du redigerer designene dine, kan du ganske enkelt 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: