FROONT: ontwerp uw website in een responsieve interface en ontvang de code

FROONT: ontwerp uw website in een responsieve interface en ontvang de code

Het is niet erg handig voor een webontwikkelaar om zijn webontwerp alleen op een computer te testen om te ontdekken dat het ontwerp fouten bevat wanneer het vanaf een smartphone wordt bekeken. Hier om u te helpen deze zorg in de ontwikkelingsfase aan te pakken, is een app genaamd FROONT.





FROONT is een gratis te gebruiken webservice waarmee u websites kunt ontwerpen in een responsieve interface. Je gaat gebruik maken van de webservice door een account aan te maken op de website. De volgende stap is om te beginnen met een nieuw canvas, hoewel je de site ook kunt testen met zijn demopagina. Op het canvas vindt u besturingselementen in het linkerdeelvenster waarmee u containers, rasters, tekst, afbeeldingen en vectoren kunt toevoegen. U kunt op het elementtype klikken dat u wilt toevoegen.





Er kan een kleine vertraging zijn tussen uw klik op de knop en het element dat daadwerkelijk op de pagina verschijnt - dat is de laadtijd van het element. Wanneer het element op de pagina aanwezig is, kunt u erop klikken om het te markeren.





beste virtual reality-apps voor Android

Als een element is geselecteerd, ziet u dat het hiërarchievak daar op de pagina zweeft. Met dit zwevende hiërarchievak kunt u eenvoudig een bepaald element verwijderen of naar een bepaald element gaan. Om elementen te bewerken, hoeft u alleen maar op het item te dubbelklikken. Items kunnen ook worden aangepast aan uw eigen ontwerpvoorkeuren. Voor tekstvelden verschijnen een aantal opties in een mini zwevend venster waarmee u speciale opmaak aan de tekst kunt toevoegen.

Als u klaar bent met het aanbrengen van wijzigingen aan de pagina, kunt u de CSS- en HTML-code van het paginaontwerp ophalen. U kunt ook de URL delen van de pagina's die u maakt om ontwerpen te delen met uw vrienden en medewerkers.



Tijdens het bewerken van uw ontwerpen kunt u eenvoudig het browservenster verkleinen om te zien hoe uw pagina eruit zal zien in een browser met kleinere afmetingen op bijvoorbeeld een smartphone.

Functies:





  • Een gebruiksvriendelijke webservice.
  • Hiermee kunt u webpagina's maken in een responsieve interface.
  • Helpt u tijd te besparen die u besteedt aan het afzonderlijk testen van de website op apparaten.
  • Pagina past zichzelf opnieuw aan wanneer u het formaat van het browservenster wijzigt.

Kijk op FRONT @ http://froont.com

windows 7 zoeken kan geen bestanden vinden
Deel Deel Tweeten E-mail 5 tips om uw VirtualBox Linux-machines een boost te geven

Moe van de slechte prestaties van virtuele machines? Dit is wat u moet doen om uw VirtualBox-prestaties te verbeteren.





Lees volgende
Gerelateerde onderwerpen
  • internet
Over de auteur Omar(396 artikelen gepubliceerd) Meer van Umar

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren