WYSIWYG Web Builder 12 Teaser...

All the latest news about WYSIWYG Web Builder can be read in this section

*** Now available: WYSIWYG Web Builder 12.2.1 ***
User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

PNG/JPEG compression

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.

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Merged Object

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 :D

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

Image

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Multi-Page Properties

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!

Image

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

HTML/CSS

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>.

Image

Image

- 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!

Image

- 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.

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Text

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’.

Image

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

Image

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!

Image

Image

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Table

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.

Image

- 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.

Image

Image

- 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.

Image

Image

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

Image

Image

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

Image

- 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.

Image

- 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.

Image

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

Image

- 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.

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Picture

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)

Image

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

SlideShow

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.

Image

Image

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

Image

- 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.

Image

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

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Photo Gallery

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.

Image

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

Image

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

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

YouTube / Vimeo

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.

Image

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

Image

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

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Events

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).

Image

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.

Image

- 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.

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Responsive Menu

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

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

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Breadcrumb Menu

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

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

Image

- 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.

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Line

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

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

Image

Image

User avatar
Pablo
 
Posts: 18858
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Publish

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.

Image

- 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.

Image

Locked

Who is online

Users browsing this forum: No registered users and 1 guest