Top 2 deals for RAGE Software Software

Tucked away in the new EverWeb 4.4 release is a new option which lets you add an image as a shadow to an object in your website. In this post we will look at how to best use shadows in the pages of your EverWeb made website.

When To Use Shadows in Your Site…

Website trends over the last few years have favored a more ‘flat’ design approach, rather than using the previous skeuomorphic or realistic/rich design approach. Over the years, the flat design style has also changed by becoming softer, incorporating elements previously only found in skeuomorphic design. As such, elements such as using shadowing to your website’s design are coming back in to web design.

Adding shadows in your website can help to add some depth and texture to its design when used wisely – i.e. sparingly. Use shadows to draw your visitors to where you want them to look on the page. If you overuse shadows, you will fail to lead your visitors to where you want them to look. You may also give your visitors the impression that your site was designed years ago when skeuomorphic was in vogue. Again, not a good idea.

Guiding your visitors to so called ‘Call To Action’ items such as buttons, or important text, are areas where shadows can be usefully applied. In addition, you can use shadows to soften your site’s flat design so that it is more appealing and engaging. In this way you will give the impression that your site is modern but also warm and a little more 3D than 2D. When softening your site, the shadows should be subtle and not overt.

It is also important to remember to make sure that your design is accessible to those who are sight impaired. When contrast is reduced between elements on the page, this may make elements on the page more difficult to see. In these instances it may be better to use clear borders instead.

… and When Not To

Using shadows sparingly in your site can be advantageous to your visitors as we have just outlined above. However if you overuse shadows, you may find that your site’s performance is impacted as rendering these elements will take more time, especially on mobile devices.

The second concern is, as we mentioned above, accessibility. Make sure that your site’s as free of visual ‘obstacles’ as possible, poor use of shadowing being one such example. Poor color choices, such as green/red combinations or poor font choices are further examples that may limit your visitors access to your site if not used wisely.

Applying Shadows In Your EverWeb Site

To add a shadow to an object on page in EverWeb, such as a shape, image, button, or container start by selecting it. Then go to the Shape Options tab and check the box in next to the word ‘Shadow’ in the Shadow section to activate its settings. Tip! You can also click on the word ‘Shadow’ which will also activate the settings.

There are two type of shadow that you can choose from: Color and Image Shadow. The default is set to Color, as you can see in the dropdown menu to the right of the ‘Shadow’ section title. If you are using a Color shadow you will have the following options to choose from.

• Offset: The shadow offset from the object by 6 pixels
• Blur: The shadow is blurred with value of 6. You can set a value from 0 (No blur) to 99 (maximum blur). Blur is used to diffuse the shadow.
• Opacity: The default is set at 75% to create the default shadow. Opacity sets the transparency of the shadow. At 100% the shadow will be opaque. At zero it will appear transparent.
• Shadow Color: You can change the color of the shadow using the Color Swatch or Color Wheel.
• Rotation: The rotation wheel adjusts the angle of the shadow relative to the object. It is set at zero by default. Either use the dial or enter a value between 0 and 360 to change the angle of the shadow.

Adjust the values for each setting as desired to achieve the shadow effect that you require. If you are using an Image Shadow, you can use these options as well, plus additional options that are described in detail below.

Applying Shadows to Text

So far, we have discussed adding shadows to objects, but you can also add a shadow to text as well. Simply select the text that you want to add the shadow to, then use the same procedure as described above to add, and customize the shadow to your liking. In addition, you can also add shadow effects using the Fonts Panel in EverWeb’s Toolbar to your selected text if you prefer. The buttons in the Fonts Panel work in the same way as those in the Shadows section of the Shape Options tab.

Adding Image Shadows

If you want to apply an image shadow to your selected object, first change the type of shadow from ‘Color’ to ‘Image’ using the dropdown menu to the right of the ‘Shadow’ section title.

When using an image shadow, you may find that .png files are the best type of image to use as they eliminate the background color of the image being used. For example, if you have an image of a car in a .png file format, you can use the car as the main image and also its background creating a pseudo-3D effect.  

First select the image you want to add the image shadow to. Activate the Shadow settings as described above. You will see the settings shown are the same as for the Color shadow, except that the Color Swatch/Color Wheel has been replaced by a ‘Choose…’ button. Use this button to select the image that you want to use as a shadow. In our car example, the image being used as the shadow will be the same as the main image itself.

Change the Shadow settings as desired. In addition to the settings described above, when using an image as your shadow you have three additional options: Height, Width and Scale. Use the first to options to size the shadow as desire, and use the Scale option to if you want the image shadow displayed as Default (scale), Scale to Fit, Scale to Fill, or Stretch.

When you add a shadow to your page, you will see any changes you make immediately as you alter the Shadow settings. However, it’s always best to preview your page before you publish.

The post NEW EverWeb’s Image Shadow Feature! first appeared on Website Building for Mac OS X | EverWeb Website Builder.

One of EverWeb 4.4’s new features is Scrolling Effects. As its name implies Scrolling Effects give you an easy way to keep headlines, text information, images, and other objects that you want always visible on the pages of your EverWeb made website. It’s also great for when you want to keep reminder information, special offers, legal information or contact forms visible at the bottom of the screen. Scrolling effects are also great for when you want to pin social media icons to the side of your page!

Where To Use Scrolling Effects

To use Scrolling Effects you will need EverWeb 4.4 or higher, for macOS or Windows. If you are using a previous version of EverWeb, you can update it to the latest version using the EverWeb-> Check for Updates… menu on a Mac, or the Help-> Check for Updates… menu if you are using Windows. You can apply Scrolling Effects to objects in both fixed width and responsive pages.

Setting Up a Scrolling Effect

To apply a Scrolling Effect, first select the object that you want to use a Scrolling Effect with on your page. Next go to the Shape Options tab and activate the Scrolling Effects settings. Either click on the text, ‘Scrolling Effects’ or check the checkbox to the left of the Scrolling Effects section title.

After activating the Scrolling Effects settings, the first action you will probably want to take is defining the effect(s) that you want to apply to the selected object. Select one or more effect that you want from the ‘Scrolling Effects’ list. There are seven different types of effect to choose from:

• Blur
• Change Color
• Fade
• Rotate
• Scale
• Scroll Speed

Each Scrolling Effect has a value that you can change to suit your needs. You can also use more than one effect on the selected object if you want. This will give you great flexibility to create just the effect you want.

Activate at Scroll Location

The first setting in the Scrolling Effects section is ‘Activate at Scroll Location’. By default this is set to zero so the scroll effect will activate immediately when your visitor scrolls. If you set the value other than zero, for example 20, the scrolling effect will be triggered when the page has been scrolled down 20 pixels. 

When setting the value for activate at scroll location, you have two additional ways in which to enter a value…

• Use a ‘+’ number: For example, if you enter a value of +50, the scrolling effect will trigger at the current object position plus 50 pixels. 
• Use a percentage, for example, if you enter 10%, the scroll effect will trigger when the object is scrolled to 10% of the top of the browser

Behavior

The Behavior setting defines what type of scrolling effect is applied to the selected object. There are six different scrolling effects available:

• Pin To Top: The object will be pinned in the center of the top of the page
• Pin Stack: The first stacked object will be pinned to the center of the top of the page. Any following stacked pinned objects on the page will stack one under the other as the page scrolls.
• Pin Push: Objects will be pinned to center of the top of the page. As the page scrolls, the first pinned object will be replaced by the second pinned object, the second by the third, and so on.
• Pin To Bottom: The pinned object will appear in the center of the bottom of the screen.
• Pin To Left: The pinned object will appear at the left hand edge of the browser window.
• Pin To Right: The pinned object will appear at the right hand edge of the browser window.

Spacing

The next field is Spacing which sets the amount of space a pinned object is from the edge of the browser. For example, if Spacing is set to a value of 10 for an object that is pinned to the left, it will appear 10 pixels in from the left hand edge of the browser.

Reverse Action on Scroll Up

As its name implies, if you check this setting’s box, as you scroll back up the page, the pinned object will move back to its original location.

After completing the fields in the Scrolling Effects section, preview before you publish to see that the effect you have created is what you require.

The post Introducing EverWeb 4.4’s NEW Scrolling Effects Feature Explained! first appeared on Website Building for Mac OS X | EverWeb Website Builder.

The latest release of EverWeb, version 4.4, is full of new, easy to use, but highly effective features that will add a new dimension to your website’s design. The addition of the new Padding and Margins feature is a case in point. It is simple to use but gives you greater flexibility than ever before when it comes to working with objects such as TextBoxes, images, Containers and a variety of widgets.

Margins and Padding Before EverWeb 4.4

Before the launch of EverWeb 4.4 you were limited in the use of margins and padding options within the pages of your site. You could add left and right margins to full width objects using the Size section of the Metrics Inspector. Additionally, some of EverWeb’s built in widgets also featured some options to control margins and padding. The most notable widget in this respect is the Navigation Bar widget where you have padding and spacing for menu options. The FlexBox, Text Sections and the Responsive Row widget all feature some of these features as well.

With the advent of EverWeb 4.4, padding and margins becomes a universal feature for all objects in your site.

EverWeb’s New Padding and Margins Feature…

The introduction of universal margins and padding in EverWeb 4.4 has led to the reorganisation of the Metrics Inspector. The Left and Right Margins fields in the Size section have disappeared, replaced by the brand new Margins & Padding section. If you have used the margins features of previous EverWeb versions, these settings will be preserved in the new Margins and Padding section. Also, if you have used the margin and padding features found in widgets, these will be unaffected.

The new Margins & Padding section of the Metrics Inspector uses a visual representation of an object. The rectangle has a set of fields on each of its sides, both inside and outside of it. The four fields inside the rectangle represent Padding whilst the fields outside of the rectangle represent Margins. You can apply margins and/or padding to any, or all sides, of an object as required. When you do so, you will see this displayed on the object in the Editor Window.

As already mentioned, padding applies spacing within an object. Typically this will only be useful for adding space to text within a TextBox or Container, and in an image when you have added text on top of the image. When using padding, you will see a dashed line displayed on the inner side of the object you are applying the padding to. When you add a Container to the page, you will see that a 20 pixel padding is applied automatically to all sides of the object.

Whilst padding applies to the inside of an object, margins apply to the outside sides of an object. When applying margins, you will see a grid pattern displayed on the side of the object that you have applied the margin to.

Margins & Padding in Practice

You can use Margins and Padding to objects in both fixed width and responsive pages in your website. Whilst useful for both page types, margins and padding are perhaps more beneficial for those using Responsive pages. Margins are especially useful when used with containers such as the Responsive Row widget and Containers. You can now space fixed width objects out within these object types as you want. You also gain vertical control over objects in these container types as well. In this way you will be able to have objects displayed at different heights within Responsive Rows or Containers.

When using margins on full width objects, they also become a good way to create page margins, which is especially useful when displaying your site on mobile devices where you do not want your content to be edge-to-edge on screen.

Margins and Padding are a very easy visual way to help with your page design in EverWeb!

The post NEW Padding and Margins Settings in EverWeb 4.4 first appeared on Website Building for Mac OS X | EverWeb Website Builder.

November is already here and once again we are celebrating another EverWeb birthday anniversary! This coming week it will be 12 years since EverWeb launched back in 2013! It has been another amazing year with major highlights being the release of EverWeb 4.4 introducing the all new Containers feature! But there have also been a lot of other great new, or improved, features to enjoy as well. Mouse animations and transitions and fully customizable borders being two of our personal favorites!

Here’s a run down of all that’s happened since EverWeb’s last birthday!

EverWeb Releases In The Last 12 Months…

There might have been only two major releases of EverWeb in the last twelve months, but they have been big releases! EverWeb 4.3 debuted in December 2024 introducing the new PayPal Modern widget that enables new payment options as well as using the PayPal button API. We recommend using this widget over the older PayPal widget if possible. EverWeb 4.3 is also notable for ticking off a number of user requested features, such as Justified Text. You can find this new feature in the Alignment section of the Text Inspector

Whilst on the subject of text in EverWeb, version 4.3 also added in the ability to scroll text within a Textbox. Again, it is easy to use, just select your TextBox then check the checkbox next to ‘Scrollable Text’ in the Export Options section of the Text Inspector. When you preview ore publish, the text in the TextBox will be scrollable!

Another small, but handy addition to EverWeb is the ‘QR Code for Mobile Preview’ feature that lets you easily preview your website on a mobile device just by scanning a QR code. Although a small feature, it saves you having to install apps like Xcode (on a Mac) or using developer tools in your favourite browser. Now you can scan the QR code and see the page you want previewed to your mobile device. Works for tablets too, by the way!

September 2025 saw the launch of EverWeb 4.4, our current release, which is packed with major new features and enhancements. Here are the major highlights:

• Scrolling Effects in the Shape Options tab let you pin objects on your page, in one of six different ways: Pin Stack, Pin Push, Pin To Left, Pin To Right, Pin To Top and Pin To Bottom. In addition to pinning, you can also set custom scroll start positions, and add the following scrolling actions: Fade, Blur, Color-swap, Rotate, Remove, Scale, and custom scroll speed.
• Containers, the headline feature for EverWeb this year let you add a single object that groups elements into either a row, a column or in a free flow container.
• Margins & Padding help you finesse your page design as you can now add margin and/or padding to most objects in your page, such as text within TextBoxes, Responsive Rows, Containers and much more!
• Mouse Effects and Transitions let you highlight objects that are Call to Actions in your page. You can add effects for mouse over and/or mouse down actions with a choice of 41 different effects.
• Borders let you easily and simply choose how you want the corners of your objects to look. This is a quick, easy and effective way to give your website design that extra polish!
• EverWeb’s stalwart Navigation Bar Widget gets new abilities with the new Mouse-Down Fill options making your Nav Bar more context sensitive for your visitors.

EverWeb Maintenance and Improvement Releases…

In addition to our big releases there have also been a couple of maintenance and stability releases during September and October 2025, leading us the current EverWeb version – 4.4.3, for macOS and Windows. We always recommend updating EverWeb with these minor releases as they fix issues found in major releases, and also they sometimes will include minor enhancements to EverWeb itself as well!

If you have any comments or issues about the latest releases, please let us know as this helps us make a better product that’s inline with your needs and wishes.

Thank you all for your continued loyalty, support and amazing customer reviews! We’re looking forward to bringing you more awesome features over the next year!

The post Celebrating EverWeb’s 12th Anniversary! Containers, Scrolling Effects, Mouse Animations and More! first appeared on Website Building for Mac OS X | EverWeb Website Builder.

Our recently released EverWeb 4.4 for macOS and Windows, is big on new features: Containers, Border Options, Mouse Transitions and Animations and more! Additionally, there is a great update for EverWeb‘s Navigation Bar widget with some great new options adding more style and focus to navigating your site!

The New Navigation Bar Widget Design…

The first thing to notice when adding a Navigation Bar widget to a page with EverWeb 4.4 or higher, is that the menu options displayed in the Editor Window now features a blue colored rectangle background shape. You can change the color and background shape easily enough if desired. Start, by going to the Shape Options tab in the Inspector Window. In the Fill Section you will see that ‘Color Fill’ is selected and that the color swatch is blue. If you don’t want any background shape displayed, just click on the ‘Color Fill’ menu option and change it to ‘None’. You will see the background shape disappear from the widget in the Editor Window.

If you do use a Color Fill, you have some new options to play with to make your Navigation more fun!

Using A Background Shape In Your Navigation

If you do want to use a background shape for your navigation, but do not want to use the default, rectangle shape, you can choose a different shape if you want. To change the shape used, go to the Shape section at the top of the Shape Options tab. Change the ‘Default’ selection to the shape that you want to use. Note that the Default shape option is the same as the Rectangle shape.

To style the navigation bar use the widget’s Button Options settings, These settings let you adjust the spacing and padding between the each menu item, which may have particular importance to you if you are using a background shape in your navigation. You may also need to adjust the font size of the text used in the navigation which can be done through the Text Inspector’s Font section.

Using Border Options

One of the exciting new options for the Navigation Menu widget is that if you are using either the default, or rectangle shape, you can now change the each corner border to round the corners of the shape as you want. Simply select the Navigation Menu widget, then go to the Shape Options tab. Check that the shape you are using is either the Default or Rectangle shape, then click on the Custom Border Radius checkbox in the Borders section. This will activate the Border Options settings. Next, enter a value in the each corner that you want to change. You will see the Navigation updated as you make your changes.

Using Mouse Transitions & Animations

EverWeb 4.4 also lets you add mouse transitions to your navigation. To activate this feature, check the box to the left of the Mouse Transition & Animations section title. Choose the type of animation effect you want, there are 41 to choose from. It is more likely that you will want to use a mouse over animation for the navigation, but you can also apply a mouse down animation to your navigation if desired.

You can also set a Transition Time so that the effect works immediately when the user mouses over or mouses down on a menu item. When using Transition Time, a value of zero will play the effect immediately. You can set a value up to 500 if desired. The higher the value you choose, the slower the effect will play out.

After you have applied the effect that you want, use the Preview button the EverWeb Toolbar to see the effect in action. When you mouse over, or mouse down, over each menu item you will see the mouse effect in action.

Using The NEW Mouse Down Fill Options…

The last new option for the Navigation Menu widget is located in the Widget Settings of the widget itself. The new ‘Apply Mouse Down Fill’ option in the Appearance section has been a much requested feature we are happy to deliver to you!

The Apply Mouse Down Fill option has three available states: ‘On Mouse Down’, ‘On Current Page’ and ‘On Mouse Down and Current Page.’ A Mouse Down Fill can be applied for the selected state. To set this up, first make sure the Navigation Menu widget is selected, then go to the Shape Options tab.

In the Fill section, the default state is set to ‘Normal’. Change this to Mouse Down. Next, choose the Fill type that you want to apply when the user mouses down on the Navigation. You can also choose to highlight the current page in the navigation if desired. In this example, we are going to use a Color Fill.

You can also apply a Border as well if you are using either the Default, or Rectangle Shape.

Once the Mouse Down Fill has been set, go back to the Navigation Menu widget’s Widget Settings.

By default, ‘Apply Mouse Down Fill’ is set to ‘On Mouse Down.’ To test this, mouse down on one of the menu options in the navigation. The background color and shape borders will change.

Next choose. the ‘On Current Page’ option. you will see the current page highlighted using the shape you have chosen.

The last option, ‘On Mouse Down and Current Page’ combines the ‘Mouse Down’ and ‘On Current Page’ options together.

EverWeb’s New Navigation options bring you a wealth of new options to add extra flair, style and simplicity in navigation to your users!

The post Next Level Navigation Menus with EverWeb 4.4’s New Features first appeared on Website Building for Mac OS X | EverWeb Website Builder.