-
Notifications
You must be signed in to change notification settings - Fork 18
Release notes
Now we have a couple of useful keyboard shortcuts and more to come in the future:
- CMD + S - Save file
- CMD + SHIFT + S - Save file as
- ALT + S - Save all changed files
- CMD + X - Close the selected page
- CMD + R - Remember project
- BACKSPACE - Delete selected element
- D - Duplicate selected element
- C - Edit code of the selected element (press ESC to quickly close the edit code window)
This release has lots of new features, improvements and bug fixes:
Create and edit web pages with full range of Foundation 5 components. Drag them to the page or to the tree and control their behaviour with properties. Components that use Javascript are also supported. Page -> Refresh or Page -> Reload are usually required to activate changes related to Javascript.
Whenever you save a stylesheet with variables and expressions, Pinegrow will save a .scss version along .less and .css files. Internally, Pinegrow still relies on LESS format for variables, functions and expressions. That means that you write variables with @ instead of $. Pinegrow converts LESS to SASS when you save the file, giving you a easy start for customising SASS files outside of Pinegrow. Note that at the moment, Pinegrow doesn't know how to read .scss files - it only exports them.
Modals, tabs with panes, carousels, accordions, tooltips, alerts and popovers can now be easily edited through drag & drop and properties. Page -> Refresh or Page -> Reload are usually required to activate changes related to Javascript.
If Bootstrap or Foundation are not properly auto-detected when you open a page use Page -> Manage frameworks to manually select which framework to use. HTML5 framework should be always enabled.
Due to an embarrassing bug in 1.09 release generated HTML code was sometimes not properly formatted - everything was in a single long line. This is fixed now and HTML output is properly beautified.
Trial version is fully-featured now and you can open and save your files directly. It is still only 3 days. We know that it is not much and we are considering extending it. We hope you understand that we have to take care of our conversion rate because that's what fuels Pinegrow development. Btw. if your trial already expired you'll get an extra day to try new things out.
Shift + Click is a shortcut to test clicks. It is very useful when you need to open a dropdown button or switch slides in carousel. Instead of checking Test clicks in top bar, clicking and then unchecking it again, just predd SHIFT when you want to test a click.
So much for now. We have lots of improvements cooking in the pot, including keyboard shortcuts, UI redesign and more.
- Up to now framework CSS files were ignored (for example bootstrap.css for Bootstrap) and were not shown in the CSS tab. The reason for that is that usually there is no need to edit these files directly. Now these CSS files are shown in the CSS tab but are disabled. When you enable such CSS file (by clicking on x icon or on its name) you can edit it just like other CSS files. Note that, since these files are usually big, this will have performance implications.
- We switched form PayPal to Paddle for payment processing. They support both credit cards and PayPal.
- Bug fixes.
This release is an important step towards making Pinegrow into a solid visual web building foundation that can be easily extended by user or community developed plugins. What's new:
- Develop and load custom framework plugins that implement support for various CSS frameworks. Read more about it here
- Bootstrap 3.1, 960 Grid and Html5 frameworks are included.
- Three part tutorial was added. A lot of power features are a bit hidden. This should help to get quickly productive with Pinegrow. More tutorials will be added.
- Lots of bug fixes.
Update is available for download on pinegrow.com.
Added support for multiple frameworks. Bootstrap updated to 3.1. Html5 is now a proper framework with element attributes in properties. More frameworks coming. Page Actions renamed to Page. Bug fixes.
Tree panel is resizable, search in tree works better, many bug fixes. 3 day trial version can also save files.
This release has many improvements and bug fixes:
- Works much faster, especially on medium / large sized pages. Try opening cnn.com, for example.
- More robust handling of CSS errors. Previous versions stopped parsing CSS/LESS file if syntax error was encountered (quite common in CSS files out there). Now, in case of an error, Pinegrow uses a simplified CSS parser instead of LESS parser and rules can be edited in CSS tab.
- Improved Drag & Drop. Another tool called Placer was added to assist with placing elements. Click on any element in LIB tab to activate it. Use placer to navigate the document and click on blue target marks to place element at that location. And just keep clicking to quickly place as many elements as you want. "Move with Placer" and "Clone with Placer" were added to Actions menu of the selected element.
- Pinegrow now runs an internal HTTP server on port 40000. When page is opened from the internet (with http:// protocol) and during the editing you add a local image to it (file:// protocol), the image is not shown due to file:// protocol security restrictions. In this case Pinegrow will serve the image through http:// via internal HTTP server and the image will show on the page. This is done automatically. For security reasons the server only supports images.
- 7 new videos about how to use Pinegrow were added. Check them out on http://pinegrow.com/#features
- Many bugs were fixed. Thanks to all who reported problems.
For the end - another beta feature: component export. This is the beginning of supporting components and templates in Pinegrow. Here's how it works: adding data-pg-component="name" attribute to any element will save the html of just this element in components/name.html file whenever the page is saved.
For example, we can add this to a sidebar section:
<section class="sidebar" data-pg-component="sidebar">.. .lots of code...</section>
Sidebar code (including the outer section tag) will be saved to components/sidebar.html from where you can include it into a template or a web app. We do this in Pinegrow: various dialogs are loaded as components with ajax calls. This lets us edit their content visually in Pinegrow and use them in the app without copy-pasting any code.
A page can have multiple components and components can be nested. If you're brave, you can try it out :) If you didn't yet get a Pinegrow license - features like components will be part of a higher priced developer edition. At the moment you can still get a special deal that will give you a free upgrade to developer edition once it is released.
As always, we love to hear from you about what you're doing with Pinegrow, any problems you have with it or ideas for improvements.