Pinegrow Webdesigner in Chrome met OffiDocs
Ad
PRODUCTBESCHRIJVING
Met Pinegrow Web Designer kunt u eenvoudig webpagina's bouwen en ontwerpen.
Het is beschikbaar als webapp en als zelfstandige desktop-app.
Pinegrow werkt samen met uw bestaande tools en bespaart u veel tijd met het bouwen van responsieve lay-outs.
MEERDERE PAGINA'S TEGELIJKERTIJD BEWERKEN Met het bewerken van meerdere pagina's kunt u meerdere pagina's (of meerdere weergaven van dezelfde pagina) op verschillende schermformaten openen.
Alle wijzigingen die u aanbrengt, hetzij in HTML of Css, worden in realtime bijgewerkt naar alle geopende pagina's.
STIJL PAGINA MET CSS + MINDER Pas het pagina-ontwerp aan met CSS-regels.
Gebruik minder variabelen, functies en uitdrukkingen om eenvoudig aanpasbare sjablonen te maken.
Wijzig waarden via de gebruikersinterface of schrijf de code.
STYLESHEET MANAGER Speel met Css & Less variaties.
Stylesheets koppelen, loskoppelen, dupliceren en opnieuw ordenen.
Werkt prima samen met bewerking van meerdere pagina's.
BOOTSTRAP 3-ONDERSTEUNING Volledige ondersteuning voor CSS- en Components-secties van de Bootstrap-specificatie.
Drag & Drop-elementen, bestuur ze via UI-eigenschappen, contextmenu's en sorteerbare DOM-structuur.
WERKT OOK OP NIET-BOOTSTRAP-BESTANDEN Bewerken van meerdere pagina's, elementen slepen en neerzetten, code bewerken en Less & Css-styling werken op elke HTML-pagina, zelfs op een niet-Bootstrap-pagina die vanaf internet is geopend.
BEWERK CODE Pinegrow dwingt je niet om pagina's via de GUI te bewerken.
Bewerk de volledige HTML- en Less/css-code, of bewerk eenvoudig de code van individuele HTML-elementen en CSS-regels.
Allemaal met live voorvertoning.
Of gebruik uw favoriete code-editor.
SLIMME HTML-TRANSFORMATIE Wilt u de lay-out van een formulier wijzigen van inline naar horizontaal? Jumbotron over de volle breedte laten overspannen? Wijzig gewoon een eigenschap en Pinegrow herschikt de html-code dienovereenkomstig.
OPEN ELK HTML-BESTAND Pinegrow desktop-app werkt op elk html-bestand; zonder u te beperken tot projecten die met Pinegrow zijn gemaakt.
Het past precies in uw workflow waar u het wilt en speelt mooi samen met uw andere tools en bronbeheer.
UNDO & REDO Is er iets onbedoeld gebeurd? Ongedaan maken is je beste vriend.
20 niveaus van complete Html & Style snapshots per pagina.
GEBRUIK PINEGROW OM: - Een pagina te modelleren Gebruik elementenbibliotheek om snel een paginamodel samen te stellen.
Dupliceer de pagina en speel met verschillende lay-outvariaties.
- Stijl een pagina Verander een mockup in een voltooide webpagina door elementen te stylen met CSS-regels.
Gebruik minder variabelen en uitdrukkingen om ontwerpen te maken die eenvoudig kunnen worden aangepast.
- Controleer verschillende schermformaten. Open een pagina vanuit een lokaal bestand of externe url, dupliceer deze en stel verschillende apparaatformaten in.
Bewerk lay-out en CSS en kijk hoe het omgaat met verschillende apparaatgroottes.
- Experimenteer met Css-versies Neem een pagina, open de Stylesheet-manager en dupliceer de stylesheet.
Bevestig / maak het los van de originele pagina of de duplicaten ervan.
Speel met stijlen en minder variabelen.
- Inhoud van een pagina bewerken Gebruik Pinegrow als een CMS voor uw statische HTML-pagina's.
Verplaats elementen en dubbelklik op een element om de tekstinhoud te bewerken.
- Speel met websites Open pagina's van internet, wijzig hun lay-out, pas styling aan en extraheer nuttige componenten (indien toegestaan door de auteur).
- Maak een formulier Heeft u een Bootstrap-formulier of navbar nodig? Ontwerp het in Pinegrow, wijzig de lay-out met een enkele klik.
Selecteer het formulier, klik op Acties / Code bewerken en kopieer de html.
- Bouw een website En u kunt Pinegrow natuurlijk gebruiken om een complete website te bouwen.
- Gebruik Pinegrow wanneer het zinvol is Gebruik Pinegrow samen met uw bestaande tools.
Breng bijvoorbeeld lay-outwijzigingen aan in Pinegrow en bewerk scriptsecties van de pagina in een code-editor.
Extra informatie:
- Aangeboden door pinegrow.com
- Gemiddelde beoordeling: 3.89 sterren (vond het leuk)
Pinegrow Webdesigner web extension geïntegreerd met de OffiDocs Chromium online.