menu

Top 2 deals for RAGE Software Software

431
Followers

Get all the best deals that RAGE Software has to offer right here on BitsDuJour. Click quick, these discounts don't last long, and we update daily! We have deals on Domainer, WebCrusher, .

If you Follow RAGE Software, you'll get emails when deals go live!

Visit the RAGE Software website.

Domainer (PC) Discount
for PC
Domainer
Track the Expiration and SEO Performance of Domains
WebCrusher (Mac & PC) Discount
Mac & PC
WebCrusher
Stop S.L.O.W !

Product Suggestions

We also have the following suggestions for promotions for this vendor.

Mac & PC
WebCrusher
RAGE Software
 

Vendor Pulse

The latest news, straight from our vendors.

  • Thursday at 3:00pm
    Creating a Navigation Menu with EverWeb’s Containers: Part Two

    In the first part of our post on Creating a Navigation Menu using EverWeb’s Containers feature, we designed a button using two rectangle shapes. The button will be used as the basis of our navigation. The two rectangle shapes making up the button were customized and lined up side by side. The rectangle on the left side is used for the chapter number with the right hand rectangle being used for the chapter title.

    In this post, we will next add our completed design in to a Container. Then we will tweak the design so that it looks like the button you see in the image above. We will then work with EverWeb’s Containers feature to get our navigation completed, tested and published!

    Hyperlinking The Button

    Now that we have the text within each of the our rectangle shapes, we set up a hyperlink to the page we want. In this case it would be to the Welcome! Page in our site. In this example, we are not going to hyperlink the chapter number, just the chapter title text. Highlight the text ‘Welcome!’ in the right hand side button then go to the Hyperlinks Inspector. Click on the ‘Enable as Hyperlink’ checkbox to activate its settings, Next, check that the Link To field is set as ‘One of my pages.’ If it is set to e.g. ‘An external page’ change this to ‘One of my pages.’ Next, go to the Page field and set the page to your Welcome! page. Adjust the Hyperlink Formatting colors and underlines to suit your navigation. In this example, we are going to keep the Normal and Visited colors the same and not have any of the hyperlinked text underlined as this will spoil the look of our button. There is another way in which we can highlight the button when we need to…

    Using Shape Options: Fill

    We can draw attention to the button when a visitor hovers over it, or clicks on it, by using the Shape Options Fill feature. If the text is still highlighted, click on an area in the Responsive Row instead. The rectangle should become selected, If not, click on the right hand button. Now go to the Shape Options tab in the Inspector. In the Fill section, change the ‘Normal’ menu option to ‘Mouse Over’. In the field below, which is set to ‘None’ by default, change this to Color Fill. Next, choose a color that you want to use for when your visitors mouse over the button. Remember that the text color should remain readable when you do so. Once you have selected your mouse over color, try mousing over the button to see it working.

    Adding the Button in to a Container

    The button is now complete. We will be using this button as our template for all of the others that we are going to use in our navigation, so make sure you have completed all of the styling that you want before you continue.

    As we always want to keep the two parts of the button together, we are going to put them together in their own container. First, select both of the rectangle shapes. Once you have done this, right click over one of the shapes. A pop up menu will appear. Mouse down to the Contain As… menu option, then Choose the ‘Row’ option. The buttons will now be contained inside their own Container!

    Styling the Container

    The Container will take the full width of the Responsive Row, and you will also see a dashed line inside the container which is the 20 pixel padding which is added by EverWeb when you create a container. To start, we are going to reduce the width of the button container. Go to the Metrics Inspector and uncheck the Full Width checkbox. You will now be able to access the Width setting for the Container. Change the value to 250 pixels. This should give you enough space for the Chapter button text. If not use a value that is appropriate to the longest text that you are going tp use. Sometimes, though, it is better to shorten the button’s title rather than having too long a title. In this instance it is a good idea to think as if you were designing a menu using the Navigation Bar widget.

    The second thing to look at is also the height of the button. Make sure that there is enough space so that the text looks comfortable inside the button. Not too squeezed and not too much dead space. In our example, using an 18 point font, we decided that a button height of 58 pixels was good.

    As the button is comprised of two parts, we also want to make sure that there is a clear, but small division, between the right hand side of the chapter number rectangle and the left hand side of the chapter title rectangle. We can set how much of a gap we want using EverWeb’s Padding and Margins options.

    Setting Button Padding and Margins

    To add some spacing between the two rectangles, select the Chapter Title rectangle. Next go to the Metrics Inspector. In the Margins and Padding section, set a left margin (the outer left field) to two. This should be enough to create a nice gap between the two parts of the button.

    Now we turn our attention to the Container itself. Here the default padding is set at 20 which for our navigation is too much. To change this, click on the container itself then change the padding from 20 to 10. Finally, select the Responsive Row itself and set its left and right margins to 30 and its top and bottom margins to 20.

    Completing the Navigation

    The navigation is almost complete. The final step is to select the button Container and duplicate it eleven times so that you have the twelve menu items required in the scenario. Here you can just copy the button container, then paste it 11 times in to the Responsive Row.

    Change the chapter numbers and chapter titles as required. Don;’t forget to also update the hyperlinks for each chapter, so that the visitor will go to the correct chapter!

    You can see how the finished result looks by either reducing the width of the EverWeb UI, or by using the Preview button in the Toolbar. The 12 menu items should wrap as you alter the width of the EverWeb UI or browser window. If it does not do this, select the Responsive Row and make sure that Wrap is selected in the Behaviour field.

    Our navigation is now complete. use preview to test out your design. Remember to also use EverWeb’s Preview QR Code feature so that you can see how the design looks on a mobile device.

    EverWeb on Social Media

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

    Facebook

    Flipboard

    YouTube

    X

    Instagram

    The post Creating a Navigation Menu with EverWeb’s Containers: Part Two first appeared on Website Building for Mac OS X | EverWeb Website Builder.

  • Feb 13 at 4:47pm
    Creating a Navigation Menu With EverWeb’s Containers: Part One

    Creating a navigation using EverWeb's Containers: Part One

    The new Container feature that debuted in EverWeb version 4.4 is a great way to realize your design goals as it’s incredibly versatile. In this post, we are going to show you how to create an effective, customized navigation for your home page.

    The Scenario

    In this scenario, we are going to create a fictitious online usite for the EverWeb User Manual. You can find the EverWeb User Manual from the link in the bottom left hand corner of the Projects Window when you launch EverWeb or from the Help-> EverWeb PDF Manual menu option. In this scenario we are going to create 12 buttons which will take you to each of the first twelve chapters of the online manual.

    There are various different ways in which this project can be achieved, such as using a Text Section widget, but in this instance we are going to use Containers as this will enable us to be more creative with our design.

    You can see a what we are going to achieve in the cover image at the top of this post. The twelve buttons are styled with rounded corners. Each button is comprised of two half rounded rectangles in a container. The spacing of the buttons is also something which can be controlled as well. These type of features are not achievable with the Text Section or FlexBox widgets.

    Prerequisites

    The only prerequisite you will need for this tutorial is to have EverWeb 4.4 or higher, for macOS or Windows installed. If you have a version of EverWeb prior to this, click on the EverWeb-Check for Update… menu option on a Mac or use the Help-> Check for Update… if you are using Windows to update your version of EverWeb.

    Creating a Container For The Chapter Buttons

    The first thing we need to do is to create a container within which we will add all of the chapter buttons in to, as you can see in the image at the top of the post. To do this, click on the Containers button in the Toolbar and select ‘Responsive Row’. Once you have added the Responsive Row to the page, click on the Settings Cog in the Responsive Row’s Toolbar, then click on Name… and rename the Responsive Row as ‘Chapter Row’.

    In this example, we will add margins around the Responsive Row widget. With the widget selected, go to the Metrics Inspector and set top and bottom margins to 20 and the left and right margins to 30 pixels in the Margins & Padding section. We can now start on the button design.

    Creating The Button Design

    As you can see from the image at the top of the post, the button is comprised of two rectangle shapes ‘joined’ together. The rectangle on the left contains the chapter number. The side of the button has rounded upper and lower corners on the right hand side. The rectangle on the right contains the chapter title and has rounded corners on the upper and lower right hand side. The two rectangles are ‘joined’ together using a Container Row.

    Start creating the button by clicking on the ‘+’ button in the center of the Responsive Row widget. From the menu, select the Shapes option then choose the first shape, which is a rectangle. Note that when you use the regular rectangle shape, you can change the look of any of its corners. If you used the next shape option, the rounded rectangle, you would only be able to change all the corners at once, not individually.

    The next step is to style the shape as we want. First, click on the Metrics Inspector button so that we can adjust the size of the button. Set the button width at 30 pixels and the height to 35 pixels. Next, click on the Shape Options button and click on the ‘Custom Border Radius’ checkbox in ‘Borders Options’ to activate its settings. Set the upper and lower right borders to 20 pixels.

    Finally, click inside the shape and enter the number ‘1’ for chapter one. Now we need to style the text and position it where we want it within the shape. To do this, select the text then go to the Text Inspector. Adjust the font and font size as you want. In our example, we are using Montserrat 18 point regular. To position the number correctly within the shape, go to the Alignment section and choose Right Aligned and Middle. The number will not look properly aligned as we want it so we need to adjust a couple of settings in the Spacing section. Here, set the After Paragraph value to zero and the Insert Margin setting to 5. Depending on the Fonts you use, you might need to experiment a little with these settings to get the alignment as you desire.

    To complete the button, you may need to check that the height of the button is still 35 pixels in the Metrics Inspector. If it is not, then change the value back to 35.

    Creating the Second Part of the Button

    Now that we have created the left side of the button we need to create the right side of the button. Click on an area inside of the Responsive Row widget, then click on the Shapes button in the Toolbar. As before, click on the first shape which is the rectangle. Size this to be 200 pixels wide (to accommodate the chapter title) and 35 pixels in height.

    This time we will round the corners of the rectangle on the right hand side. Again, make sure that the rectangle is selected, then go to the Shape Options tab and click on ‘Custom Border Radius’ in the Border Options section, to activate the settings. Set the right hand side upper and lower corner values to 20.

    The final step is to add a Chapter Title in to the button. Click inside the button and enter the text ‘Welcome!’ as the title of our first chapter. Style the text using the Fonts that you used for the first button. Once you have completed the styling, highlight the Welcome! text, In the Text Inspector set the Alignment to Left Aligned. The After Paragraph value should again be zero and this time the Insert Margin value should be set to 10. Remember to also check in the Metrics Inspector that the button height is 35 pixels. Adjust the value back to 35 if needed.

    If the second shape is to the left of the first shape, just drag and drop it so that it is to the right instead. You should have what looks like a pill shape button composed of two rounded rectangle shapes.

    Next Steps…

    Now that our button design is essentially complete, we will next add our design in to a Container, tweak the design a little so it looks like the button you see in the image above, then work with EverWeb’s Containers feature to get our navigation completed, tested and published. All this coming in Part Two!

    EverWeb on Social Media

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

    Facebook

    Flipboard

    YouTube

    X

    Instagram

    The post Creating a Navigation Menu With EverWeb’s Containers: Part One first appeared on Website Building for Mac OS X | EverWeb Website Builder.

  • Jan 31 at 2:39pm
    EverWeb’s Containers or The Responsive Row Widget, Which Is Best?

    EverWeb's Containers and the Responsive Row Widget

    Last September, EverWeb released EverWeb 4.4 for macOS and Window. This was a big release with a lot of new features. One of those features, Containers, is so important that we added it to the Toolbar!

    In this post, we are going look at Containers and the Responsive Row widget, what they do, and why Containers are key to your future website designs.

    EverWeb and Responsive Web Design

    EverWeb enables you to create websites in one of two ways: The first way is as a fixed width page design. This was the only page layout choice available when EverWeb launched back in 2015. That all changed in 2018 when EverWeb version 2.8 debuted introducing Responsive page design. The challenge was a significant one as we did not want to change the way EverWeb worked, or looked, for our existing users, when adding responsive website design features to the product.

    The debut of responsive website design in EverWeb heralded the introduction of the Responsive page layout as well as four dedicated responsive widgets: the Responsive Row, Text Section, FlexBox and Responsive Image Gallery widgets. These widgets were specifically designed to help make working with responsive pages easier. Under the hood improvements in other areas of EverWeb also made for a great responsive experience without affecting the existing user experience. Over the years, both the core features of responsive design in EverWeb, and its associated responsive widgets have evolved.

    The Importance of the Responsive Row Widget

    Since its inception, the Responsive Row widget has been a cornerstone of responsive page design in EverWeb. The widget is unique in that it allows you to add other widgets and objects, such as TextBoxes, Images, shapes, widgets and media, in to it. This ability helps you to add fixed width and responsive elements more easily to your page design, making developing responsive pages easier and more flexible.

    EverWeb Introduces The New Container Feature

    EverWeb 4.4 introduced the new Containers feature in September 2025. At first glance, it might appear that Containers and the Responsive Row widget are pretty much the same thing. In many respects they are as both are ‘containers‘ in their own right, offering many of the same capabilities. For this reason, both are included in the new Containers Toolbar button.

    The main features and differences you will find between Containers and the Responsive Row widget are”

    • The Responsive Row widget allows you to wrap objects that are contained within it.
    • Containers allow you to nest other Containers within each other.
    • You cannot add a Responsive Row widget inside a Responsive Row widget.
    • You can add Containers within Responsive Row widgets.
    • Containers let you create row, column and free form designs within them.
    • The Responsive Row widget aligns objects horizontally or vertically depending on screen size.
    • Containers let you group multiple objects together even in a Responsive Row the layout stays the same.
    • A Container does not wrap to a new line to align vertically.

    Naturally the question that you might be asking is: Which should I be using in my website, Containers or the Responsive Row widget? At the moment, the answer both! We recommend using whichever feature meets the requirement of your website design best. The Responsive Row widget is a great way to align objects horizontally and/or vertically in a responsive page as well as allowing you to wrap objects. Containers on the other hand, give you new ways to design content by nesting design elements, thereby allowing you to stack elements on top of each other. Additionally you also now have more freedom to design vertically and in free format ways within the responsive space.

    Now and The Future…

    The second question that you are probably asking yourself is, what will happen to Containers and the Responsive Row widget in the future? As a new feature in EverWeb 4.4, the introduction of Containers paves the way to the future. We are working on adding more features and capabilities to Containers in the upcoming EverWeb 4.5 release to further to exploit their potential to the full, giving you unparalleled design capabilities. If you have not tried out Containers yet, we recommend that you do so to become familiar with them. Our Working With Containers video will help you get started.

    The Responsive Row widget is not going away though, so your investment in this widget in your website is safe, as always. You can still develop with confidence using its features and capabilities. We recommend thought that you check out Containers, now and when EverWeb 4.5 releases, for exciting new developments and features.

    EverWeb on Social Media

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

    Facebook

    Flipboard

    YouTube

    X

    Instagram

    The post EverWeb’s Containers or The Responsive Row Widget, Which Is Best? first appeared on Website Building for Mac OS X | EverWeb Website Builder.

  • Jan 17 at 7:49am
    Creating a Call To Action Container in EverWeb!

    Create a Call To Action Container in EverWeb

    EverWeb’s new Container feature is a powerful design tool, especially when used in the Responsive pages of your site. Introduced in EverWeb 4.4, Containers let you create horizontal, vertical and free format designs easily, with more flexibility than ever before, allowing you to add more features that you want, taking what you conceive into reality on your page!

    A Container is an object that contains objects within it. In this post, we will explore one design possibility, other possibilities are down to your imagination!

    The Design Concept: Creating a ‘Call To Action’ Container

    Our design has two goals to achieve: The first is to explore EverWeb 4.4’s new Container feature, whilst the second goal is to create a ‘Call To Action’ (CTA). The image at the top of the post shows these goals in action. which is to create a Container that contains an item for sale, and a buy button which is our Call To Action. The aim of the CTA is to encourage our visitors to click on the button to purchase the sneaker shown in the image in the Container.

    Containers: A Quick Overview

    Although you can use Containers in a fixed width environment, we recommend using them in a Responsive Page Layout as this is where their full potential can be realized.

    Adding a Container to a page in your site is easy, just click on the Containers button in the Toolbar. Note that there are also other ways of adding Containers to your page.

    There are three types of container:

    • Container Row – Use this Container type then you want to organize objects horizontally
    • Container Column – Use this Container type when you want to organize objects vertically
    • Container Free Flow – Use this Container type when you want objects arranged in a free format way

    You will also see that the Responsive Row widget is also listed. This widget is included here as it is another form of container that you can add to your Responsive page design.

    Additional Container Features

    All Containers have a Toolbar positioned either above center or below center, depending on where the Container is on the page. The Toolbar accesses various Container settings. For example, use the Settings Cog to name the Container. You can also set the alignment of objects inside the Container Row or Container Column types. If you find that you want to change the Container type, you can do that as well. Any objects in the Container will automatically adjust.

    You will also notice that all containers have a Move icon in their top right hand corners. This compass type icon helps you drag and drop containers without mistakingly moving their contents.

    Nesting Containers

    Containers are versatile so can be added in to a Responsive Row widget, and can also be nested inside each other, so if you need to you can, for example, have a container within a container with in a container. This will give you a lot more design options. Before starting any design, we recommend that you look at its purpose and how to structure it from a design perspective. For example, you do not want to over design so that you have more nested containers than you need. Keeping your design ‘efficient’ will also mean it will work better, and quicker as it uses less code, when you publish your site later on.

    Creating a ‘Call To Action’ Container

    In this example, we are going to create a design that will incorporate an image, text and a button which will be our ‘Call To Action’ to encourage our visitors to click on. In. this post, please refer to the image above to see what we are aiming for.

    For this design we are using a Responsive page, so either create a new responsive page for your site, or use an existing one.

    The next step is to add a Responsive Row widget to the page where you want to add the Call To Action container. Click on the Containers button in the Toolbar, then choose the Responsive Row menu item. Alternatively, go to the Widgets tab and drag and drop the Responsive Row widget on to the page.

    A Responsive Row will be added to the page. The next step In our example is to add a background color to the widget. To do this, first make sure that the widget is selected on the page. Next, click on the Shape Options tab. If none of the settings are activated, you will need to select the Responsive Row widget to activate them. In the Fill section, click on the dropdown menu which is set currently to ‘None’. In our example we are going to use Color Fill, and choose a light grey color from the color swatch.

    Now that we have our full width widget with a light grey background, we can add margins and padding. to the Responsive Row. This will make the Responsive Row and the objects it contains look better on the page, especially when the page is built out to completion. To add top and bottom margins, use the Metrics Inspector.

    In the Margins and Padding section, set the top and bottom margins to 40, using the top and bottom outer fields to do so. You will see a grid appear above and below the Responsive Row when you apply the margins.

    After adding the margins, we will add some padding to the inside of the Responsive Row. Using the inner box of settings in the Margins and Padding section, add padding of 20 pixels to all of the sides of the Responsive Row.

    We can now proceed to add a Container inside the Responsive Row. In this example, we are going to use a Container Column as this suits our design best.

    Adding and Styling Objects In The Container

    First make sure that the Responsive Row is still selected. Click on the ‘+’ button in the center of the Responsive Row. A menu will appear. Click on the Container Column menu option A Container Column will be added inside the Responsive Row.

    This Container will be the ‘background’ on which objects such as TextBoxes, images and shapes will be placed on top of. So we will first color this background Container, in the same way as did for the Responsive Row widget. using the Color Fill option in the Shape Options tab. In this example, we are using a pastel green color.

    Next we are going to change the margins of the Container. Make sure the Container is selected, then go to the Metrics Inspector and change the margins from the default setting of 20 to 10.

    We are also going to name the Container as it will make it easier to reference it later if we need to. To do this, click on the Settings Cog in the Containers Toolbar then choose the Name option. In our example, the Container will be called ‘Sneaker One’. Click on OK to finish. You will see that the name of the object has changed in the Toolbar.

    We want the Container to be wide enough to be displayed on mobile devices. To change the width of the Container, go to the Metrics Inspector, and set the width of the Container to 320 pixels.

    You may find that as you add objects in to a Container that its width changes automatically, so check every so often that the Sneaker One container remains at 320 pixels wide. Readjust the Container width as necessary.

    Now we are going to add a second layer to the Container. Click on the ‘+’ button in the Sneaker One Container. From the menu, choose Container Column. Again, we are going to change the color of this Container. This time use the Color Fill menu in the Shape Options tab to set the color to a pastel orange. Name the Container ‘CTA Background’.

    Adding Text, an Image and a Button To The Container

    We now have the background style for the Container Sneaker One set up, we can now add an image in to the CTA Background container. This will be an image of the product that we are selling, in this example, a sneaker.

    Again, click on the ‘+’ button inside the Container, then choose ‘Image’ from the menu. Alternatively, click on the ‘+’ button in the Container’s Toolbar. A placeholder image box will appear inside the Container. To add the image of the sneaker that we want to the Container, go to the Shape Options tab in the Inspector Window and click on the Choose button in the Fill section. Select the sneaker image that you want to use. Resize the image within the Container if you want to.

    As we are going to be adding more objects in to the ‘CTA Background’ Container, we will take the time now to add a bottom margin of 10 to the image. Use the Metrics Inspector to do this in the same way as we did earlier.

    After adding the Image to the Container, we can add a text title above the image. To do this, we will add a TextBox in to the CTA Background Container. First, we will make sure that the CTA Background Container is selected.

    Click on the CTA Background Container’s + button in its Toolbar. Choose TextBox. A TextBox will appear. Replace the default text ‘Enter Text’ with the title text that you want, then style the text as desired, preferably using a Paragraph Style. Make sure that you resize the TextBox itself so that it fits properly within the Container. Drag and drop the TextBox so that it sits above the image if required. To finish, set the bottom margin of the TextBox of 10 so there is enough space between the TextBox and the Image beneath it.

    Adding a CTA Button

    The last objects to add to the Container are a text description below the image, and a Call To Action button.

    Click on the CTA Background Container to select it. Next, click on the + button in its Toolbar and choose Shape, then the Rectangle shape. This will be added to the objects inside the CTA Background Container. If the shape is not under the image, drag and drop it so that it is. Next, change the color of the shape’s background. In our example, we made this yellow, and we also rounded the corners of the shape using the Borders settings in the Shape Options tab.

    Set the width of the rectangle shape so that it is the same width as the image.

    Within the rectangle shape, we are going to add a some text. Click inside the yellow rectangle shape and type in a description of the sneaker. Remember that shapes can always include text inside them. When finished style the text as desired, preferably using a Paragraph Style to do so.

    The last step we need to take is to add the CTA button to the CTA Background Container. Select the CTA Background Container if it is not already selected. Use the + button in its Toolbar to add a rectangle shape, which will be used for the button. Style as rectangle shape as desired so that it looks like a button. Add a hyperlink to the button text which will take the visitor to a payment page, or a more information about the sneaker page.

    Remember to add a top margin to the button (or a bottom margin to the text description shape) one you have to finished styling the button.

    Check to make sure that the outermost container, Sneaker One, is still 320 pixels wide.

    The design is now complete. Preview, before publishing, to test.

    EverWeb on Social Media

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

    Facebook

    Flipboard

    YouTube

    X

    Instagram

    The post Creating a Call To Action Container in EverWeb! first appeared on Website Building for Mac OS X | EverWeb Website Builder.

  • Dec 31 2025 at 5:59pm
    Get Your EverWeb Made Website Ready For 2026!

    As we closeout 2025 and enter 2026, all of us here at #TeamEverWeb wish all of our customers a very happy and prosperous 2026! Here’s a look ahead at what you can expect from EverWeb and website trends in 2026!

    More Big EverWeb Releases in 2026!

    EverWeb 4.5 is coming soon and we’re super excited! It’s going to be another big release like EverWeb 4.4 for macOS and Windows was. We are currently testing out new features and expanding on some existing features before we’re ready to release a public beta. We are very excited about this release, and we have lots of other plans for future 2026 releases and beyond!

    Check out @everwebapp on X which is where we will be teasing out some of the new EverWeb 4.5 features such as fully customizable popup windows!

    Stay tuned on this blog too as we will be updating you as to when the EverWeb 4.5 Public Beta will be available for you to try out before the official public release comes out.

    EverWeb’s Perfect For 2026’s Website Design Trends

    EverWeb 4.3 and 4.4 features marry up to design trends 2026, which pundits predict, will be focused on more human-centric design. This means a more organic approach to site design rather than the structured approach we have seen over the last few years. In reality we are talking about irregular layouts flowing sections, layered gradients and soft masks.

    EverWeb 4.4’s new Containers feature is ideal for creating such layouts as you can create row, column or free-flow designs suitable for responsive environments. You can add a gradient fill type to your Containers as well to create the look that you want. To give your page a softer look, you may also find EverWeb’s Borders useful to soften sharp edges!

    Check out our posts early in 2026 for exciting EverWeb 4.5 features that will also have a big impact on this 2026 design trend!

    Oversized Typography

    Oversized typography in your site will also be a key trend for 2026, with highly oversized headlines creating high contrast with the regular sized body text of your pages. EverWeb’s revamped Text Inspector that came in EverWeb 4.0, makes this a breeze to achieve, especially if you have set up Paragraph Styles, which will make supersizing your Headlines just a one click operation!

    Tactile Design

    Also flagged for 2026 is a more tactile approach to website design. Take for example, the humble Call to action buttons that are found in most websites. Why not animate these types of buttons when your visitors mouse over them? Or change the color of the button? Find out more about Mouse Actions and Transitions from EverWeb’s Shape Options tab.

    It does not stop there though, as you can also use EverWeb’s Scrolling Effects to pin CTA buttons and shapes to where you want them on the page. Keep what is important front and center for your visitors at all times with this easy to use feature.

    Retro Design Is Back…

    Retro design styling is back as is brutalist design. Even anti-AI design style that employs non-perfect, rough textured designs will be a 2026 design trend. Designs though will also need to focus on accessibility as well as part of the mix, for example, designs that help reduce eye strain will gain traction.

    Videos Are In For 2026

    Adding video backgrounds to your pages, or objects on your page, will be a trend in 2026. EverWeb already makes it easy to add a video background to your page using the Video Fill option in the Browser Background section of the Page Settings tab. To add video fill to objects on the page, use the Video Fill options in the Shape Options tab instead.

    Website Speed and Performance Remain Crucial

    Whatever approach you take to your site’s design in 2026, you should always test your site out to make sure that its speed of page loading and the performance of each page is good. Over the last year, EverWeb’s continued to optimize these aspects of its code generator so that when you publish your website it will be as best optimized as it can be. However, when creating your page designs, you should make sure that performance draining objects, such as large image files and large videos, are avoided, especially when your site is viewed on a mobile phone.

    For image files there are some quick wins here, for example, instead of using .png format image files, use .jpg format files where possible. This will save you a lot of time when the page loads. You can also use fewer images on the page which, again, is an easy solution. Another option is to use EverWeb’s Lazy Load Image option in the Shape Options tab which will only load the selected image when it is required, so avoiding having to load it at page loading time.

    For video files, it is often best to use a service like YouTube or Vimeo which your site will link to, rather than having a video directly embedded in your site. This will save you bandwidth and will help speed page and video loading times. If you do need to use a video directly from your site, you may want to consider using a Poster Image which is displayed whilst the video loads in the background. You will find this feature in EverWeb’s Video Widget.

    2026 will be an exciting, groundbreaking year for website design and EverWeb in 2026 will give you need design tools and features to make it even easier, and more fun than ever, to create just the site you have always wanted. Now and in the future!

    Stay tuned as we will soon be covering the upcoming EverWeb 4.5 early in the new year!

    EverWeb on Social Media

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

    Facebook

    Flipboard

    YouTube

    X

    Instagram

    The post Get Your EverWeb Made Website Ready For 2026! first appeared on Website Building for Mac OS X | EverWeb Website Builder.

BitsDuJour is for People who Love Software
Every day we review great Mac & PC apps, and get you discounts up to 100%
Follow Us
© Copyright 2026 BitsDuJour LLC. Code & Design. All Rights Reserved. Privacy Policy