FORAN: Design dit websted i en responsiv grænseflade, og få koden

FORAN: Design dit websted i en responsiv grænseflade, og få koden

Det er ikke særlig praktisk for en webudvikler at teste deres webdesign på en computer kun for at opdage, at designet er buggy, når det ses fra en smartphone. Her for at hjælpe dig med at løse denne bekymring i udviklingsfasen er en app kaldet FROONT.





FROONT er en gratis webtjeneste, der lader dig designe websteder i en responsiv grænseflade. Du begynder at bruge webtjenesten ved at oprette en konto på webstedet. Det næste trin er at begynde med et nyt lærred, selvom du også kan teste stedet med dens demoside. På lærredet finder du kontrolelementer i venstre rude, der lader dig tilføje containere, gitre, tekst, billeder og vektorer. Du kan klikke på den elementtype, du vil tilføje.





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å det, så det kan fremhæves.





hvordan man bruger ssd og hdd sammen

Med et element valgt, finder du dets hierarkiboks flydende lige der på siden. Denne flydende hierarkiboks lader dig nemt slette eller blive taget til et bestemt element. For at redigere elementer skal du blot dobbeltklikke på elementet. Elementer kan også ændres i størrelse, så de passer til dine egne designpræferencer. For tekstfelter vises en masse muligheder i et mini -flydende vindue, der lader dig tilføje særlig formatering til teksten.

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 til de sider, du opretter, for at dele designs med dine venner og samarbejdspartnere.



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å for eksempel en smartphone.

Funktioner:





  • En brugervenlig webservice.
  • Giver dig mulighed for at oprette websider i en responsiv grænseflade.
  • Hjælper dig med at spare tid på at teste webstedet separat på enheder.
  • Siden justerer sig selv igen, når du ændrer størrelsen på browservinduet.

Tjek FROONT @ http://froont.com

hvordan man bruger kommandoprompt windows 10
Del Del Tweet E -mail 5 tips til at overlade dine VirtualBox Linux -maskiner

Træt af den dårlige ydelse, der tilbydes af virtuelle maskiner? Her er hvad du skal gøre for at øge din VirtualBox -ydeevne.





Læs Næste
Relaterede emner
  • Internet
Om forfatteren Umar(396 artikler udgivet) Mere fra Umar

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere