Website Realizer

Version 2.4.3 (May 11, 2018)

• Support responsive images in Image Rotator, Image Slider, Nivo Slider and Fancy Transitions.
• Current page width will be supplied when inserting an Hero Image to a page that already has contents.
• Added two new options to the Text Templates Dialog: adding shadow around elements and customizing page width for elements that support them. Details on using text templates can be found on this page How to Insert Text Element Using Text Templates.
• Text templates that are expanded to the width of the browser window are now shown in a separate tab.
• Margin between form controls in mobile layout can now be customized.
• Added a new text template.

Version 2.4.2 (January 30, 2018)

• Added Waterwheel Carousel. The carousel is enhanced to support Responsive Web Design and can use responsive images.
• Support extra folders for importing external files which will be determined by their extension. If no specific folder for a file extension, the default import folder will be used.
• Added 8 new text templates. 
• Better detection of changes in search engine index files so that non-html files will not trigger the publishing of index files.
• Fixed certain unused CSS styles not detected when pressing "Unused" in the CSS Style Editor.

Version 2.4.1 (December 16, 2017)

• Disable CSS Styles in Text Element Editor now disable the local image list styles as well.
• Change the approach of detecting changes in search engine index files so that those uploaded by third party FTP clients instead of using the included FTP publishers can also be detected.
• Better detection of updating in PHP search engine files and will be published accordingly if the search engine has been changed.
• Fixed detecting wrong list type in Text Element Editor if "Show Blocks" is used.

Version 2.4.0 (November 29, 2017)

• Simplify the creation of hero images (full width large images with text overlay). Details can be found in this tutorial Insert hero image on a page.
• Text elements can be inserted on a page by selecting from a list of pre-styled text element templates. After insertion, the text elements can be changed with customized image and text. For details, check out this tutorial Insert a text element from a list of text templates.
• Video files played by HTML5 Video can be set to mute the audio by default.
• Support PayPal Subscription button.
• Support inserting multiple images in one go in the Text Element Editor.
• Add max-width, max-height and z-index to CSS Style Editor.
• Properties of the inner containers of a text element can now be set.
• The text of a link in the Text and Table element editors can be changed in the Add Hyperlink Dialog.
• Support removing multiple styles in the CSS Style Editor.
• Show blocks command in the Text Element Editor shows also list blocks OL, UL and LI.
• Escaped Unicode can be inserted to the content of pseudo elements by selecting the "Insert Symbol" button if the corresponding font selected can be found in the system fonts. For example, if Fontawesome font file is installed on Windows, its characters can be chosen from the "Insert Symbol Dialog". The corresponding Unicode code such as \f020 will be inserted to the content field.
• HTML5 audio and video elements can be added on a page by dropping the files on it.
• Better detection of installed browsers when auto searching for browsers.
• Fixed failing to create a new website by selecting "Create a Blank Website".
• Fixed change status not updated when an element is added on a page which contains elements that are expanded to the width of the browser window.
• Fixed reducing size in aspect ratio in tablet layout not working in text element if it is expanded to the width of the browser window.

Version 2.2.0 (October 15, 2017)

• Support adding a search engine to websites. For it to work, your web server needs to support PHP 5.3 or above. This tutorial shows how to add it.
• Support styling the Emphasis tag (em) in the CSS Style Editor.
• Better handling of pinning elements to header.
• Fixed remote directory not cleared in the "Publish to Remote Website" dialog when it is removed from a FTP Profile.
• Fixed hiding form in mobile layout not working.

Version 2.0.3 (September 4, 2017)

• Remove http:// or https:// from an URL automatically if it is pasted to a URL field for http:// or https:// when adding link.
• Make color picker work on multiple monitors.
• Support generating a list of dates on a form select field in "PHP - Send Form data to Email". Check out this tutorial for details.
• Remote directory in FTP profile now supports multiple directories. You can publish to different directories of the same website using the same FTP Profile.
• PayPal MiniCart Javascript can be added on a page with "Add to Cart" and "View Cart" PayPal buttons. Clicking on the button now open a popup dialog showing the added items rather than open a page in PayPal. Check out this tutorial for details. 
• Text element now support dynamic width and height. So bigger text element for showing a list of images works better in tablet layout. However, there can only be one element with dynamic width or height on a page.
• Fix Division Calculator in Page HTML Editor not enabled.
• Fix incorrect tablet layout when footer is moved to the bottom.
• Fix form not be able to be included in footer.
• Template 30 to 33 are redesigned to work in mobile, tablet and desktop layouts.

Version 2.0.2 (June 17, 2017)

• Add a new function to adjust the height of a text element to fit its content. To use it, right-click on a text element and select "Adjust Element Height to Fit Content".
• Update checking will now be done automatically on program startup at regular interval. The interval can be changed in "Preferences" under the item "Check Update".
• Auto-scrolling will be in effect when only one element is moved. If more than one elements are moved together, the scrolling will not occur at the end of the moving. 
• Fix author, description and keywords cannot be saved in Page Properties for some pages.
• Fix decreasing width not working for text element in tablet layout if fitting to browser window width in mobile layout is not selected.

Version 2.0.1 (May 19, 2017)

• The Getting Started Tutorial was revised and more "How to" tutorials were added.
• Add a new tool Font Subsetter for creating a subset of the original font so as to minimize the size of the font file. Fonts for subsetting must be Truetype fonts. Opentype/TTF is supported but not Opentype/CFF. Please note that icon fonts like Font Awesome are not supported.
• Generating of Responsive Web Design websites can now be set at website level. To do this, select "Tools" > "Preferences" from the main menu. Select the item "Publish Website" from the list on the left. Deselect the option "Generate Responsive Web Design website". If this option is off, Responsive Web Design websites will not be generated for all websites. To specify which website to generate, open that website. Select "Edit" > "Site Properties" from the main menu. Select the option "Generate Responsive Web Design website". RWD website will be generated for this website when previewing and publishing.
• Add two new pseudo classes, first-of-type and last-of-type, to the CSS Style Editor.
• The height of a text element will be expanded automatically if the contents overflow the element after new text is added in the Text Element Editor.
• When moving elements, the page will be scrolled automatically to show them at the end of the moving.
• Support pasting elements in place to retain the coordinates of the pasted elements.
• Raw HTML code can be added to the top of the Head and Body sections in addition to the bottom.
• A new preference is added to the "Website" item. If total files in sub-folders exceed certain number (default is 800), sub-folders will not be expanded in the drop down menu. This will speed up the drop down menu when there are a lot of files. To change the default number of files, you can select "Tools" > "Preferences" from the main menu. Click on the item "Website" on the left.
• Font Converter can now select the output folder for the imported font and the generated fonts.
• The publishing process can now be canceled during the generation of files.
• When publishing to a local directory, you will be asked if you want to create the directory if it does not exist.
• Allow horizontal navigation bars to apply centering and fitting to the width of browser window in mobile layout if mobile menu is not used.
• Auto update Preset CSS styles if new ones are found or are changed.
• When sending form data to an email, you can now set the number of blank lines between data lines.
• Skip optimizing the generated JPG responsive images using lossy method when publishing as they have already been optimized.
• Fix elements can't be expanded to the width of browser window if auto height is used on an HTML Source element.
• Fix incorrect top position of HTML Source Elements with auto height option selected in desktop and tablet layouts.
• Fix Lightbox scaling within window width not working.
• Fix HTML Source elements not able to copy or cut after "Select All".
• Fix OK button disabled on Backup Dialog even when a valid directory is entered or selected.
• Fix inlined CSS styles for "above the fold" elements cause those "below the fold" elements showing incorrect styles.
• Fix text elements not grabbing excess horizontal spaces in a mobile group when they are set to if there are paddings applied.
• Fix CSS background responsive images only worked on the first image owing to bug in generation of CSS styles.
• Fix images with links are unable to be added to sticky header.

Version 2.0.0 (March 17, 2017)

• Supports Responsive Web Design for creating pages that work in desktop, tablet and mobile devices.
• Use HTML5 document type for all generated pages.
• Support more CSS styles: border radius, box shadow, text shadow, gradient, pseudo class, pseudo elements, font face, outline, transition, positioning, vertical alignment.
• CSS Font Faces.
• Simplify adding Google Web Fonts.
• A font converter to convert TTF/OTF fonts to woff2, woff and eot formats.
• Add a new tool, QR Code Generator, to create QR Code.
• CSS styles can be diabled temporarily in text and table editors to make easy the editing of text
• Block element tags like headings and paragraphs can be made to show in a text element so as to make easy the checking of the structure of a text element.
• You can now preview pages by clicking on links when previewing a page on an external browser. The linked pages will be generated automatically and loaded in place. Please note that page with PHP script will not work.
• Support dynamic HTML Source Element.
• Support adding external javascript files.
• Support loading javascript files asynchronously to speed up displaying web pages
• Support loading CSS files asynchronously. CSS styles used by above the fold elements will be inlined to speed up rendering of web pages.
• A new tool can be used to preview website published to a local directory. This is needed if a page uses asynchronous loading of Javascript and CSS styles. They will not work when browsing locally without a web server.
• Add vendor prefix to CSS3 styles automatically using data from caniuse.com for cross browsers support.
• Remove support of linking adjacent elements (a feature not used and obsolete)
• Navigation bar support animation out effect and can select either "height" or "opacity" animation
• Password fields on FTP Publishing Profile can be shown in plain text by pressing the "asterisks" button beside them.
• Lightbox has several more themes. As the themes use CSS3, browsers not support this will see the default styles.
• Add new HTML5 Audio and Video elements
• Support Styling of other form elements like form buttons.
• Can now duplicate the currently opened FTP Site settings with a new profile name.
• Can copy selection from spreadsheet to cells in table editor
• Support exporting a web page to an eml file so that it can be sent as HTML Email using an email clients such as Outlook Express, Windows Live Mail and Thunderbird etc.
• Support HTML5 <input> placeholder Attribute (The placeholder attribute specifies a short hint that describes the expected value of an input field)
• Add ColorMatch 5k (http://www.colormatch5k.com) to Color Analyzer which generates a matching 6-color palette from a base color.
• External code added to HTML source elements, head and body sections can be excluded from previewing to make easy the ascertaining whether the rendering errors are caused by manually added code.
• Add layout helper "Align to Grid" which supports aligning selected elements in preset or custom margins.
• When moving an element, holding down the Shift key will confine the movement to either horizontal or vertical direction.