WYSIWYG Web Builder 12 (teaser)

Post by **Pablo** » Fri Feb 24, 2017 7:13 pm

PNG/JPEG compression
- New feature: Added PNG/JPEG compression for dynamically generated images (shapes, drawing tools, images with filters etc.). This makes it possible to optimize images for quality or performance (larger images look better but take more time to download and process). Support 10 levels.

Post by **Pablo** » Sat Feb 25, 2017 8:19 am

Merged Object
- New feature: Added support for Events and CSS3 animations/transitions.
An example of this feature is demonstrated in the ‘Social Media Sticky’ block. Here we have merged a fontawesome icon with a text object

Demo:
http://www.wysiwygwebbuilder.com/suppor ... wyork.html

Post by **Pablo** » Sat Feb 25, 2017 11:23 am

Multi-Page Properties
- New feature: Added Multi-Page Properties tool to modify selected properties for multiple (selectable) pages at once. This makes it possible for example to quickly change the master page for a group of pages. But also, background properties, meta tags, page extension etc. Only the modified value(s) will be applied to all selected pages!

Post by **Pablo** » Sat Feb 25, 2017 11:29 am

HTML/CSS
- New feature: Added the ability to use semantic HTML5 tags. Tools->Options->HTML->Use HTML5 Semantic Tags. When this option is enabled WWB will automatically output semantic HTML5 tags instead of divs. For example, page header <header> page footer <footer>, navigation <nav>.

- New feature: Added 'Move external CSS style sheets to the end of the page'. This is often recommended by Google PageSpeed Insights to improve the performance of the page. Note however that this also may affect the way to page is rendered because styles are loaded after the content has been load, resulting in flicker. Also some scripts may not support this because they expect the style to be between the head tags. Please read the help for more details!

- New feature: Added 'CSS visibility property' (visibility vs display) HTML/CSS options. This option controls the way objects are hidden. When using 'visibility:hidden' hidden objects will not be visible but they still affect the layout (just like in previous versions of WWB). On the other hand 'display:none' removes the object from the layout so it no longer affects the size of the page. This can be useful when hiding objects that are not inside the page boundaries in breakpoints.

Post by **Pablo** » Sun Feb 26, 2017 3:36 pm

Text
- Improved: When using "enable responsive fonts" the text alignment is now also responsive, so you can have different alignments in breakpoints.

- New feature: Text styles now display a style gallery with preview. To quickly modify a style, right and select ‘Modify’.

- New feature: Add 'Create a style' option. Create a style based on the formatting of the selected text.

Spell Checker
- New feature: Added support for native Windows spell checker. With 'spell as you type', 'Checking spelling' dialog (F7) and context menu suggestions. Supports all language dictionaries you have installed in Windows. Requires Windows 8, 8.1 or 10!

Post by **Pablo** » Mon Feb 27, 2017 12:23 pm

Table
- Improved: The sort tool now includes all data in the table. So, for example if you sort a column then the other columns will be moved too. Also, the style of the cells will be included, not only the text, so cells keep their own styling.

- New feature: Added cell alignment options to the Ribbon and context menu of the table to quickly set the alignment of one or multiple table cells.

- New feature: Added border-collapse option. The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML.

- New feature: Added the possibility to set the border-width of table cells. This replaces 'enable cell borders'.

- New feature: Added 'Striped row color' option to add zebra-striping to the table rows.

- New feature: Added 'Hover rows color' option to enable a hover state on table rows.

- New feature: Added 'Header row' option. This will output the first row as header cells (<th> instead or <td>).

- New feature: Added 'Table Styles' gallery. This allows you to quickly update the style of your tables. You may know this feature from MS Office. 30 predefined styles are currently available.

- New feature: Added size mode 'Automatic' (in addition to 'pixels' and 'percentages'). When using this mode, the table cells will be automatically sized based on their content. This makes it possible to use a table in layout grid layouts.

- New feature: Added 'Import data from text file'. A quick way to get data from a comma separated text file into the table.

- New feature: Added the possibility to add objects inside table cells. When you drag an object inside a cell then it will automatically become an object container. Any text that was in the table cell will no longer be visible (until you remove the object again). Multiple objects can be inside a single cell and they will be floating, just like in a layout grid. Note however that tables are not meant to be used for layout purposes. The main reason why this functionality was added is to make it possible to add images to the table. For example, as part of a list.

Post by **Pablo** » Mon Feb 27, 2017 9:18 pm

Picture
- New feature: Added 'Picture' object. The HTML5 <picture> element is a container used to specify multiple images for different viewport or screen resolutions. The browser will choose the most suitable image according to the current layout of the page and the device it will be displayed on.
You can specify different images for breakpoints. It also supports high resolution displays using pixel density descriptors such as 1x, 1.5x, 2x, and 3x. For example you can include different versions of the image by using names like: filename@1.5x.png, filename@2x.png
The picture object supports rotation using standard CSS3 transforms. Plus experimental support for CSS3 filters (blur, contrast, brightness, hue, saturation, negative, sepia, grayscale)

Post by **Pablo** » Tue Feb 28, 2017 10:30 am

SlideShow
- New feature: Added 'Flip Horizontal' and 'Flip Vertical' animations (uses CSS3 transforms).

- New feature: Added 'Fan' and 'Block Scale' animations.

- New feature: Added animations to caption: fade, slide, rotate, scale, translate.

- New feature: Added 'CSS3 animation' option. Select animations created with the Animation Manager. A different animation can be selected for 'show' and 'hide' to create sophisticated slideshows.

- New feature: Added Instagram integration. This makes it possible to feed the slideshow with images from your Instagram account.

Post by **Pablo** » Tue Feb 28, 2017 10:31 am

Photo Gallery
- New feature: Added Instagram integration. This makes it possible to feed the photo gallery with images from your Instagram account.

- New feature: The Photo Gallery uses <figure> and <figcaption> tags when ‘Use HTML5 Semantic Tags (in Tools->Options->HTML) is enabled.

- Improved: Now includes galleria 1.5.4, which makes it possible to use the lightbox/galleria in responsive layouts.

Post by **Pablo** » Tue Feb 28, 2017 4:23 pm

YouTube / Vimeo
- New feature: Added 'Enable JS API' option. This option enables the player to be controlled via JavaScript Player API calls.

- New feature: Added support for YouTube/Vimeo events (play, pause, ended etc.). Requires 'Enable JS API'.

- New feature: play, pause actions in events can now be used to control the YouTube/Vimeo video. Requires 'Enable JS API'.

Post by **Pablo** » Tue Feb 28, 2017 4:36 pm

Events
- New feature: Added 'CSS3 Animate' action. This will trigger a CSS3 animation from the animation manager. So, it's no longer necessary to manually create a separate style for this (WWB will do this automatically).

This feature is demonstrated in the following templates:
http://www.wysiwygwebbuilder.com/suppor ... onday.html
http://www.wysiwygwebbuilder.com/suppor ... onuts.html
http://www.wysiwygwebbuilder.com/suppor ... ummer.html
and more...

- New feature: Added 'onscrollreveal', 'onscrollhide' and 'onscrollrevealpartial' events to most objects.
These events were previous only available for the bookmark object.

- New feature: Added support for events to links in navigation objects: BreadCrumb, CSS Menu, Mega Menu, Navigation Bar, Pagination, Panel Menu, Responsive Menu, Slide Menu, Tab Menu, Text Menu, jQuery ListView and jQuery Menu.

Post by **Pablo** » Tue Feb 28, 2017 4:58 pm

Responsive Menu
- New feature: Added the possibility to set the menu alignment.

Post by **Pablo** » Tue Feb 28, 2017 4:58 pm

Breadcrumb Menu
- New feature: Added the possibility to set the menu alignment.

- New feature: Added ‘Full Width’ property so the menu can be stretched to the full width of its container (when used inside a layout grid).

- Improved: CSS3 Transitions are now applied to the menu items (instead of to its container). For example, to rotate, scale or modify the style of an item on hover.

Post by **Pablo** » Tue Feb 28, 2017 4:59 pm

Line
- New feature: Added support for line styles: solid, dotted, dashed, double, groove, ridge.

Post by **Pablo** » Tue Feb 28, 2017 7:03 pm

Publish
- New feature: Added "Publish' option to context menu in Site Manager, so you can quickly publish the selected page.

- New feature: Added ‘Make a backup of the project on the server' option to the publish dialog.
This can be used to override the global setting for the current session.

Post by **Pablo** » Tue Feb 28, 2017 7:04 pm

Error Reports
- New feature: Error Reports displays a warning when the page name is the same as the project name because this may cause a conflict with style sheets.

- New feature: Error Reports detects missing fonts. If an object uses a font which is not installed, then an error message will be displayed.

- New feature: Error Reports detects missing (third party) extensions. If the page uses an extension which is not installed, then an error message will be displayed.

- New feature: Added the possibility to hide warnings for specific objects via the context menu. Also, an option 'Show hidden warnings' have been added to restore the warnings.

- New feature: The 'Error Reports' window can now be docked, floating or set to autohide so it can be made visible all the time.
When visible, the error list automatically refreshes when you switch between pages. Double click an item in the list to select the object in the workspace.

Post by **Pablo** » Tue Feb 28, 2017 7:24 pm

Material Icons
- New feature: Added support for Google's Material Design Icons(https://material.io/icons/). Adds more than 900 new icons. The Material Icon object supports the same features as FontAwesome.

FontAwesome
- Improved: The icons in the FontAwesome Gallery of the Ribbon are now categorized to make it easier to find icons (based on the categories on the FontAwesome website: http://fontawesome.io/icons/).

- New feature: Added support for rotation.

- New feature: Added 'Publish as SVG' option. This will output the icon as embedded SVG (scalable vector image) instead as font. This greatly reduces the overall size of the website if you only use a few FontAwesome icons.

Post by **Pablo** » Wed Mar 01, 2017 8:59 am

Photo Collage
- New feature: Added 'Photo Collage' object. This introduces a cool new way to display your images. More than 30 layout variants are available, each with a different number of images.
The Photo collage object is flexible so it can be used in layout grids and responsive layouts. Also, supports lightboxes, Instagram integration, load animations and more.

Post by **Pablo** » Wed Mar 01, 2017 10:39 am

User Interface

- New feature: Added 'Office 2016 - Black' color scheme.

- New feature: Implemented Office 2016-like Ribbon commands search ("Tell Me"). When the user types a part of command text in the box, a list of matching commands is displayed on the Main Panel.

- New feature: All built-in dialogs now use the selected color scheme (like in MS Office apps). A new option has been added to enable/disable this functionality: Tools->Options->User Interface->Enable skinned dialogs.

- New feature: Added 'Reset settings' to Options. This will restore the default settings.

- New feature: Added 'Display all objects in Links->Bookmark' option. When this option is enabled then the Bookmark dropdown menu in Links will display all objects (instead of just bookmarks and layers). This basically makes it possible to turn any object into a bookmark!

- New feature: Added 'Easy Mode'. This option may be useful for new users who are overwhelmed by all the advanced features of WWB. When this option is enabled then advanced features (like events, animations, CMS, login tools) will be hidden in the toolbox, ribbon and properties. Easy Mode can easily be toggled to make the options available again.

- New feature: Added a 'Help' button to most property windows to open context sensitive help.
For example, if you click the Help button in the Events window then it will directly display the ‘Events’ section in the help.

- New feature: Added 'Include partially selected objects in lasso selection' to Guide settings. This option specifies whether partially selected objects will be included in lasso (net) selection. If this option is disabled, then the entire object needs to be inside the lasso to be selected.

and more...

Post by **Pablo** » Wed Mar 01, 2017 11:05 am

Post by **Pablo** » Wed Mar 15, 2017 8:00 am

And to conclude this teaser... here's the (almost) complete list of new features for WYSIWYG Web Builder 12.
http://www.wysiwygwebbuilder.com/support/wb12.html

We are working very hard to release it as soon as possible, but it will not be available until we are certain that everything has been tested thoroughly.
Keep an eye on the news section of this forum and you will be the first to know the official release date;)