VidCoder 歷史版本列表 Page6

更新時間：2019-01-24
更新細節：

What's new in this version:

Floating Panels and Multiple Screens:
- Supporting multiple screens has been the top feature request for a while now. That’s understandable
- Pinegrow’s UI – with multiple page views, code editor, component libraries, panels for properties, styling, CMS and more – takes up a lot of screen real estate
- Until now the whole UI had to be contained in a single window, so things quickly got crowded
- In Pinegrow 5.1 you can float panels – and groups of panels – in separate windows. Panels can be freely dragged between windows and rearranged within a window

Easily upgrade Bootstrap:
- Bootstrap starter pages, library components and properties have been updated to the latest versions, 4.2.1 and 3.4.0 respectively
- Pinegrow can also easily update your existing Bootstrap projects to the latest Bootstrap version (Bootstrap 3.x to the latest Bootstrap 3 and Bootstrap 4.x to the latest Bootstrap 4)
- Read the complete guide on how to upgrade Bootstrap to the latest version

Fixed Master Pages and WordPress Site actions on plain HTML projects:
- Pinegrow had a bug that prevented using Master Page actions and WordPress Site actions correctly on projects that didn’t use Bootstrap or Foundation
- In those cases both actions didn’t remember their parameters

WordPress Theme builder changes:

Post image – Smart action:
- Until now, the action added the ( is_singular() || in_the_loop() ) when displaying a post image in the background of the element. This created problems with custom queries and non-singular templates
- Now, the action only checks for the presence of the current post ID, if post ID is not specified as a parameter of the action
- Another change is that this action doesn’t automatically add with-image class to the element with the background, as it did before

Action parameters:
- Some WordPress actions had checkbox parameters that were on by default. Unchecking them actually set the non-default, negative. action parameter value
- That made it difficult to spot such checkbox that were set off, and distinguish them from checkboxes that were simply off by default
- That’s why all such checked-by-default checkboxes are changed into select boxes with default value “Yes”. This makes the controls set to “No” very easy to notice

Starter Theme 2 update:
- Starter Theme 2 has been updated to Bootstrap 4.2.1 and optimizations have been applied to some HTML templates. Similarly, some WooCommerce templates have been updated to adapt to the latest versions of the plugin

Save partials:
- Save partial action (in Actions panel) can now correctly save content of script and style elements

Attribute editor in the Properties panel:
- Until now editing attributes that contained HTML tags, stripped the tags from the value
- To prevent this, the Attribute editor now skips such attributes and displays the notice that you can edit them with Element code

Controlling visibility of CSS Grid buttons and resize points:
- CSS Grid buttons can get in a way, especially when elements are small

Network proxy settings:
- It is now possible to let Pinegrow know to use a proxy server for accessing the network by specifying the configuration string in Settings

更新時間：2019-01-22
更新細節：

What's new in this version:

- Fixed issue with original subtitle getting deselected when duplicating a subtitle
- Updated translations

更新時間：2019-01-22
更新細節：

What's new in this version:

New:
- 3D transformation for elements
- Drop shadow effect for elements
- Filer effects for elements, such as grayscale, blur..
- Clipping effects for elements: rectangle, circle or oval clipping
- Element alignments support flexible layout
- Browser compatibility warnings for features which some browsers don't support
- Russian language

Enhancements:
- Split Properties pane into multiple tabs
- Add more element grouping features: add to group, remove from group, layout group
- Improve auto-keyframe mode
- Improve Google font window
- Motion Path can work well with elements that have a flexible layout
- Allow changing z-orders and groups of elements in Timeline and Elements pane by mouse dragging
- Allow collapsing groups in Timeline
- Custom CSS now takes effect right inside the editor

Bugs Fixed:
- Crash error when selecting Close All from the right-click menu of any project tab
- Copying/pasting animations of multiple elements at once may not work correctly
- Some popup windows and menus are cut off on multi-monitor machines
- Some other minor bugs fixed

更新時間：2019-01-22
更新細節：

What's new in this version:

- Fixed issue with original subtitle getting deselected when duplicating a subtitle
- Updated translations

更新時間：2019-01-14
更新細節：

What's new in this version:

- Fixed drag and drop reorder not affecting output for subtitles and audio tracks
- Fixed Foreign Audio Search choice not appearing when it's not brought in by a Picker
- Changed "total" count for audio and subtitle tracks in summary to always reflect the source track count and not count duplicated output tracks

更新時間：2019-01-14
更新細節：

What's new in this version:

- Fixed drag and drop reorder not affecting output for subtitles and audio tracks
- Fixed Foreign Audio Search choice not appearing when it's not brought in by a Picker
- Changed "total" count for audio and subtitle tracks in summary to always reflect the source track count and not count duplicated output tracks

更新時間：2018-11-20
更新細節：

What's new in this version:

- First, a quick look back. In the year since Pinegrow Web Editor 4 was released, we had 10 strong updates with features like Smart WordPress Actions and powerful Visual CSS Grid Editor.
- A note about upgrades to Pinegrow 5: if your license is eligible for free updates (one year after the license purchase and renewal, or as long as subscription is active) you get all Pinegrow Web Editor updates for free, including Pinegrow 5.
- With Pinegrow 5 we focus on improving the workflow of dealing with HTML layout and CSS styling. We even created a feature called “Focus on”. “Focus on…” lets us isolate an element on the page and deal with just this element instead of the whole page. That’s very useful on complex HTML layouts. “Focus on…” command is available in the top toolbar, on the element context menu or with the shortcut CMD+F (CTRL+F on Windows/Linux).

A couple of things happen when we Focus on an element:
The Tree panel displays the structure of the focused element, with all its children nodes collapsed (only the top most level is expanded):
Drag & drop on the page deals only with top level children of the element. For example, grabbing anything within the element will grab the top level child:
- Similarly, dropping an element from the Library panel will place the element on the top level of the focused element
- That’s very handy for dealing with the top level structure of the focused element without worrying that we’ll drop something in the wrong place

If we want more control over drag & drop placement, we can expand relevant nodes in the Tree panel and use it for dropping or rearranging elements:
The “Focus on” menu also contains a shortcut to focusing on the Page layout of the Body element:
The Focus bar also lists the elements that can be inserted into the focused element, if available:
- To exit the “Focus on” mode click on the close icon in the Focus bar or select Clear from the Focus menu
- Improved CSS Styling
- Starting from Pinegrow 3 it has been possible to style elements with inline styles (with HTML element style attribute)
- The benefit of inline styles is that we can jump straight into styling an element, without thinking about classes, ids and CSS rules
- But eventually, all inline styles should be transferred into proper CSS rules. That’s hard to do if inline styles are scattered around the page
- Pinegrow 5 has a solution for that
- Working with inline styles

First, the Style panel now clearly indicates when inline styles are used:
Second, the Quick Create CSS Rule tool offers to transfer the inline styles into a newly created CSS rule:
And the Tree panel shows the style icon next to elements with inline styles. Clicking on the style icon in the Tree jumps straight into Style editor for that element:
The Tree panel filter can be used to only display elements with inline styles:
- With these tools we have the best of both worlds: the freedom to directly style with inline styles and the systematic process for creating CSS rules for those styles
- And some might ask: Why not have a feature that would automatically save all inline styles on the page as CSS rules
- It would be easy for Pinegrow to go through the page and store all inline styles into CSS classes like .rule1, .rule2…
- Although it sounds useful, such feature would lead to messy CSS code. Creating maintainable CSS structure requires strategic thinking about properly naming and organizing CSS rules. That’s not something that an app can do for you
- Creating clean and maintainable code is the top goal and quality of Pinegrow Web Editor. We don’t want to introduce any feature that would go against this
- Other styling improvements

There are more styling improvements worth mentioning:
Stylesheets and their CSS rules can be hidden in the Active Style panel by clicking on the Hide stylesheet icon next to the stylesheet name:
- Before, the “Ignore in Active” function was only available from the Stylesheets menu

Text indent control was added to the Text section of the CSS Visual Editor:
“Customize variable” command (for SASS and LESS files) will ask for the new value if the default value uses a custom function:
This avoids breaking SASS/LESS files with functions that are not yet defined in the section where custom variables are defined:
- Pinegrow uses CSS Autoprefixer when compiling SASS and LESS files. Now you can control the Autoprefixer configuration in the Settings dialog. This feature is for advanced users, most users can just leave the autoprefixer settings as they are
- The Project panel
- Note, the Project panel is a Pinegrow PRO feature

Now, we can drag images, stylesheets and scripts from the Project panel to the page. Draggable files have a Drag icon displayed next to their names:
- Dragging an image inserts the image to the selected place on the page or in the Tree

Dropping an image on an existing image on the page replaces that image:
- Dragging a stylesheet (.css file) to the page appends the stylesheet to the page
- Doing that with a Javascript (.js) script file will insert the script to the footer of the page

Image previews in the Project panel now also display the dimensions and size of images:
- And using the search in the Project panel expands all folders with matched files
- The Tree panel

The Tree panel got a “Filter” function that lets us display only elements with inline styles, images, texts, links, components or WordPress actions:
The filter works alongside the existing search function that lets us search with strings and CSS selectors:
- Other improvements
- Use arrow keys to select elements
- UP_KEY selects the parent element
- DOWN_KEY selects the first child element
- LEFT_KEY selects the previous element
- RIGHT_KEY selects the next element
- Use SHIFT_KEY with LEFT_KEY and RIGHT_KEY keys to select a range of elements
- Selecting a duplicated element
- A duplicated element is now automatically selected, if the Duplicate command was run on a selected element
- Element dimensions in pixels are shown when an element is selected or hovered with the mouse pointer
- Clicking on a image in the Unsplash photo browser replaces the currently selected image
- Use “Clear code” icon in Insert code in the Library panel to clear the code from the editor
- Page and project thumbnails are now turned off by default on Linux because on Linux, generating thumbnails requires briefly showing a second window. You can turn them on in the Options menu on the Start screen

更新時間：2018-11-12
更新細節：

What's new in this version:

- Fixed fullscreen mode

更新時間：2018-11-07
更新細節：

What's new in this version:

New features:
- Illustrator (AI) file import: Files saved with the “Create PDF Compatible File” option can now be opened in Gravit Designer. A message will be shown in case the file isn’t compatible
- Version History: Access up to 20 past versions of your designs saved on the Gravit Cloud. Continue working from a different point, restore a critical element or see how your design evolved. It can be accessed from File → Show Version History. Please read more in this article

Improvements:
- Massive improvements to the rendering performance. Gravit Designer should perform way better in all situations now
- Increased compatibility of EPS files. They should open without any flaws now
- Generally improved loading times of all kinds of files
- The divider between the Pages and Layers panel can now the moved to give more space to either
- Removed “Mask” blending modes to prevent confusion. Please use one of the ways shown in this video to mask content instead
- Brought back “Fit All” in the toolbar by popular demand. Always listening to our users
- Added a warning about linked images (File → Link Image...), that they will not be available when opening the file on another computer or in the web app
- Added a couple of new presets, including Apple Watch 4, new iPhones, Google Pixel 2/XL and more
- Removed Retina Display option in Export dialog (File → Export → Export...) as this term is quite outdated. Please use the Size field with “2x” for example instead
- Our support team can now be reached from the brand new support form. Linked it in Help → Contact us in the menu bar
- Hidden layers are not considered for snapping anymore
- In turn, locked layers are now considered for snapping and they also show smart guides
- Improved precision for the Position and Size of SVG files
- Further improved exporting elements with borders to SVG
- Ensured that files finished saving when closing Gravit Designer
- Locked layers can now be used as “Key objects”: When selecting multiple layers alongside a locked element, the other elements are aligned to the locked layer. Please see this video

Bugfixes:
- Fixed a bug that prevented Cloud files to be exported to PDF
- Finally eradicated the “Loading has failed” bug
- Dashed and dotted lines now show properly in imported SVG files
- Locked layers aren’t affected by aligning anymore

PDF export:
- Fixed multiple problems that prevented designs from exporting
- Semi-opaque elements (patterns, groups) are properly exported now
- Fixed some bugs when uploading a profile picture and added a correct error message
- Showing correct message again when trying to close a file with unsaved progress
- We continued to improve SVG import and fixed various bugs
- Fixed a bug with toggling the visibility of layers

更新時間：2018-10-18
更新細節：

What's new in this version:

- We are running out of version numbers. ;) Solved another problem that needed a timely fix.