Articles

• How to use valid W3C documents to maximize your experience with Pinegrow

  To the best of our knowledge, Pinegrow is currently the only multi-platform visual HTML editor that allows you to create HTML documents and projects from scratch and import your existing HTML documents and projects to edit them.

  

• Learn more about the responsive Images support in WordPress

  WordPress makes it easy to use responsive images in your themes. Take a look at this guide to learn how.

  

• WordPress Theme Development basics: We get you covered!

  Our documentation about WordPress theme development covers the most recurring topics and questions, but it turns out that it is rarely the first place where Pinegrow users seek for information.

  So here’s a reminder of the sections we find most appealing in light of the questions we recently received in the Pinegrow Technical Support inbox.

  

• Sneak peek into Pinegrow Interactions 2.0

  The major Pinegrow Interactions update was originally scheduled for September, but we delayed it a bit so that we could squeeze in a couple additional features.

  

• Tutorial – The complete guide to customizing Tailwind CSS themes

  A step by step tutorial to creating custom Tailwind CSS themes, including installing the tools and setting up the build process.

  

• Improved Visual Studio Code integration

  The latest VS Code extension update and Pinegrow 5.973+ solve make the workflow even smoother.

• What’s next for Pinegrow Interactions?

  A quick update on soon to be released major update to Pinegrow Interactions.

  

• Testing the new approach to addressing local files in internal web-server

  Use nice URLs like http://<server_url>/index.html when working with local projects.

  

• Tailwind Visual Editor now supports custom TailwindCSS themes

  New in Tailwind Visual Editor – Use Visual controls to work with your custom TailwindCSS themes.

  

• Pinegrow Web Editor 5.971

  Work with customized Tailwind themes in Tailwind Visual Editor – Faster CSS Grid editor – Bug fixes

  

• Tutorial – Using Master pages in a multi-page project

  Using a Master page in a Pinegrow project makes building quicker and keeps your design unified.

  

• Tutorial – Creating a reusable navigation component in multi-page projects

  A step by step guide to defining and using reusable navigation with Pinegrow Components.

  

• Introducing Tailwind Visual Editor

  A fully featured GUI editor for TailwindCSS projects.

  

• Tutorial – Creating an animated accordion

  A step-by-step tutorial about creating an animated accordion component with Pinegrow Interactions.

  

• Tutorial – Creating an animated revealing menu

  A step-by-step tutorial about creating an animated website navigation menu with Pinegrow Interactions.

  

• Tutorial – Creating an animated loading screen

  A step-by-step tutorial about creating an animated loading screen with Pinegrow Interactions.

  

• Tutorial – WildMusic landing page interactions

  A step-by-step tutorial about adding web interactions to the WildMusic landing page.

  

• Tutorial – Using the iziModal library in your web project

  Pinegrow makes adding a JavaScript library into our projects easy! Here is an example of using the “iziModal” library to add modals to a plain HTML project.

  

• Tutorial – Using CodePen components in Pinegrow projects

  A step-by-step guide to using the resources on CodePen in your own Pinegrow Web Editor projects.

  

• How-to use Material Design for Bootstrap (MDB) UI Kit with Pinegrow

  Material Design for Bootstrap is a popular and highly customized version of Bootstrap 4 with 500+ material UI elements, 600+ material icons, 77+ CSS animations, 9+ useful plugins, SASS source files, templates, tutorials and many more. As you will discover in this tutorial, it is the perfect candidate to start a web project with Pinegrow.

  

• Tutorial – Adding multiple levels of submenus to a Bootstrap 4 navigation bar in your WordPress theme

  One of the Bootstrap 4 most wanted feature can now be available within your WordPress themes.

  

• Tutorial – How to host your HTML website on GitHub Pages for free

  GitHub is a great place for hosting your HTML websites. It’s free and you can even use your own domain names.

  

• Quick tip – Auto-prefixing CSS with Pinegrow

  Here is a quick tip for using the SASS compiler built into Pinegrow for auto-prefixing your CSS.

• Tutorial – Working with Bootstrap modals

  Learn how to easily and quickly add modals to your Bootstrap projects.

  

• Styling your Bootstrap project with Bootswatch and SASS

  A quick introduction to using the Bootswatch free Bootstrap themes and Sass to make your web page look great.

  

• Introducing Pinegrow Interactions

  Pinegrow Interactions is a powerful visual editor for designing web interactions and animations.

  

• Introducing Pinegrow Theme Converter

  Use your favorite website builder – Webflow, Muse, Dreamweaver, Blocs or any HTML editor – to create custom WordPress themes.

  

• Introducing Pinegrow 5

  Pinegrow 5 is available for download. It comes with “Focus on…” mode, Handling inline styles and other styling improvements, Drag files from the Project panel and more.

  

• Introducing the Visual CSS Grid Editor

  Pinegrow Web Editor includes a powerful collection of visual tools for working with CSS Grid.

  

• Interview : Tuukka Rantala, Graphic Designer at Porkka & Kuutsa (Finland)

  Tuukka Rantala is a talented graphic designer working at Porkka & Kuutsa a very well known brand identity design agency from Finland.

  We asked him to share a bit of his experience with Pinegrow and WordPress theme development.

  

• Introducing the New WordPress Smart Actions – with Pine Adventures Tutorial

  Pinegrow 4.6 comes with a set of new Smart Actions for WordPress that make creating WordPress themes with Pinegrow even easier.

  

• CSS/SASS path issue when using Background image attribute

  Since we have received numerous messages about this issue – that we plan to adress shortly in a future version of Pinegrow – here is a quick explanation about the situation and a quick temporary workaround.

  

• #pinegrowchallenge2018 Winners!

  The #pinegrowchallenge2018 operation is now over and we are proud to announce that it is not 3 but 5 winners who took the time to share their testimonial about how they use Pinegrow and that we will reward today!

  

• Happy 4th Birthday Pinegrow!

  Pinegrow 1.0 was born on January 8th, four years ago. At that time, Pinegrow was just one more indie app, launched with zero marketing, facing the most likely prospect of never making it through the first year.

  Yet somehow, the stars aligned and sales started trickling on the very same night.

• New Year Challenge

  Post a testimonial on Twitter, Facebook, Google+, Linkedin or write a blog post about how you use Pinegrow in your everyday web design process and win 1 full license that you can keep or offer to a friend.

• Pinegrow for Dreamweaver Users – User Review

  The nice thing about Pinegrow is that it is quickly integrated in your pipeline, and just makes life easier for the front-end coder. In my opinion Pinegrow is what Dreamweaver would have been in a parallel universe.

• Color the Boxes

  The Pinegrow Challenge: take any tool you like – including coding by hand – and try to be faster than Pinegrow at using classes to style a bunch of boxes.