Archive for the 'web site optimization' Category

Responsive Row Revamped in EverWeb 3.7!

Thursday, May 26th, 2022

If you are designing a responsive website in EverWeb, you are most likely to have used the Responsive Row widget at some time in your page design. This venerable widget debuted in EverWeb 2.8 when we launched responsive website design capability. The Responsive Row widget came along with the FlexBox, Text Section and Responsive Image Gallery widgets providing core functionality to EverWeb’s responsive page design feature.

The Responsive Row widget is a unique in that it is the only widget that you can contain another widget and this is also its main purpose. When designing a responsive website, there may be times where you might want to use a fixed width widget, for example, the PayPal or FaceBook Like widget. The fixed width nature of these widgets means, however, that they cannot be used on their own and so need to be placed within a container – the Responsive Row widget.

This is not to say though that the Responsive Row widget is limited to use with fixed width widgets. You can add any widget in to it e.g. you might want to group FlexBox, or Text Section, widgets together in a row. Furthermore, the widget is great for full width background images, spacing objects and for padding when using widgets that do not have their own top and bottom margins options. You can even create slide shows too using the recently introduced Fill Slideshow option.

Remember, though, that there are also plenty of times where using a Responsive Row widget can be complete overkill. Check out our blog ‘Responsive Row: To Use or Not To Use’ to find out how to work smart with the widget!

Responsive Row Gets Visual!

One of the goals for EverWeb 3.7 was to make the Responsive Row widget easier to use so that you could better see the objects that you were moving around within a Responsive Row or if you were moving objects from one Responsive Row to another.

With this in mind, EverWeb 3.7 now displays the object you are moving as you move it. If you select more than one object in the Responsive Row to move to a different location within the Responsive Row, you will now see that the selected objects are visually stacked as you move them ‘en-masse’. This makes dragging and dropping objects much easier and intuitive to do than previously. The same principle applies if you are moving on or more objects between one Responsive Row and another.

Secondary Clicking Options

The second goal improving the Responsive Row widget in EverWeb 3.7 was to make it easier to remove objects from a Responsive Row. As you ma know already, you can right click on objects in a Responsive Row widget to select, and move, them to other Responsive Row widgets. In EverWeb 3.7 you can now detach an object from a Responsive Row by secondary (right) clicking on the object you want to remove from the Repsonsive Row, then selecting the ‘Remove from Responsive Row’ option. The object will now be ‘detached’ from the Responsive Row and will become a free floating object.

More Help and Tips!

The final goal third goal for the Responsive Row, and EverWeb in general, with version 3.7 was to improve context sensitive help. You may also have noticed that generally in EverWeb 3.7 there are more context sensitive help dialog boxes. Most of these dialog boxes can be checkboxed so that you do not see them again if you don’t want them visible again. If you change your mind later on, you can reverse this by going to the EverWeb-> Preferences-> General menu option and click on the “Reset ‘Don’t Show Again’ Dialogs” button which is also new EverWeb 3.7 feature.

The wider use of context sensitive messages in EverWeb 3.7 also extends to the Responsive Row widget! We also added a new message box for when you add a Responsive page to your site. You now see a brief description of what a responsive site it and that you can use the Responsive Row widget within your responsive page design if you need to.

We hope that the changes to the Responsive Row widget and the addition of more context sensitive help makes working on responsive pages even easier than before. Let us know what you think in the Comments Section below!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Using Text in EverWeb’s Responsive Pages: Part Two

Thursday, April 14th, 2022

In the first part of this blog post, we looked at the various ways in which you can add text to a responsive page in EverWeb and the effect of doing so on the page on different devices.

In this second part we look at how you create scaleable text in your web pages.

Creating Scalable Text in a Responsive Page Layout

If you want your text to scale according to the device that it is displayed upon, you will need to use EverWeb’s ‘Show on Device’ feature which you can find in the ‘Responsive section’ of the Metrics Inspector. Usually this section will be greyed out unless you click on an object in a Responsive Row, then the settings will become active. There are four options: Show on Mobile, Tablet, Desktop and Wide Desktop. By default all of these options are ticked.

We can use these options to create scaleable text. For each device type, we can create a TextBox that specifically suits that device. So for a mobile device you may want smaller text, slightly larger text for a Tablet, your ‘standard’ size text for a desktop and maybe a little larger text for wide desktops.

  1. First of all, add a Responsive page to your site or select a responsive page that already exists in your site.
  2. Next drag and drop a Responsive Row widget from the Widgets tab on to your page, or select a Responsive Row that already exists in the page, that you want to add scaleable text to.
  3. Make sure that the Responsive Row widget is selected.
  4. Now add a TextBox to the page using the TextBox button in the Toolbar. As the Responsive Row widget was already selected, the TextBox should be created as an object within the Responsive Row. The TextBox will appear as a fixed width object so will appear as a square TextBox within the Responsive Row. If you want to check, go to the Metrics Inspector where you will see the ‘Full Width’ box is not checked.
  5. If you have accidentally added a TextBox outside of the Responsive Row widget, it will appear as a full width object on the page. You can add this object back in to the Responsive Row by secondary (right) clicking on it, then selecting the ‘Embed In’ option. Choose the Responsive Row that you want. Note that the TextBox will still be full width, so to make it fixed width, go to the Metrics Inspector tab and uncheck the Full Width checkbox, then resize the TextBox to the size you want within the Responsive Row if you need to.
  6. Once you have added the TextBox in to the Responsive Row, add the text that you want to it. Style the text as you desire using the Fonts Panel which you can access from the Toolbar or by using the Cmd+T shortcut key.
  7. When setting the text size, set the size as you would if the text were to be displayed on a desktop device. This will give you a ‘baseline’ text size e.g. 18 point.
  8. Now that you havre established a baseline font size, it is also a good time to think about text sizes on other device types. You may want use the same text size on a tablet device. On a wide desktop, though, you may want a larger text size e.g. 20 point and on a mobile device you may want a smaller text size e.g. 14-16 point. You may also want to consider how to size text that’s used for page and section titles at this stage. Make sure that your text sizing scheme is consistent across all the pages you are using scaleable text on.
  9. Consider also the text itself that you have added to the TextBox. Do you want all of the text displayed on a mobile device or will you want to have less ‘detail’ and more ‘headline’ text only? Also for a wide desktop, maybe you have some additional text that you would like to add but did not have the space for on a desktop device. Again, we will come back to this soon.
  10. Now that you have your ‘baseline’ TextBox, make sure it is selected then use Cmd+D to duplicate it three times. You now have four TextBoxes, one for each device type.
  11. Set the Text font size for each TextBox and also remove or add text to the TextBoxes as appropriate for each device. For example, you could choose the TextBox on the far left of the Responsive Row to be the one for your mobile device. In this case, I might want to cut the amount of text down and set the font size for the TextBox title to be 18 point with the body text set to 14 point. The next TextBox to the right would then be for tablets, having e.g. title font size of 20 and body text size at 16 point with my ‘default’ amount of text. Continue the same way for the Desktop and Wide Desktop TextBoxes.
  12. Finally, select the TextBox you want to use for Wide Desktop. In the Metrics Inspector, go to the Responsive section and uncheck Desktop, Tablet and Mobile. Next select Desktop and uncheck Wide Desktop, Tablet and Mobile. For the Tablet TextBox uncheck Mobile, Desktop and Wide Desktop and finally for the Mobile TextBox uncheck Tablet, Desktop and Wide Desktop. You should see one TextBox on screen.
  13. Now either resize the EverWeb app, or Preview and resize the browser to see the text scaling up and down as you in increase and decrease the width of the browser or app window.
  14. For more information, check out our video on Show on Device.

Working with Text and Images

In the third part of this post, we will look at how you can work creatively with Text and other objects, such as images in a responsive page.

If you have any questions about this post, or about EverWeb in general, please let us know in the Comments Section below!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Introducing EverWeb 3.6: NEW Fill Slide Show, Site Shield Addon Security Features and More!

Thursday, January 13th, 2022

We are incredibly excited to announce the release of EverWeb 3.6! Two big new features are the highlights of this release! Fill: Slide Show gives you the ability to add a slide show to a TextBox, rectangle shape, image and the Responsive Row widget! It’s an incredibly powerful new feature!

Our second new feature also brings ups the power of EverWeb, in this case with enhanced security features added to EverWeb Site Shield Addon! Your website’s security can be taken to a new level with EverWeb’s easy to implement settings! Click and go for the most secure website you can get!

These features and more are available now! Check out the full feature list below and let us know if you have any questions, issues or wishes!

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

  • If you are running an Intel Mac running OS X 10.10, macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave, Catalina, Big Sur or Monterey EverWeb version 3.6 is available for you.
  • If you are running an Apple Silicon Mac running macOS Monterey or Big Sur, EverWeb version 3.6 is available for you as a Universal Binary. EverWeb will run natively without the need to use Rosetta 2.
  • If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 2.9.1 is available for you.
  • If you are running OS X 10.6 EverWeb version 2.5.2 is available for you.

When updating to the latest version of EverWeb, the update process will automatically download the correct version of EverWeb for your operating system.

EverWeb 3.6 Includes…

[NEW] New Security Features for EverWeb Site Shield Addon.

[NEW] The Shape Options Tab gains a new Fill: Side Show feature.

[NEW] Blog Post Cover Image includes Alt Text.

[IMPROVED] Improved speed in the Editor Window.

[IMPROVED] Speed improvements for pages with lots of widgets on them.

[IMPROVED} English (British) and Dutch localization improvements

[IMPROVED] Adjustments made to the Site Publishing Settings screen 

[FIX] Improved stability of Blog Post Editor.

[FIX] Blog posts in some instances were not updating properly.

[FIX] Fixed adjusting popup window dimensions for links in blog posts.

[FIX] Improved error checking for FTP publishing.

[FIX] Borders on full width object when exporting websites.

[FIX] Issue with selecting a file for a link in the Inspector’s Styled Text Editor.

[FIX] Fixed possible layout issue with Text Section widget.

[FIX] Facebook Like Widget improvements.

[FIX] Images get properly exported as transparent PNGs when using rotation.

[FIX] Vertical alignment of text in shapes with borders (now align middle and bottom properly.)

[FIX] Some CSS issues with blog posts and blog post images when the images are very large.

[FIX] Image Slider widget did not fade properly.

[FIX]The RSS Feed widget Hyperlink Widget Settings for Rollover and Visited did not work.

[FIX] When used together, the Image Gallery Widget and Blog Main widget would create issues when previewed or published.

[FIX] Fixed issues with full width shapes on fixed width layouts that use margins.

[FIX] Fixed alignment of vertical text in shapes with borders which now align to middle and bottom properly.

[FIX] Fixed transparency, shadows and flip settings for shapes.

[FIX] Fixed reflection of rotated shapes.

[FIX] Inspector not being able to scroll properly when you scroll with one shape then select another shape.

[FIX] Changing blog post settings in Inspector will update it properly.

[FIX] A potential crash when dropping an image on a shape set to image fill.

[FIX] Fixed an issue with RSS feeds exporting blog post content.

[FIX] Fixed an issue with RSS feeds not having the correct path to post image.

[FIX] Fixed previewing of very large blog posts.

[FIX] Fixed issues with blogs that had an image file and were full width being set to fixed width when publishing.

[FIX] Popup window links in blog posts.

[FIX] Full width navigation bars in FlexBox will work when using Parallax Scrolling.

[FIX] Facebook Like Widget fixes.

[FIX] Alignment of search button in search widget when using borders.

How To Update To EverWeb 3.6

You can easily update EverWeb by either:

  1. Launching EverWeb then going to the EverWeb menu at the top of the screen and selecting ‘Check for Update’ or by
  2. Downloading EverWeb from the EverWeb website.

After downloading EverWeb, double click on the EVERWEB.DMG file. A window will open. Drag the EverWeb icon on to the Applications folder icon. Once the file has been copied, you can close the installation window, delete the .DMG file and eject the EverWeb disk on the desktop by dragging it to the Trashcan.

Remember, you won’t lose any previous data when updating as your website project files are stored elsewhere on your computer.

The update is free for EverWeb + Hosting users and EverWeb Standalone users who are within their 1 year of free upgrades and support period.

You can easily check your EverWeb Standalone free update period from EverWeb’s Preferences window or from your client area.

If you have passed your one year of free EverWeb updates, you can purchase 1 more year of upgrades and support from your client area.

You can easily re-download earlier versions of EverWeb from your client area if you are not ready to purchase an additional year of updates and support.

Login to your client area and go to the ‘Manage Product’ page. On the left of this page, select ‘Downloads’ and choose the version of EverWeb that you need.

More Information About EverWeb

For more information about the new version of EverWeb, please check out the following resources:

  • The EverWeb website which has up to the moment information in it’s new blogging section
  • New EverWeb videos on YouTube
  • The EverWeb User Manual in EverWeb’s Help-> User Manual menu
  • The EverWeb Discussion Forum

If you can’t find what you need, or have any other questions, comments or feedback please let us know. We’re happy to help.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Using ALT Text in EverWeb

Thursday, October 14th, 2021

You may have noticed when using EverWeb, that there are quite a few places where you see the words ‘Alt Text’ displayed in the Inspector Window. You may also see that some widgets also include ‘Alt Text’ in their options. But what is Alt Text, what does it do, should you be using it in your site and if so, how can you get the best out of using it? Let’s find out…

What Is Alt Text?

Alt Text stands for Alternative Text. It is the ‘alternative’ to using an image. Alt Text replaces an image when the image itself cannot be loaded and viewed on screen. In addition, the other original intention of Alt Text was for it to be used to help visually impaired people who used special equipment that would read the contents of the screen back to them.

Alt Text and SEO

Adding Alt Text to an image in your EverWeb Project can also benefit to your site’s SEO as Alt Text allows search engines to better crawl and rank your website. All in all, adding Alt Text to the images in your website will make for a positive experience for your potential and existing visitors.

Adding Alt Text To An Image

There are a few places in EverWeb where you add Alt Text to your images. If you have standalone images anywhere on your page, just select the image you want then go to the Shape Options tab. In the ‘Fill’ section you will see there is an Alt Text field. Just enter in the text that you want to use. It’s that simple. If you use an image more than once in your site from the Assets List in the Assets Tab, you will need to add Alt Text to the image each time you use it. If you copy the image whilst it is on the Editor Window, using Copy and Paste, the Alt Text attribute will be preserved.

Remember that when adding Alt Text that it should be a brief description of what the image is, in less than 125 characters. A brief description is important because of the points made earlier in this post about the Alt Text being used for the visually impaired and also its role in replacing the image if it cannot be loaded in to the browser.

Many of EverWeb’s widgets also contain Alt Text fields e.g. the FlexBox and Text Section widgets. For the Image Gallery widgets, you can use a Caption to inform the visitor of what the image is if it cannot be displayed on screen.

Using Alt Text To Its Best Advantage

When you add a Alt Text description to an image, remember two things: First, be descriptive and do not use just a collection of keywords as your description, and second, bring out the detail and specifics of the image wherever you can e.g. if you have an image of a boat you might want to say, ‘The new 30 meter yacht, Princeton, launching from Dover Harbour, England.’ A third point is to remember the context of the photo in your site. In the example just sited, the context is easy as there is reference to both an event and a place. If your image is a generic one, for example, from a stock photo site, you should add Alt Text for the image that applies context to it within the page. As an example, I may want to use a stock photo with the word ‘SEO’ in it on my page. For the image’s Alt Text I could add some context relevant to my site by using this description: ‘EverWeb’s SEO Video Course is available on YouTube.’

Images in Your Project File

When using images in your Project file, it is always a good idea to name the image file descriptively before you grand and drop the file in to your EverWeb Project. This method is the best way for website crawlers to discover your image and use it when ranking your site. If you have already imported your image with a non-descriptive file name, you can still rename it in EverWeb. Just double click on the image in the Assets List and rename the file. In terms of SEO, this is OK, but is second best to renaming the file before importing it into EverWeb.

Alt Text is a great way to add accessibility to your site, it creates a more positive experience for your visitors and it can help boost your SEO. Use it only on the images that are important to your site. As with everything SEO, you do not need to add Alt Text to images that do not need it. Focus on what is important in terms of your site’s SEO.

More information on EverWeb and SEO can be found on the EverWeb website.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

SEO in EverWeb: Basics for Beginners

Thursday, April 1st, 2021

When you start to build your first website you may or may not, already know about SEO. It may be something that is extremely important to you. It may be something that you have no idea at all about. It may be something that you think might be important to you but it is shrouded in mystery that it seems almost magical or mind bogglingly confusing.

In this post, we are going to demystify SEO and explain what it is and why it can be important for you to implement it in your EverWeb created website.

What Exactly is SEO Anyway?

SEO is an acronym for Search Engine Optimization. SEO is a method by which you tune, or optimize, your website to its best advantage to Search Engines, such as Google, Bing and Alexa. The better you optimize your website, the better the chances are that your site will appear higher up in search engine results rankings.

When you enter a search term in to your browser’s search box, the search engine behind it (e.g. Google) will present you with a set of ranked results based on your search criteria. Simply put, you use SEO to improve your chances of ranking higher up in these such search results. As such, SEO can also be thought of as a process that is applied to your website. SEO is not hardware. SEO is not software. SEO is a methodology that you apply to your website.

Should Everyone Use SEO in Their Website?

Typically, you will want to apply SEO to your website if you run any form of business. Equally, you will probably want to apply SEO to your site if you just want it to be more visible on the Internet. On the other hand, you may not want to apply SEO at all to your site e.g. you may have a site just for personal reasons so it is not important for you to try to reach as many people as possible with your site.

Reasons to Apply SEO to Your Website

  1. Potentially higher rankings in Search Engine Results Pages. When done correctly, SEO will improve your rankings.
  2. Your Audience will be able to find you more easily! SEO is good to use as you can target the words that you think visitors will search on. If done correctly, your (potential) audience will find you more easily!
  3. Customer Reach: SEO can be a great way for potential new customers to find you!
  4. Better Customer Reach translates to more traffic to your site.
  5. SEO Is Free! You do not have to pay anything to apply SEO to your site. You should not have to pay anyone to apply SEO to your site!
  6. Improves Brand Awareness. Even if someone does not click on your website link in a search results set, the fact that you are visible may bring them back later to your site.
  7. The effect of SEO can also be measured from your site’s statistics so you can adjust you SEO to see what works and what does not work.

Investing in SEO in Your Website

Just like building a great looking website, SEO is an Investment – and it should be thought of as a long term investment. As your business grows and develops over time, so your SEO should be in step with your business at the same time.

As part of the SEO process you will use Keywords, or phrases, in your website to help search engines focus on what you think is important. These Keywords may need to change over time as your business changes. It is, therefore, always important to remember that your website is a dynamic tool and your SEO should be too.

SEO As a Dynamic Concept

Your business will probably change over time due to internal and external factors. The same is also true of SEO which is not static concept but a dynamic, evolving concept. Changes in SEO usually relate to changes made by search engines as they adapt to our ever changing browsing habits. For example, a few years ago, Google decided to prioritize searches made on mobile devices over those made on desktop devices. It seems obvious now that the priority for search has changed with the growth in mobile device usage over the last ten years.

EverWeb is always looking out for changes in the way the search engine giants change the dynamic around search. One such change, for example, comes in the upcoming EverWeb 3.5 which will automatically add Open Graph Tags if you have purchased EverWeb SEO Power Up addon.

How to Begin with Your SEO Journey…

SEO in EverWeb has always been baked in to the product which means that you usually do not need to focus on it if you do not want to. If you do want to apply SEO to its best effect in your site, the best way forward is to use our SEO for EverWeb Video Course. This concise course guides you through how to apply SEO to your site’s best advantage.

EverWeb gives you most of the tools that you need to implement SEO but you can go further using our SEO Power Up addon. This addon allows you more customization options than ever so that you can prioritize what you think is important for your site’s SEO. The addon also provides more information to search engines about your site’s pages, their importance and priority. Check out the link above for more details.

Using SEO in your site can be advantageous to your business if used in the right way and if you invest in it for the medium to long term. There is no mystery around SEO either, just some easy knowledge building and experience to find out what works best for your site!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

Spring Clean Your EverWeb Project File!

Thursday, March 4th, 2021

For those of our users in the Northern Hemisphere, spring is on its way which usually means it is time to do some spring cleaning after winter and get in to shape for the summer. So, why not do a little bit of spring cleaning on your EverWeb website project file as well?

When you create your website you will undoubtedly modify some of your ideas along the way. You may even find that you need to make sweeping changes as some of your initial ideas just don’t translate as well as you thought they would when you actually come to build your website’s pages.

Building a website can lead to lots of abandoned, and modified, ideas. It can also bloat your website project file size if you do not do some maintenance on a regular basis. So, keeping cleaning up your project file’s assets is worth doing on a regular basis.

Why Project File Maintenance is Important

There are a few reasons why maintenance is important and good to do once in a while:

  1. Smaller Project File, Faster Initial Loading. As project files grow, they will take more computer memory when loading so will tend to load slower over time as they get larger in size. Keeping your project file size down will help it load faster.
  2. Smaller Project Files Make Editing Your Project Faster. With each version of EverWeb we optimize its code and find ways to make important tasks such as page editing, previewing, publishing and published page responsiveness even more better than before. The other way to keep EverWeb’s performance excellent is to keep your project file is ‘mean and lean’ with a well designed website that uses optimized assets.
  3. Regular maintenance of your project file will also get rid of any clutter that you no longer need in your site. This makes it easier to organize and manage your assets.

The Clean Up!

  1. Check for Unused Assets: The first part of cleaning things up is to check to see if you have any assets that you are not using and will not be wanting to use in the future. To find these assets, just go to the Assets tab and click on the Settings Cog. From the dropdown menu that appears, select ‘Find Unused Assets…’ If Assets are found, they are highlighted in the Assets List. You are also asked if you would like these Assets removed, which is an action that cannot be undone. If you have any doubts, click ‘No’. The unused assets will still be highlighted so you can manually decide which ones to keep or delete. Deleting assets you do not need will reduce the size of your project file.
  2. Check the Size of Your Image Asset Files. Whilst on the Assets tab, click again on the Settings Cog. This time, select ‘Sort by File Size…’ This will sort the files in descending order of file size, so the largest file will be at the top of the list. Are there any files that are appear to be very large? As you probably know, if your page contains large image files, this will will drag on the loading speed of the page in a browser. Where you have large files, try reducing the dimensions of the image in an image editor (even Apple’s Preview will do) e.g. some stock images can be 5000 pixels wide when you typically only need image widths of about 1920 wide or less in your site. Furthermore, you can reduce the resolution of the image e.g. the image may be 600dpi when in a browser you may be able to use an image of 72-170 dpi without any noticeable loss in image quality. Once you have reduced the size of the image, you can use EverWeb’s Replace Asset feature to substitute the smaller image file for the larger.
  3. Manage Your Cache Files: Typically you will not usually need to manage your cache files, but if you are a bit low on hard disk space, you may find this useful to check, especially if you have a large project file. Go to the EverWeb-> Preferences-> Backup tab. Click on the ‘Manage Cache Files…’ button. You can choose to clear the EverWeb’s Preview and Publishing caches. Note that these files will be regenerated the next time you preview or publish your site. The last option is where you can clear your Backup files if you no longer need them. Remember, however, that if you delete the backup files they be moved to your computer’s Trash can from where they will be deleted according to your computer’s emptying trashcan schedule.

Remember: Keep Your Site Up To Date

Spring cleaning your site every once in a while is a good thing to do to keep everything working properly. If you have replaced some files to reduce the size of your project file and to help with page loading times, you may want to publish the full site using the File-> Publish Entire Site menu option. This can be especially useful if you have updated your version of EverWeb as your whole site will benefit from the new version’s optimizations!

And don’t forget, whilst doing maintenance on your site, check for things that may be out of date or need updating in your content. For example, if you have copyright notices on your pages, remember to update the year every year to keep up to date. If you’re site has news, now is a good time to update your home page and share the news! or is it time to update your blog with a new post. And don’t forget to give your SEO a freshen up too! In a changing world you need to keep your site fully optimized at all times!

Remember: Keeping your site fresh is the best thing you can do to keep your visitors coming back!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

EverWeb’s Replace Assets Feature Keeps Your Site Always Up To Date!

Thursday, February 18th, 2021

The new Replace Assets feature that debuted in EverWeb 3.4 is a small but incredibly powerful addition to EverWeb‘s feature set.

Why Use Replace Assets?

Replace Assets simply replaces one image asset with another and is beneficial to use for a number of reasons:

  1. The feature replaces all instances of an asset in your site with the new asset that you have chosen. This includes where the asset has been used in widgets e.g. in EverWeb’s Image Gallery widgets, or even the FlexBox and Text Section widgets.
  2. The replacement asset inherits the attributes of the original asset. This is incredibly useful as it means that you do not have to do any reformatting in your website.
  3. The ‘One Stop’ Replacement. You save time and effort as you only need to replace the asset once. This can be an incredible boon if you need to regularly replace an asset in your site with an updated asset.

Caution!

If you replace an asset with another, you cannot undo this action. It is therefore recommended that you have a copy of the original asset stored somewhere in case you make a mistake and need to undo your asset replacement. The good news is that you can always replace a replaced asset with another asset.

It is also recommended that you backup your EverWeb site before you use Replace Assets. You can set regular project file backups in EverWeb-> Preferences which is recommended anyway. You can also instantly backup your project file at any time by clicking on the up/down arrows to the right of the project file name in the Projects window, then selecting ‘Male Backup…’ from the dropdown menu. Follow the instructions given in the dialog boxes to complete the backup.

How to Use Replace Assets

The replace Assets feature is super easy to use.

  1. First go to the Assets tab in the Inspector Window in EverWeb.
  2. Secondary click on the asset that you want to replace.
  3. If you are not sure that you have selected the right asset, either click and drag the asset a little bit out of the Assets tab, or use the Preview Eye to see what the asset is.
  4. Once you have secondary clicked on the asset, select ‘Replace Asset…”
  5. Locate the asset that you want as the replacement then click ‘Open’ to finish.
  6. The asset will be replaced.

Usage Cases for Replace Assets

There are many different ways in which you can effectively use Replace Assets to help save you time and effort, now and in the future!

  1. Rebranding: If you have updated your company branding, Replace Assets is the ideal one hit solution to updating your brand. For example, just replace your old company logo with the new one in the Assets List and the logo will be updated throughout your website.
  2. Change of location: If you have images of your business location in your site that need updating after an office
  3. Frequently Updated Images: Some websites have a fast turnaround of their content. If you are using image based content that needs replacing e.g. daily, weekly or perhaps monthly, then using Replace Assets could make this task easier.
  4. Making Text Importing Easier. If you import text in to your site on a regular basis, it may be easier to save this as a PDF file in the source app then use Replace Assets to replace the old PDF text with the new in your page in EverWeb. This will save you time formatting the text every time you import it in to EverWeb.
  5. Multi-lingual Websites. Sometimes you may have two websites that are essentially the same, for example you have a multilingual website. The pages for all languages are essentially the same in terms of layout and images, widgets used, social media icons etc. The only difference is the language the content is written in. If you need to update your images across each language site, Replace Assets will make this process a lot easier. Especially if all the pages for each language are in the one project file.
  6. In a similar vein as multi-lingual websites, you may find that you update two similar project files with the same images e.g. you may have online help pages for an app that is available for Windows and for the Mac. As there are some differences between the two operating systems you may have started by developing one website project file for the Mac app. After completing the project file, you may have duplicated the project file for the Window version of the product, as this is quicker and easier that building it from scratch. Replacing the images in the Windows project file is easy, just use replace assets to replace the Mac images with Windows ones!

Tips on Using Replace Assets

Here are a couple of tips on using Replace Assets:

  1. As mentioned above, make sure you have made a backup copy of your project file in case you need to rollback your changes.
  2. Always have copies of the original images that you are going to replace at hand in case you make a mistake and replace the wrong asset.
  3. Take care in naming your assets. Make sure to name your assets so that you can easily recognise each asset. This will make the replacement process easier, especially if you will be replacing assets on a regular basis. It will also reduce the risk of replacing the wrong asset by mistake. Usually it is best to follow the naming practices as outlined in our SEO for EverWeb video course, so that you better your SEO and have user friendly file names!

EverWeb’s new Replace Assets feature, is a small addition to the product that will save you time and effort, both now and in the future!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

EverWeb Celebrates Its 7th Anniversary!

Thursday, November 12th, 2020

The last 12 months since EverWeb’s 6th anniversary have been incredibly busy as usual! We’ve packed a lot in to four point releases this year giving EverWeb even more great features, great enhancements to existing features, lots of optimizations and even a new product addon!

As we celebrated our sixth anniversary last November, EverWeb 3.0 had just been released. We celebrate our seventh anniversary with the recently released EverWeb 3.4!

Here are just some of the highlights from the world of EverWeb this past year…

Welcome Dark Mode!

One of the most dramatic additions to EverWeb over the last year was the introduction of Dark Mode which came to the product last December. This feature is available to any macOS version that supports dark mode and we think EverWeb looks absolutely gorgeous in the dark!

Parallax Scrolling and Color Overlays

One of the most visually stunning features to come to EverWeb in recent months is the new Parallax Scrolling feature which gives you a great sense of motion when used on full width images in your site. There is no set up needed, you just add your full width image then apply the Parallax Scrolling feature to it from the Shape Options tab!

There’s also a new color overlay option so that you can add a filter to your image. This is a great feature when you want to bring objects in the foreground to the front but need to subdue the background image a bit to do so!

Set Shape As Scroll Position

Scroll Position is a great way to add anchors to your pages in EverWeb. The feature was introduced before we added the Responsive Page Layout to the product, so Scroll Position would not work very well in a responsive website. Not anymore though, as we added a new Set Shape as Scroll Position feature to Scroll Position. Now it is super easy to add an anchor directly to almost any object, in any page layout type, Fixed or Responsive!

SEO Power Up Addon: Talking Your SEO To The Next Level!

EverWeb’s new SEO Power Up Addon takes your SEO to the next level. EverWeb SEO Power Up replaces our old Sitemap Automator product with new and updated features built directly in to EverWeb.

You can now add your own SEO Keywords directly into any page you want. You can also set the importance of your pages using the Priority field and the Change Frequency field tells crawlers how often you expect your pages to be updated. These tools let web crawlers know more about the pages of your site that are important to you.

EverWeb SEO Power Up also creates your website’s XML Sitemap file when you publish your site, and its robots.txt file which helps web crawlers know which pages they can, and cannot, crawl.

The addon is available to all EverWeb customers. If you host with us, you get the extra bonus of built in GZip compression which will make your pages load faster in your client’s browser window. If you have an EverWeb+Hosting 10GB or higher account, EverWeb SEO Power Up is totally free of charge!

To purchase EverWeb SEO Power Up just click on the ‘Optimize & Submit Website to Search Engines checkbox in your website’s Site Publishing Settings. A dialog box will appear to guide you through the purchasing process.

New Additions to Contact Form Advanced Widget

As always the Contact Form Advanced widget gets special attention and this last year was no exception. We added customizable Form Validation so that you can enter your own message if your visitor fails to enter required information in to the form.

In addition, you can now also forward your visitor to a specific page after they have submitted their contact form to you. There is also a new Transparency style available for your contact form,

New Additions for Contact Forms Enhanced Addon!

EverWeb’s popular Contact Forms Enhanced Addon debuted in EverWeb 3.0 creating a super easy way for you to retain contact form data when visitors to your site use its contact forms.

We had a lot of great feedback about this addon and this helped us to make the feature even better than ever. We added totally customizable confirmation emails, the ability to remove branding from submitted emails and most recently in EverWeb 3.4 new Calendar and Set Time Controls to give you more control, and style, over your contact forms.

More Ways to Find Things in Your Project File!

In the last twelve months EverWeb has added more ways for you to find almost anything in your EverWeb Project File. You can now use search to find the web page you want in your project, the asset you want to locate, the widget you want to use and the theme template you want to add. Just use the built in dedicated search boxes!

More Speed, More Optimizations!

As always we have spent a lot of time and effort to make working with EverWeb as fast and easy as possible, even if you have large website projects. We have optimized the performance of our built in widgets dramatically over the last few months as well as making the UI performance slicker than ever!

Publishing added a new ‘auto continue publishing’ feature so that if your website’s publish stalls, the process will automatically try again after a few minutes.

As always we are always optimizing the code that EverWeb generates to create your site so that it is the most efficient as it can be!

These are just some of the highlights of the last year for EverWeb. As usual, your input is always appreciated to help make EverWeb even better. So please tell us what you would like us to add to EverWeb, or improve upon, in the coming twelve months in the Comments Section below!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

New in EverWeb 3.4: SEO Power Up Addon, Parallax Scrolling, Image Overlays and Much More!

Monday, October 26th, 2020

We’re excited to introduce EverWeb 3.4 which brings a new parallax scrolling feature, image overlays, a new replace asset feature, calendar and time controls for the Contact Forms Enhanced Addon and the all new EverWeb SEO Power Up Addon which takes SEO Optimization to the Next Level!

You can also check out EverWeb’s new features in ourWhat’s New in EverWeb 3.4‘ video.

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

  • If you are running OS X 10.10 or macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave or Catalina, EverWeb version 3.4 is available for you.
  • If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 3.1 is available for you.
  • If you are running OS X 10.6 EverWeb version 2.5.2 is available for you.

When updating to the latest version of EverWeb, the update process will automatically download the correct version of EverWeb for your operating system.


EverWeb 3.4 Includes…

[NEW] A new Replace Assets feature. Right click on the assets to replace them and they will maintain the same name. You can do it for multiple assets and a new window will open up. If you try to replace the assets with a file from the Finder with the same name in that window, it will automatically match the existing asset with the new file

[NEW] New Fill options for shapes and responsive rows. You can scale images set to tile and original size. You can put an overlay color with a specified transparency.

[NEW] Parallax scrolling for image fill options set to tile or Scale to Fill

[NEW] You can drag and drop colors from the color selector control or right click to copy and paste colors in between controls

[NEW] You can now Hyperlink to the current page

[NEW] New Calendar and Select Time picker controls for the Contact Form Advanced widget

[NEW] Search Engine Optimization section in Page Settings tab of the Inspector Window.

[NEW] A new File-> Open Recent… menu option has been added so you can quickly access recently used project files.

[NEW] You can now access recently opened project files from the EverWeb icon in your macOS Dock.

[NEW] You can now access recently opened project files directly from the EverWeb icon in your macOS Dock.

[IMPROVED] You can now drag and drop images directly on to the Responsive Image Gallery widget in the Editor Window.

[IMPROVED] The Web Page Description field and Social Media Icon setting are now located in the Search Engine Optimization section of the Page Settings tab.

[IMPROVED] The default font size for text when creating a new project is now 16 point.

[IMPROVED] When selecting a default font using Format-> Default Styles… The Fonts Panel is now used to select the font, font size and font style.

[FIX] FlexBox video width bug fixed

[FIX] Fixes an issue with the Responsive Image Gallery Widget which could cause a crash.

[FIX] Fixes with the Font Panel

[FIX] Fixes with some widgets removing the focus from the design canvas after you select them

[FIX] Fixes with copying and pasting options between responsive rows

FIX] Contact Form Advanced form fields can be more easily re-arranged

[FIX] Non english characters in the MENU label for responsive navigation menus can now be used

[FIX] Pages that will never be added to a navigation bar won’t mark all pages as need to publish if they are modified

[FIX] Fixed issues with copying and pasting objects from in Responsive Row to another

[FIX] Fixed styling issue with PayPal styled Buy Now buttons in mobile devices

[FIX] Animation slider will update the preview as you adjust the settings

[FIX] Font Panel size field is updated properly

[FIX] Editing some widgets would remove the focus from the design canvas

[FIX] Fixed an issue with video sizes in FlexBox widgets

[FIX] Improved error reporting for FTP publishing

[FIX] Using the mousewheel scroll in the Inspector no longer freezes while the mouse is over a text entry field 

[FIX] Fixes issues with full width shapes that have borders

[FIX] Fixes issues for shapes that have different fill colors

How To Update To EverWeb 3.4

You can easily update EverWeb by either:

  1. Launching EverWeb then going to the EverWeb menu at the top of the screen and selecting ‘Check for Update’ or by
  2. Downloading EverWeb from the EverWeb website.

After downloading EverWeb, double click on the EVERWEB.DMG file. A window will open. Drag the EverWeb icon on to the Applications folder icon. Once the file has been copied, you can close the installation window, delete the .DMG file and eject the EverWeb disk on the desktop by dragging it to the Trashcan.

Remember, you won’t lose any previous data when updating as your website project files are stored elsewhere on your computer.

The update is free for EverWeb + Hosting users and EverWeb Standalone users who are within their 1 year of free upgrades and support period.

You can easily check your EverWeb Standalone free update period from EverWeb’s Preferences window or from your client area.

If you have passed your one year of free EverWeb updates, you can purchase 1 more year of upgrades and support from your client area.

You can easily re-download earlier versions of EverWeb from your client area if you are not ready to purchase an additional year of updates and support.

Login to your client area and go to the ‘Manage Product’ page. On the left of this page, select ‘Downloads’ and choose the version of EverWeb that you need.

More Information About EverWeb

For more information about the new version of EverWeb, please check out the following resources:

  • The EverWeb website which has up to the moment information in it’s new blogging section
  • New EverWeb videos on YouTube
  • The EverWeb User Manual in EverWeb’s Help-> User Manual menu
  • The EverWeb Discussion Forum

If you can’t find what you need, or have any other questions, comments or feedback please let us know. We’re happy to help.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

7 Design Tips for Better Responsive Pages in EverWeb!

Friday, September 18th, 2020

Responsive Web Design is the website paradigm of today. Creating websites using scaleable pages was for a long time the holy grail of website design. And with good reason too, as if done correctly, pages created in this way look and work fantastically on all devices that they are displayed upon.

The problem with this concept though, are the words ‘if done correctly‘. Responsive Web Design is, in itself, a more complex design paradigm to get your head around than fixed width page designs. There’s also the matter of design freedom Many website designers prefer using fixed width page layouts, such as the centered page layout in EverWeb, as such layouts allow text, images and other media to be placed freely on the page. Responsive Website Design is often seen as more restrictive in this respect.

There are many pros and cons in both responsive and fixed width design strategies and there is no definitive answer as to which approach is better. However, it is usually best to build your website in the way that suits your website’s goals and requirements. From this starting point, the choice over which page layout style to use should be easier.

What is certain, though, is that Responsive Website Design is here to stay. If you have EverWeb 2.8 or higher, the responsive page layout is built in to the product.

For a full deep dive in to Responsive Web Design in EverWeb, check out our YouTube videos and the EverWeb User Manual which includes a dedicated chapter on Responsive Web Design. In addition to these resources, here are some EverWeb responsive page design tips to help you along the way.

  1. Update EverWeb to the latest version. Since the introduction of the responsive page layout in EverWeb 2.8, there have been many additions and enhancements to the tools that you can use to create responsive web pages. For example, the Metrics Inspector has added maximum content width, show on device and breakpoints. There is also responsive ‘Set shape as scroll position‘ which enables robust object hyperlinking in a responsive environment. The Shape Options tab has added full width background fill capabilities for full width widgets. The Responsive Row, FlexBox, Text Section and Responsive Image Gallery widgets have all been upgraded and most other widgets have gained full width capability.
  2. The FlexBox Widget Is Your Go To Solution! Designing a website means making lots of choices. In responsive page layouts, the FlexBox widget will probably be your widget of choice to make your page design the best it can be. When combining objects together, such as text and images or images, video and text, or when you need to add a button in to the mix, the FlexBox widget has the most options and flexibility. The widget can even be a great solution when you are using only type of object on your page. If you cannot decide which widget is best to use to solve your design issues, try the FlexBox widget first!
  3. Responsive Row Widget Overuse. Often the Responsive Row widget is used for everything even when it is not needed. Whilst the widget is a ‘jack of all trades’, using it when you do not need to complicates your design and adds unnecessary code to your page. Check out our ‘Responsive Row: To Use or Not To Use‘ blog for more hints and tips on when, and when not, to use the Responsive Row widget.
  4. Check Out Show on Device! Even though Responsive Web Design is the one page solution for all device types, you may find that sometimes you need a particular design solution for one, or more, device types. This is especially so when viewing pages on mobile devices where horizontal space is limited and you do not want a page height that has your visitor scrolling seemingly forever. EverWeb’s Show on Device feature lets you control when you see objects that are inside a Responsive Row widget. For example, your Responsive Row widget contains two images and a TextBox. The TextBox has a large amount of text within it. This is fine when viewed on a desktop or tablet computer. On a mobile device, however, you may want just a summary of the text instead. To do this, duplicate the TextBox in the Responsive Row widget. Edit the text of the duplicate to produce your summary text. Then go the Metrics Inspector and uncheck all of the Show on Device options except ‘Mobile’. For the original full text TextBox, uncheck Show on Device only for ‘Mobile’. In this way you will get the full text on all devices except mobile, and you will get the summary text only on mobile devices.
  5. Margins. Setting left and right page margins really comes in to play when your page is displayed on mobile devices where you do not want your content up against the left and right edges of the screen. Usually, setting a margin of about 30 pixels from the Metrics Inspector will give you enough left and right margin space. If you are setting margins for a Responsive Row widget, remember to make sure that the objects within still fit properly. Use Preview to test and reduce the width of any fixed width objects inside the Responsive Row widget if you need to.
  6. Maximum Content Width. As you increase the width of your browser, you may find that objects on your page get too spaced apart from each other. Using Maximum Content Width you can fix the width of the selected full width object to a specific maximum value. The objects inside the full width object will not stretch out beyond the value you set.
  7. Look for Simple Solutions. One of the things you should never forget when designing is that often we overlook simple solutions to design problems. For example, you may be tempted to add a full width TextBox in to a Responsive Row widget in order to get extra top and bottom padding. However, you do not actually need to do this as you can use the Insert Margin, Before Paragraph and After Paragraph controls in the Text Inspector to do just this. Remembering simple solutions will make your site easier to manage and maintain in the long run.

If you have your own tip on how to make a better responsive page in EverWeb, why not share it with the community in the Comments Section below. We would love to hear from you!

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram