Tuesday, 15 January 2019

Best Free SVG Code Tutorials For Web Designers & Developers

SVG tutorials

Most designers create their SVGs in software like Illustrator and that’s a legit way to go. But it’s also possible to embed SVG content into a webpage solely in code. No HTTP graphics to download, no extra file to add into the page. This process is slowly growing in popularity among the web design community […]

The post Best Free SVG Code Tutorials For Web Designers & Developers appeared first on Vandelay Design.

from Vandelay Design https://www.vandelaydesign.com/best-svg-code-tutorials/

Visual Composer’s New Name and the Confusing Story behind It

The Visual Composer users have found themselves quite confused lately, and we are here to clear the things up.

You have probably seen two new names in our offer; WP Bakery and Visual Composer Website Builder.

So the big question is

“Which one is the original Visual Composer?”

If you think that the WP Bakery is a new product while the Visual Composer Website Builder is just the new name behind which is the old Visual Composer – unfortunately, you are wrong.

We admit that the whole thing is quite confusing and we understand why so many of our users, as well as long-term partners, are upset with us.

Which brings us to the reason we decided to publish this post in the first place. Above all, we want to apologize for the confusion around Visual Composer, and we want to explain the whole story of what happened here.

We are sorry for the mess we have created around Visual Composer.

We admit that we should have explained what caused this situation at the very beginning before it escalated.

So let’s finally do that and dive deeper into the mind-twisting story behind this huge mess that got even worse as we tried to fix it along the way.

It all started with one thing that caused a big domino effect of issues that went down one after another:

Changing the name of the Visual Composer Page Builder

On every major WP theme, you have probably noticed the name above. After all, it was included as a premium plugin in the majority of the all-time favorite WordPress themes.

So the big question is: Why would we change the name in the first place when it was so well-known and easily recognizable?

The truth is – because we had to; we did not have a choice.

If you want the whole story, check out the video below.

It all began with our new product, the Visual Composer Website Builder. It is worth mentioning that the Visual Composer Page Builder and the Visual Composer Website builder are two entirely different products used for different purposes.

The Page Builder is an Envato-exclusive product with a lifetime license (like all products sold with Envato). The Website Builder, on the other hand, was meant to move away from the lifetime license model. We wanted to create a product much more complex in features and specially designed for the users whose building needs have rapidly evolved.

However, the new features came hand in hand with much higher development costs which that could only be sustained with a yearly license model. In addition to that, we wanted to be in the direct touch with our users because we recognized the need for the best support we could possibly provide.

However, our plans took a wrong direction because

We overlooked a crucial detail that forced us into a difficult decision

And that detail in question was the contract we signed with Envato and all its limitations.

Long story short, we were not allowed to sell another product under the Visual Composer name outside their platform.

At that point, we had to choose our next step. We had two options:

  1. We could adjust our new product to fit the lifetime license model and put it up on Envato.
  2. We could change the product name to lift the contractual limitations.

It was not an easy choice to make, and we knew that both options had significant downsides. We weighed our two options over and over again, and eventually, we decided to go with the option 2. We decided not to compromise the quality of our new product, and this was the only way to do it.

And that is how the Visual Composer Page Builder became WP Bakery

And that is where the whole confusion started. Not only were we buried in the developing process of our new product which required our full attention, but we also had to deal with a whole new set of unplanned changes.

Dealing with all that work, we did not immediately notice the vast confusion we created.

Not only were people confused about the name change, but they also didn’t understand what our new product, Visual Composer Website Builder, was. Was it a new product or just a rebranding of the old one? And what about WP Bakery?

So let’s take it step by step and explain the difference between the two once and for all.

What is Visual Composer Website Builder and what does it do?

The Visual Composer Website Builder is a live-preview editor with drag-and-drop features. It is not the same thing as the Visual Composer Page Builder. It is an entirely new tool. It comes in two versions; the free and the Premium version.

There are hundreds of ready-to-use content elements to choose from that will help you turn your ideas and visions into reality. It is easy to use thanks to the drag-and-drop features, and you can see all the changes instantly.

It can be used with any theme, including your existing themes. On top of that, you can choose from a variety of WP templates for different types of pages (landing pages, portfolios, corporate websites, product pages and many more).

Page editing works in two ways; frontend editor and tree view. With the tree view, you can navigate through the elements available on the page which will save you a lot of time during the process.

One big perk of the Visual Composer Website Builder is the fact that there is a header, footer, and sidebar editor available in the Premium version of the product.

In addition to that, you can access numerous useful add-ons that you can get from the third-party developers or the Visual Composer’s dedicated Hub.

Are Visual Composer Website Builder and WP Bakery the same thing?

Short answer: No. These are two entirely different tools. Let’s take a moment to explain the main differences between the two.

Some people believe that the Visual Composer Website Builder is merely a premium version of the WP Bakery. It is not.

Visual Composer Website Builder’s code was built from zero with React.Js. It does not use any of the WordPress shortcodes. It was developed using the feedback from our users to offer them the best experience possible.

However, the most significant difference between the two products is that WP Bakery is only for the content part, while Visual Composer Website Builder allows you to build a complete website (with Headers and Footers).

Like mentioned before, Visual Composer Website Builder does not use any shortcodes, while WP Bakery is shortcode-based.

In practice, this means that the VC Website Builder:

  1. allows you to generate clean code
  2. doesn’t get messy if you disable the plugin (like it happens with shortcode-based plugins)

On top of that, VC Website Builder comes with a cloud-based Hub from which you can download all the elements you find useful. Basically, you can handpick the elements you need and download only them rather than bloating the website with a bunch of unnecessary assets.

There’s a full list of difference between the two products that you can check right here.

That being said, we also have to point out that WP Bakery is still getting the same amount of work and attention as it did before we developed VC Website Builder. Both of the products are equally as important to us, and we want to offer the best user experience possible.

Thank you for taking a moment to go through this story with us. If you have any additional questions regarding our products, please leave a comment, and we will try to give you the answer as soon as possible

Read More at Visual Composer’s New Name and the Confusing Story behind It

from Web Design Ledger https://webdesignledger.com/visual-composers-new-name-and-the-confusing-story-behind-it/

Monday, 14 January 2019

Building Image-Rich Websites Without the Lag

Why Synthetic Transaction Monitoring For Web Application Matters

In today’s digital world, reputation is both an asset and a liability. Given that 84% of people trust online reviews as much as an in-person recommendation, according to Forbes, a single negative review concerning your web application can lead to a serious loss of customers. Aspects such as the security, speed, and efficiency of your website will all play a pivotal role in ensuring customer gratification.

While real user monitoring is a necessity, it might not always be enough in the quest to keep customers happy. Combining it with synthetic transaction monitoring might be worth your while when looking to offer convenience. In a nutshell, synthetic transaction monitoring helps to simulate the path that users can take when using your application through a predefined script. It can simulate transactions such as logging in, accessing the cart and payment.

Here is why you should consider integrating it with your other web application performance management strategies:

Improve Success When Venturing Into New Markets

There are a lot of obstacles that your web application will face when venturing into new markets. For instance, slow networks in a new market will mean that including videos on your site will not be effective. It will lead to slow load times and high customer dissatisfaction levels.

Before choosing to launch your services in such new sites, you can always count on synthetic transaction monitoring to offer you insights on how your site will perform in the real world. Additionally, combining it with tasks like sql server monitoring, both during and after the launch, will offer you enough visibility throughout the lifecycle of your site.

Measure Third-Party Application Performance

Today’s websites are conglomerates of small applications, all meant to improve the user experience. However, this use of third-party apps introduces some complexity in how your web application can be monitored. Some of them include SEO add-ons, social networking, and web analytics.

On the other hand, having any of these third-party apps fall short of the expected performance can introduce some dire consequences on the profitability of your business. Committing to synthetic transaction server monitoring will ensure that you can identify the issues with these apps in good time before the customers do. In case one of the service providers isn’t fulfilling their end of the service level agreement, you can use the data collected during the monitoring sessions to file complaints.

Compare Your Performance To The Competition

Any insight that you might have on beating the competition is like gold in the business world. Synthetic transaction monitoring can help you identify how certain changes can affect your competitiveness in your field. For instance, if you are introducing a plugin to your site, it can help assess the effectiveness of the plugin in terms of speed.

You can then compare this to the current or previous speed of your competitors. Such an approach can be quite helpful in determining your future business strategies. The fact that most tests are simulated also makes it less costly than making web application changes that will fall short of expectations.

Promoting Baselining

Performance baselines will easily identify if anything is amiss with your application. By analyzing the data developed through real user monitoring, you can compare the expected performance to the real performance metrics and identify problems. Additionally, it also helps to tell if a tweak that you made to your site was worthwhile.

Synthetic transaction monitoring helps to form the baselines of performance quite early before the launch of your web applications. This can help to both maintain the performance in tip-top shape and improve it when needed.


Synthetic monitoring is a sure way to safeguard your business against negative reviews arising from poor application performance. However, it might not be effective in identifying real-time and unexpected application glitches, which is why integrating it with other performance management solutions is wise. Consider combining it with real-user monitoring solutions to improve the visibility you have on your web application’s performance.

Choosing the Right Platform to Manage Multiple Sites at Once

The post Why Synthetic Transaction Monitoring For Web Application Matters appeared first on SpyreStudios.

from SpyreStudios https://spyrestudios.com/why-synthetic-transaction-monitoring-for-web-application-matters/

Friday, 11 January 2019

Free Bootstrap 4 Tutorials For Mastering The Framework

BS4 Logo

The release of Bootstrap 4 comes with incredible value to web developers. In this updated version we have a handful of new components, newer updated styles, and a fresh new codebase that’s a lot easier to work with. However if you’ve never used Bootstrap before you may not know where to turn. For anyone brand […]

The post Free Bootstrap 4 Tutorials For Mastering The Framework appeared first on Vandelay Design.

from Vandelay Design https://www.vandelaydesign.com/free-bs4-tutorials/