Pinegrow Webdesigner in Chrome mit OffiDocs

BESCHREIBUNG

Mit Pinegrow Web Designer können Sie ganz einfach Webseiten erstellen und gestalten.

Es ist als Web-App und als eigenständige Desktop-App verfügbar.

Pinegrow arbeitet mit Ihren vorhandenen Tools zusammen und spart Ihnen beim Erstellen responsiver Layouts jede Menge Zeit.

MEHRERE SEITEN GLEICHZEITIG BEARBEITEN Durch die Bearbeitung mehrerer Seiten können Sie mehrere Seiten (oder mehrere Ansichten derselben Seite) in unterschiedlichen Bildschirmgrößen öffnen.

Alle Änderungen, die Sie entweder in HTML oder CSS vornehmen, werden in Echtzeit auf allen geöffneten Seiten aktualisiert.

STILEN SIE DIE SEITE MIT CSS + WENIGER. Passen Sie das Seitendesign mit CSS-Regeln an.

Verwenden Sie weniger Variablen, Funktionen und Ausdrücke, um leicht anpassbare Vorlagen zu erstellen.

Ändern Sie Werte über die Benutzeroberfläche oder schreiben Sie den Code.

STYLESHEET-MANAGER Spielen Sie mit CSS- und Less-Variationen herum.

Stylesheets anhängen, trennen, duplizieren und neu anordnen.

Funktioniert hervorragend mit der mehrseitigen Bearbeitung.

BOOTSTRAP 3-UNTERSTÜTZUNG Vollständige Unterstützung für CSS- und Komponentenabschnitte der Bootstrap-Spezifikation.

Ziehen Sie Elemente per Drag & Drop und steuern Sie sie über UI-Eigenschaften, Kontextmenüs und einen sortierbaren DOM-Baum.

FUNKTIONIERT AUCH MIT NICHT-BOOTSTRAP-DATEIEN. Mehrseitige Bearbeitung, Drag & Drop-Elemente, Codebearbeitung und Less- und CSS-Stil funktionieren auf jeder HTML-Seite, sogar auf einer Nicht-Bootstrap-Seite, die über das Internet geöffnet wird.

CODE BEARBEITEN Pinegrow zwingt Sie nicht, Seiten über die GUI zu bearbeiten.

Bearbeiten Sie den vollständigen HTML- und Less/CSS-Code oder bearbeiten Sie einfach den Code einzelner HTML-Elemente und CSS-Regeln.

Alles mit Live-Vorschau.

Oder verwenden Sie Ihren bevorzugten Code-Editor.

INTELLIGENTE HTML-TRANSFORMATION Müssen Sie das Formularlayout von Inline auf Horizontal ändern? Jumbotron über die gesamte Breite erstrecken? Ändern Sie einfach eine Eigenschaft und Pinegrow ordnet den HTML-Code entsprechend neu an.

ÖFFNEN SIE EINE JEDE HTML-DATEI. Die Pinegrow-Desktop-App funktioniert mit jeder HTML-Datei. ohne Sie nur auf Projekte zu beschränken, die mit Pinegrow erstellt wurden.

Es passt genau dort in Ihren Arbeitsablauf, wo Sie es möchten, und lässt sich gut mit Ihren anderen Tools und der Quellcodeverwaltung kombinieren.

UNDO & REDO Etwas Unbeabsichtigtes ist passiert? Undo ist dein bester Freund.

20 Ebenen vollständiger HTML- und Style-Snapshots pro Seite.

VERWENDEN SIE PINEGROW FÜR: - Erstellen Sie ein Seitenmodell. Verwenden Sie die Elementbibliothek, um schnell ein Seitenmodell zusammenzustellen.

Duplizieren Sie die Seite und spielen Sie mit verschiedenen Layoutvarianten.

- Gestalten Sie eine Seite. Verwandeln Sie ein Modell in eine fertige Webseite, indem Sie Elemente mit CSS-Regeln gestalten.

Verwenden Sie weniger Variablen und Ausdrücke, um Designs zu erstellen, die leicht angepasst werden können.

- Überprüfen Sie verschiedene Bildschirmgrößen. Öffnen Sie eine Seite aus einer lokalen Datei oder einer Remote-URL, duplizieren Sie sie und legen Sie unterschiedliche Gerätegrößen fest.

Bearbeiten Sie Layout und CSS und beobachten Sie, wie es mit verschiedenen Gerätegrößen umgeht.

- Experimentieren Sie mit CSS-Versionen. Öffnen Sie eine Seite, öffnen Sie den Stylesheet-Manager und duplizieren Sie dessen Stylesheet.

Hängen Sie es an die Originalseite oder ihre Duplikate an bzw. lösen Sie sie davon.

Spielen Sie mit Stilen und weniger Variablen.

- Bearbeiten Sie den Inhalt einer Seite. Verwenden Sie Pinegrow als CMS für Ihre statischen HTML-Seiten.

Verschieben Sie Elemente und doppelklicken Sie auf ein beliebiges Element, um dessen Textinhalt zu bearbeiten.

- Spielen Sie mit Websites herum. Öffnen Sie Seiten aus dem Internet, ändern Sie deren Layouts, passen Sie den Stil an und extrahieren Sie nützliche Komponenten (sofern vom Autor erlaubt).

- Erstellen Sie ein Formular. Benötigen Sie ein Bootstrap-Formular oder eine Navigationsleiste? Entwerfen Sie es in Pinegrow und ändern Sie das Layout mit einem einzigen Klick.

Wählen Sie das Formular aus, klicken Sie auf Aktionen / Code bearbeiten und kopieren Sie den HTML-Code.

- Erstellen Sie eine Website. Und natürlich können Sie mit Pinegrow eine komplette Website erstellen.

- Verwenden Sie Pinegrow, wenn es sinnvoll ist. Verwenden Sie Pinegrow zusammen mit Ihren vorhandenen Werkzeugen.

Nehmen Sie beispielsweise Layoutänderungen in Pinegrow vor und bearbeiten Sie Skriptabschnitte der Seite in einem Code-Editor.

Zusätzliche Information:

- Angeboten von pinegrow.com
- Durchschnittliche Bewertung: 3.89 Sterne (gefiel mir)

Pinegrow Web Designer-Webseite extension integriert mit den OffiDocs Chromium Online