FROONT: Entwerfen Sie Ihre Website in einem Responsive Interface und erhalten Sie den Code

Es ist nicht sehr praktisch für einen Webentwickler, sein Webdesign auf einem Computer zu testen, nur um festzustellen, dass das Design fehlerhaft ist, wenn es von einem Smartphone aus betrachtet wird. Um Ihnen zu helfen, dieses Problem in der Entwicklungsphase anzugehen, gibt es eine App namens FROONT.

FROONT ist ein kostenloser Web-Service, mit dem Sie Webseiten in einer responsiven Oberfläche gestalten können. Sie beginnen, den Webservice zu verwenden, indem Sie auf der Website ein Konto erstellen. Der nächste Schritt besteht darin, mit einem neuen Zeichenbereich zu beginnen, obwohl Sie die Site auch mit ihrer Demoseite testen können. Auf der Leinwand befinden sich Steuerelemente im linken Bereich, in 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.

früh

Zwischen dem Klick auf den Button und dem tatsächlich auf der Seite erscheinenden Element kann es zu einer leichten Verzögerung kommen - das ist die Ladezeit des Elements. Wenn das Element auf der Seite vorhanden ist, können Sie darauf klicken, um es hervorzuheben.

früh

Wenn ein Element ausgewählt ist, wird seine Hierarchie-Box genau dort auf der Seite schweben. Diese frei bewegliche Hierarchie-Box lässt Sie leicht löschen oder zu einem bestimmten Element gebracht werden. Um Elemente zu bearbeiten, müssen Sie lediglich auf das Element doppelklicken. Items können auch in der Größe angepasst werden, um Ihren eigenen Design-Präferenzen zu entsprechen. Bei Textfeldern werden eine Reihe von Optionen in einem Mini-Floating-Fenster angezeigt, mit dem Sie dem Text eine spezielle Formatierung hinzufügen können.

FROONT: Entwerfen Sie Ihre Website in einer responsiven Schnittstelle und erhalten Sie die Code-Optionen

Sobald Sie mit den Änderungen an der Seite fertig sind, 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.

FROONT: Entwerfen Sie Ihre Website in einem Responsive Interface und erhalten Sie die Quellcodequelle

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 aussieht, z. B. auf einem Smartphone.

Eigenschaften: