What's new in WYSIWYG Web Builder 1

What's new in WYSIWYG Web Builder 10?

Responsive Web Design
With the increase in popularity of browsing on mobile phones and tablets it is becoming essential to create web sites that are optimized to the needs of these users.
Previously you had to create different versions of the website and use scripts to redirect the visitor to the mobile version of the page.
WYSIWYG Web Builder 10 introduces 'Responsive Web Design' which allows you to create a single HTML page containing different variants of the layout, each optimized for specific device widths.
Your website will dynamically respond to the screen size of the visitor and display the layout most appropriate to their device.
These different variants are called 'breakpoints' and this concept is based on CSS3's media queries.
A breakpoint is separate 'view' of the page in WYSIWYG Web Builder. A page can have multiple breakpoints, each one optimized for a specific screen width.
For example, you can have the standard desktop layout, one for tablets (1024 px) and another one for mobile phones (320 px).

Mobile Web Design
Create dedicated Mobile websites with the fully intregrated mobile web design tools
WYSIWYG Web Builder has a built-in designer for mobile web pages. This makes it easy to create a mobile version of your pages without the need to external software.
Mobile pages have a different toolset and creating a mobile website is slightly different that a regular website.
Mobile pages are based on jQuery Mobile (http://jquerymobile.com/), which is a framework for creating mobile web applications. jQuery Mobile works on all popular smartphones and tablets.
To make a web page 'responsive' it needs to be constructed in a different way. Unlike in standard WYSIWYG Web Builder layouts where you can drag & drop objects anywhere and where object have a fixed size and position, mobile objects need to adjust to the width of the screen. In most cases this means that the object will use the full width of the page. But it's also possible to set 'full width' to false in which case the objects will be 'inline', so they have a fixed width. By default all objects are placed next to each other (they are floating in the document), but there is also a layout grid available to arrange objects in rows and columns.

Another difference is the styling of objects. Unlike in a standard page, all jQuery mobile objects are styled by themes and swatches.
A swatch is one of several color schemes provided by your theme. A theme can support up to 26 swatches, each identified with a single-letter (A, B, C, D etc).
The built-in jQuery Mobile Theme Manager allows you to create any number of swatches for a custom theme.

The new built-in jQuery mobile theme designer can be used to create jQuery Mobile Theme.

Many new objects have been added jQuery Mobile specific objects. These objects are only available for mobile web pages.
Collapsible
Flip Switch
Footer
Header
Layout Grid
Listview
Nested Menu
Panel (slide from the side of the page)
Popup Menu
Responsive Table
Slider
Tabs

The following standard objects have been optimized for jQuery Mobile. Their appearance is also effected by the jQuery Mobile theme.
Button
Checkbox (supports multiple items)
Combobox
Editbox
Go Menu
Login
Logout
Navigation Bar
News Feed Ticker

Результаты (русский) 1:

Что нового в WYSIWYG Web Builder 10?Отзывчивый веб-дизайнС ростом популярности просмотра на мобильных телефонах и планшетных ПК становится необходимым для создания веб-сайтов, которые оптимизированы к потребностям этих пользователей. Раньше вам приходилось создавать различные версии веб-сайта и использовать скрипты для перенаправления посетителей на мобильную версию страницы. WYSIWYG Web Builder 10 вводит «Отзывчивым веб-дизайна», который позволяет создавать одной HTML-страницы, содержащей различные варианты макета, каждый оптимизирован для конкретного устройства ширины.Ваш сайт будет динамически реагировать на размер экрана посетителя и отобразить макет, наиболее подходящий для их устройства.Эти различные варианты называются «точки останова», и эта концепция основана на запросы CSS3 в СМИ.Точка останова — отдельный «вид» страницы в WYSIWYG Web Builder. Страница может иметь несколько точек останова, каждая из которых оптимизирована для определенного экрана ширины.Например, вы можете иметь стандартный макет рабочего стола, один для планшетов (1024 px) и еще один для мобильных телефонов (320 px). Мобильный веб-дизайнСоздание специализированных мобильных веб-сайтов с полностью сертифицирована мобильный веб-дизайна инструментыWYSIWYG Web Builder имеет встроенный конструктор для мобильных веб-страниц. Это делает его легко создать мобильную версию ваших страниц без необходимости внешнего программного обеспечения. Страницы для мобильных устройств имеют другой набор инструментов и создание передвижной вебсайт отличается что обычный веб-сайт.Mobile pages are based on jQuery Mobile (http://jquerymobile.com/), which is a framework for creating mobile web applications. jQuery Mobile works on all popular smartphones and tablets.To make a web page 'responsive' it needs to be constructed in a different way. Unlike in standard WYSIWYG Web Builder layouts where you can drag & drop objects anywhere and where object have a fixed size and position, mobile objects need to adjust to the width of the screen. In most cases this means that the object will use the full width of the page. But it's also possible to set 'full width' to false in which case the objects will be 'inline', so they have a fixed width. By default all objects are placed next to each other (they are floating in the document), but there is also a layout grid available to arrange objects in rows and columns.Another difference is the styling of objects. Unlike in a standard page, all jQuery mobile objects are styled by themes and swatches. A swatch is one of several color schemes provided by your theme. A theme can support up to 26 swatches, each identified with a single-letter (A, B, C, D etc). The built-in jQuery Mobile Theme Manager allows you to create any number of swatches for a custom theme.The new built-in jQuery mobile theme designer can be used to create jQuery Mobile Theme.Many new objects have been added jQuery Mobile specific objects. These objects are only available for mobile web pages.CollapsibleFlip SwitchFooterHeaderLayout GridListviewNested MenuPanel (slide from the side of the page)Popup MenuResponsive TableSliderTabsThe following standard objects have been optimized for jQuery Mobile. Their appearance is also effected by the jQuery Mobile theme.ButtonCheckbox (supports multiple items)ComboboxEditboxGo MenuLoginLogoutNavigation BarNews Feed Ticker

Результаты (русский) 2:

Что нового в WYSIWYG Web Builder 10?

Адаптивный веб - дизайн
С ростом популярности просмотра на мобильных телефонах и планшетных ПК она становится важным для создания веб - сайтов, оптимизированных для нужд этих пользователей.
Раньше приходилось создавать разные версии одного веб - сайт и использовать скрипты для перенаправления посетителя на мобильную версию страницы.
WYSIWYG Web Builder 10 вводит "Адаптивный веб - дизайн» , который позволяет создать единый HTML - страницу , содержащую различные варианты компоновки, каждый из которых оптимизирован для определенной ширины устройства.
Ваш сайт будет динамически реагировать на размер экрана посетителя и отображать расположение наиболее подходящий для их устройства.
Эти различные варианты называются «контрольные точки» , и эта концепция основана на медиа - запросов CSS3 в.
точек останова является отдельное меню "вид" страницы в WYSIWYG Web Builder. Страница может иметь несколько точек останова, каждый из которых оптимизирован для определенной ширины экрана.
Например, вы можете иметь стандартную компоновку рабочего стола, один для планшетов (1024 пикселей) и еще один для мобильных телефонов (320 пикселей).

Мобильный веб - дизайна
Создание выделенного Мобильные сайты с полностью intregrated инструментов мобильного веб - дизайна
WYSIWYG Web Builder имеет встроенный дизайнер для мобильных веб - страниц. Это позволяет легко создать мобильную версию ваших страниц без необходимости внешнего программного обеспечения.
Мобильные страницы имеют различный набор инструментов и создание сайта для мобильных устройств немного отличается , что обычный веб - сайт.
Мобильные страницы основаны на JQuery Mobile (HTTP: // jquerymobile.com/), которая является основой для создания мобильных веб - приложений. JQuery Mobile работает на всех популярных смартфонов и планшетов.
Чтобы сделать веб - страницу "отзывчивый" она должна быть построена по-другому. В отличие от стандартных макетов WYSIWYG Web Builder , где вы можете перетащить и падение объектов в любом месте и где объект имеют фиксированный размер и положение, подвижные объекты должны приспособиться к ширине экрана. В большинстве случаев это означает , что объект будет использовать всю ширину страницы. Но это также можно установить "всю ширину" ложь в этом случае объекты будут «инлайн», поэтому они имеют фиксированную ширину. По умолчанию все объекты расположены рядом друг с другом (они плавают в документе), но есть и сетка макета доступна для расположения объектов в строках и столбцах.

Другим отличием является моделирование объектов. В отличие от стандартной страницы, все подвижные объекты Jquery оформлены по темам и образчиков.
Образчик является одним из нескольких цветовых схем , предусмотренных вашей темой. Тема может поддерживать до 26 образцов, каждый из которых определяется с одной буквы (A, B, C, D и т.д.).
Встроенный Theme Manager JQuery Mobile позволяет создавать любое количество образцов для пользовательской темы.

Новый встроенный в JQuery мобильный темы дизайнера может быть использован для создания JQuery Mobile Theme.

Многие новые объекты , которые были добавлены JQuery Mobile по конкретным объектам. Эти объекты доступны только для мобильных веб - страниц.
Складывающийся
Флип коммутатор
Footer
заголовка
Layout Сетка
ListView
Вложенные меню
панели (слайд со стороны страницы)
Контекстное меню
Отзывчивый Таблица
Slider
Вкладки

следующие стандартные объекты были оптимизированы для JQuery Mobile. Их внешний вид также осуществляется с помощью JQuery Mobile темы.
Button
Checkbox (поддерживает несколько элементов)
Комбобокс
Editbox
Go Меню
Войти
Выход
Панель навигации
Лента новостей Ticker