FROONT: Gestalten Sie Ihre Website in einer responsiven Benutzeroberfläche und erhalten Sie den Code

FROONT: Gestalten Sie Ihre Website in einer responsiven Benutzeroberfläche und erhalten Sie den Code

Es ist für einen Webentwickler nicht sehr praktisch, sein Webdesign auf einem Computer zu testen, nur um festzustellen, dass das Design bei der Betrachtung auf einem Smartphone fehlerhaft ist. Hier hilft Ihnen eine App namens FROONT, dieses Problem in der Entwicklungsphase anzugehen.





FROONT ist ein kostenloser Webservice, mit dem Sie Websites in einer reaktionsschnellen Benutzeroberfläche erstellen können. Sie beginnen mit der Nutzung des Webdienstes, indem Sie ein Konto auf der Website erstellen. Der nächste Schritt besteht darin, mit einem neuen Canvas zu beginnen, obwohl Sie die Site auch mit ihrer Demoseite testen können. Auf der Leinwand finden Sie im linken Bereich Steuerelemente, mit denen Sie Container, Raster, Text, Bilder und Vektoren hinzufügen können. Sie können auf den Elementtyp klicken, den Sie hinzufügen möchten.





Zwischen Ihrem Klick auf den Button und dem tatsächlichen Erscheinen des Elements auf der Seite kann es eine kleine Verzögerung geben – also die Ladezeit des Elements. Wenn das Element auf der Seite vorhanden ist, können Sie darauf klicken, um es hervorzuheben.





Wie erstelle ich eine E-Mail-Adresse für mich?

Wenn ein Element ausgewählt ist, finden Sie seine Hierarchiebox direkt auf der Seite schwebend. Mit dieser schwebenden Hierarchiebox können Sie ganz einfach ein bestimmtes Element löschen oder zu einem bestimmten Element gelangen. Um Elemente zu bearbeiten, müssen Sie lediglich auf das Element doppelklicken. Die Größe der Elemente kann auch an Ihre eigenen Designpräferenzen angepasst werden. Bei Textfeldern werden eine Reihe von Optionen in einem schwebenden Minifenster angezeigt, mit denen Sie dem Text eine spezielle Formatierung hinzufügen können.

Sobald Sie die Änderungen an der Seite vorgenommen haben, können Sie den CSS- und HTML-Code des Seitendesigns abrufen. Sie können auch die URL der von Ihnen erstellten Seiten teilen, um Designs mit Ihren Freunden und Mitarbeitern zu teilen.



Während Sie Ihre Designs bearbeiten, können Sie einfach die Größe des Browserfensters ändern, um zu sehen, wie Ihre Seite in einem Browser mit kleineren Abmessungen, beispielsweise einem Smartphone, aussieht.

Merkmale:





  • Ein benutzerfreundlicher Webservice.
  • Ermöglicht das Erstellen von Webseiten in einer reaktionsschnellen Benutzeroberfläche.
  • Hilft Ihnen, Zeit zu sparen, die Sie damit verbringen, die Website separat auf Geräten zu testen.
  • Die Seite passt sich selbst an, wenn Sie die Größe des Browserfensters ändern.

Schau dir FRONT @ an http://froont.com

kmode-Ausnahme nicht behandelt Windows 10 Herunterfahren
Teilen Teilen Tweet Email 5 Tipps zum Aufladen Ihrer VirtualBox-Linux-Maschinen

Haben Sie genug von der schlechten Leistung virtueller Maschinen? Hier ist, was Sie tun sollten, um Ihre VirtualBox-Leistung zu steigern.





Weiter lesen
Verwandte Themen
  • Internet
Über den Autor Umar(396 veröffentlichte Artikel) Mehr von Umar

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um zu abonnieren