Benefits of Commercial Cleaning Services

Benefits of Commercial Cleaning Services

Featured image by makasana photo

There are a lot of different ways you can clean your home and business. But when it comes to your business you will want to make sure that it is cleaned completely. If you are looking to enhance the look of your company and make sure it looks amazing, then you will want to consider the benefits of hiring a commercial cleaning company. You will find that the decision to have it done is easy when you understand the tremendous benefits associated with it.

Benefits of Professional Cleaning

It does not take long for a high traffic area to turn into a dirty area. The more people that are moving through your space, the more you will need to have it professionally cleaned.

  • A commercially cleaned office space will enhance your employees’ productivity. The space is pleasant to be in, and you will find that they will work better knowing that they do not have to worry about staying healthy. It is easy for an owner to forget about the hidden areas of the office that need regular cleaning. But the professionals from a commercial cleaning service will check everything and get it all cleaned up.
RELATED ARTICLE: MOVING OFFICES DURING A PANDEMIC? IT’S ACTUALLY A GOOD IDEA
  • A clean area is not as hard to disinfect when a person comes in not feeling so well. When a person comes in sick you will want to make sure every area is professionally cleaned by a commercial cleaning service. This can help to keep everyone else from catching what is passing around. A healthy environment means more productivity. This means more profits for your company to grow with.
  • One of the best benefits of a commercially cleaned office space is the appearance of professionalism that it gives. Even if only subliminally, your customers will notice. You will find that a more professional look will make your customers want to stay longer, too. The word will spread that your office space is the right place for transacting business.
  • A clean area also provides a morale increase for your employees. They will want to continue working for you, as they will enjoy working for the company.
  • Commercial cleaning by professionals also frees up space for storage, as clutter is disposed of and done away with.
RELATED ARTICLE: SAVING SPACE SAVES VALUABLE RESOURCES

Take Advantage of the Benefits of Commercial Cleaning Services

There are a lot of reasons why commercial cleaning services make sense for your company. These benefits and more can be your new reality once you have the service completed. If you have any questions about how the process works or what it will take to get the service started, then you will want to contact your local professional today.

The post Benefits of Commercial Cleaning Services appeared first on Business Opportunities.

Ask the Bartender: What Happens When Block Markup Changes?

Ask the Bartender: What Happens When Block Markup Changes?

I’m a developer that has started developing with Gutenberg recently. There are a bunch of amazing benefits and features, but there are also a ton of drawbacks, inconsistencies, as well as absolutely awful and outdated documentation.

One of the worst aspects of Gutenberg from a developer perspective has been block validation. Consider the following scenario. I build a custom (non-dynamic) JavaScript-based block, and a CMS editor adds the block to thousands of pages. What happens when or if I need to update the markup of the block?

By default, all of the blocks will enter a state of invalidation and not reflect on the front-end of the site. The CMS editor would have to go into thousands of pages and manually click the button which allows the block to be recovered.

Block deprecations have been suggested as a way to resolve this, but the API is poorly documented, confusing, and seems like it would become unmaintainable in the long term with more than a few deprecations.

Shouldn’t there either be a way for block developers to opt-out of the validation process or a global way to recover blocks?

PJ

You are certainly not holding anything back, PJ. While much of this is a bit more technical than I typically like to cover here at the Tavern, I decided to reach out to Riad Benguella, one of the lead Gutenberg developers, for more insight into the situation.

Before diving into his response, I have given one aspect of your question some thought. There are times when developers need to deprecate old markup and move onto something new. However, this should not happen often. Generally, it is a sign of poor architecture if the HTML needs to be overhauled regularly. This also leads to other issues, such as a third party not being able to maintain stylistic changes.

When developing blocks or any type of application that outputs front-end code, you need to think about what that should look like today and in 10 years. What happens if a user adds some custom CSS to style your block and the block’s HTML structure has changed? From their perspective, your block update has broken their site. The same could be said for another plugin that extends your plugin in some way.

Ask any theme author how frustrating it is any time Gutenberg/WordPress changes its block output. While it has improved in the last couple of years, styling blocks for the editor and front-end has often been a maintenance nightmare.

As a developer, I have always tried to think through any real-world consequences of making these changes from a user’s perspective. That should happen from Day #1, not after you have released your project.

Doing this adds time to the early project when you are just trying to get it out the door and into users’ hands. This is where taking a pre-release step back helps. Get away from the computer. Go on a walk. Think about the architecture of your project and whether it is ideal for the long term.

“For the block versioning/updates, it’s indeed one of the areas of the Gutenberg APIs where we needed to make architectural tradeoffs, and we decided to favor the user experience over the developer’s,” said Benguella.

Regardless of your development method, following the project’s approach of a user-first experience will help in the long term.

“To understand the problem properly, one needs to understand how blocks work and are edited,” said Benguella. “Block instances are a JSON object, and the editor UI manipulate that JSON, but in order to stay backward compatible, to ensure the preservation of user’s content in the most readable format, and to embrace web standards as much as possible, the block editor doesn’t store the JSON object but an HTML serialization of it in post_content.”

That serialization is parsed and converted to JSON when the editor reloads the content to edit again. In the final stages of parsing, it is up to the block author to decide how to save and parse the object.

“Now, imagine if a user altered the saved HTML (serialization) and just put any random content there,” said Benguella. “The block might not be able to parse the HTML properly because it doesn’t match its expectations (what has been defined by the block author), which means recreating that JSON object in order to be manipulated won’t be possible at this point.”

When this happens, the block editor provides the user with an interface to make an informed decision. They can attempt to “force parse” the block JSON or convert it to an HTML or Classic block.

Invalid block output in the WordPress editor.
Invalid block after altering the markup.

This same type of invalidation can happen when a plugin developer updates their block. However, instead of the saved HTML changing, the developer changed the “expectations” of the block — altering how it gets saved and parsed.

“Which is why we ask block developers to provide block deprecations representing the old markup of the same block,” said Benguella. “Deprecations can also be thought of as valid, alternate sources for the same block. This allows the editor to parse the old markup when loaded and save the new markup back if an update is made to the block.”

WordPress has block deprecation documentation. However, it is not thorough. The best source of seeing real-world deprecations is looking through Gutenberg’s block library. Deprecated blocks have a deprecated.js file.

Benguella said that this system can be frustrating for block authors. This is especially evident in a development environment when making changes. This has lead developers to ask for a method of disabling the validation algorithm.

“It’s something we don’t want to provide at the moment because, as explained above, the validation is also important when markup changes for another reason (external edit, another editor, etc.),” he said. “So it may cause content loss for users without them being aware of anything. The preference right now is given to user awareness.”

The team has improved the validation system over time, allowing for small changes that do not break the block state. There is also an open ticket for improvements in the future.

Download a FREE Global Presets Style Guide for Divi’s Telehealth Layout Pack

Download a FREE Global Presets Style Guide for Divi’s Telehealth Layout Pack

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. Today, we’re sharing a global presets style guide for Divi’s Telehealth Layout Pack. Divi’s global presets help you speed up your web design process in no time, and to help you speed it up even faster, we’ll be regularly providing global presets, that are unique to the layout pack, in one single layout. You can choose if you want to upload all global presets at once or select specific ones.

divi layout

Check Out The Global Presets
Style Guide Below

Get it for free today!

telehealth global presets style guide

Download The Global Presets Style Guide For The Telehealth Layout Pack

To lay your hands on the free global presets style guide, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:before { border-top-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: transparent !important; border-left-color: #ffffff !important; }
@media only screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: #ffffff !important; border-left-color: transparent !important; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:before { background: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !important } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 strong { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !important;}

Download For Free

Download For Free

Join the Divi Newsletter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

A Quick Overview of Global Presets

The beauty of Divi is that it gives you full control over the design of your website using a wide range of design settings that you can use to customize the appearance of any element or module.

The new Divi Presets system allows you to design a custom appearance for a Divi element (like a button module) and save it as a preset. All of the design changes you make are saved in the preset. When you add a new module to your page, you can browse your saved presets and quickly apply them.

Once a preset has been applied, the module’s default design is controlled by the preset. If you update the style of a preset, all modules using that preset are updated as well. This allows you to control the design of your entire website using a small collection of saved presets. Plus, it saves tons of time when adding new modules to your page, since you don’t need to design each new module from scratch but instead can quickly select an appearance from your Divi Presets library.

When to Use a Global Presets Style Guide

Preferably, you’ll start using a global presets style guide before building your pages, templates, etc. The reason behind that is that you’ll be able to immediately access your global presets while building your designs, instead of having to go back to your design, reset inline styles on an element level and apply a global preset.

Starting your Divi build process after you’ve created a style guide helps you avoid having to manually make changes to modules inside their individual settings. If you’re working with global presets from the beginning, you’ll be able to modify them in one place and watch the changes unfold across your entire website at once.

If you’re looking to create your own global presets style guide from scratch, as opposed to using one that is based on a layout pack, check out the style guide framework download post.

Option A: Automatically Uploading All Global Presets at Once

This approach will automatically add all presets to your preset library at once.

Go to Divi Library

Go to your Divi Library in the backend of your WordPress website.

telehealth global presets style guide

Upload Layout With Presets

There, click on the “Import & Export” button at the top.

telehealth global presets style guide

Continue by clicking on the import tab and selecting the JSON file which you were able to download at the beginning of this post. To automatically import presets, tick off the “Import Presets” box too. This will automatically add each preset to each module.

telehealth global presets style guide

Preset Names Inside Preset Library

Below, you have a list of all presets and their names that have been added to your modules. The order is the same as in the print screen below. You can always go back to the style guide for reference.

  • TLP – H1 – 1
  • TLP – H2 – 1
  • TLP – H2 – 2
  • TLP – H3 – 1
  • TLP – H4 – 1
  • TLP – Body – 1
  • TLP – Link- 1
  • TLP – Text – All – 1

telehealth global presets style guide

  • TLP – Button 1
  • TLP – Button 2
  • TLP – Button 3
  • TLP – Button 4
  • TLP – Button 5

telehealth global presets style guide

  • TLP – Blurb 1
  • TLP – Blurb 2
  • TLP – Blurb 3
  • TLP – Blurb 4
  • TLP – Blurb 5
  • TLP – Blurb 6

telehealth global presets style guide

  • TLP – Contact Form 1
  • TLP – Testimonial 1
  • TLP – Slider 1
  • TLP – Divider 1
  • TLP – Video 1
  • TLP – Blog 1
  • TLP – Social Media Follow 1
    • TLP – Social Media Network 1

telehealth global presets style guide

Access Preset in New Modules You Add

You can access each one of the uploaded presets by opening or adding a new module, clicking on the preset item at the top and selecting a preset of your choice.

telehealth global presets style guide

Option B: Selectively Turning Modules in Style Guide into Global Presets

With this approach, you have a bigger say in what appears in your global presets library and what doesn’t. The elements will be provided to you in one place and you can visually pick which one you want to manually turn into a global preset with a name of your choice.

Go to Divi Library

Navigate to your Divi Library in the backend of your WordPress website.

telehealth global presets style guide

Upload Layout Without Presets

Then, click on the “Import & Export” button.

telehealth global presets style guide

Go to the import tab and select the JSON file you were able to download at the beginning of this post. If you want to be able to pick which modules you turn into global presets, it’s important to leave the “Import Presets” box unchecked.

telehealth global presets style guide

Create New Page Draft + Upload Layout

Now, create a new page draft for the global presets style guide layout.

telehealth global presets style guide

telehealth global presets style guide

telehealth global presets style guide

Pick a Module You Want to Turn into a Global Preset & Open Module Settings

Go through all the elements and decide which ones you want to turn into global presets.

Turn Module into Global Preset in Settings

Say, for instance, you want to turn one of the Button Modules into a global preset. Open the Button Module settings and click on the preset option at the top.

telehealth global presets style guide

Turn the module settings into a new preset from custom styles.

telehealth global presets style guide

Name the new preset however you want.

telehealth global presets style guide

Repeat Steps for Each Module You Want to Include in Presets

Repeat these steps for each preset you want to create.

Turn Custom Color Palette Global

Turn the HEX color codes of your choice, which you can find in the style guide, global by right-clicking the color and selecting “Conver to Global”. You can do this for each one of the colors inside your color palette so you can easily access them when designing and building inside Divi.

telehealth global presets style guide

Tip: Keep Style Guide in Separate Tab to Copy/Paste Specific Styles (Gradients/Box Shadow/Border/…)

Last but not least, it’s a great idea to always keep the style guide in a separate tab. Using Divi’s built-in and cross-page copy-paste option will help you quickly transfer styles, like gradient backgrounds, from one element to another!

New Global Preset Style Guides Every Week!

We hope you enjoy this week’s global preset style guide. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!

The post Download a FREE Global Presets Style Guide for Divi’s Telehealth Layout Pack appeared first on Elegant Themes Blog.