Ask a Question ?
Design & Publish Websites Faster
For starting a real site! If you want to just try it out!
Get Updates

Tips, Guides & Upcoming Features

What does Breezi do to create a responsive + adaptive experience for mobile & tablet users?

So in this post I talked about how we differentiate between responsive and adaptive when talking about mobile optimization.

In this post, I’ll get into what we actually did. All of our efforts around device optimization was based around one idea…  Responsiveness (mainly width) does NOT mean your site will work well on mobile.

That means that just because you can resize your window on your desktop browser and see the columns stack up, it does not mean the site is optimized for mobile devices.

All Breezi sites are responsive by default

What we did was first make all Breezi sites responsive by default. That means that every site that you make in Breezi is responsive by default. You don’t need to do anything to make that happen.

Let me clarify another thing… we don’t have Themes that are built responsive. Our entire platform is responsive. That means that ANYTHING you make in Breezi will be responsive.

1. Our Apps are responsive

All of the apps in everyone of your pages is designed for mobile devices already using media queries to size images and videos correctly when it’s being viewed on mobile & tablet devices.

2. Our layout builder is responsive

When you build a custom layout in Breezi, you can then open it in another browser and start resizing it to see how it can respond to the width of your screen. Any layout that you make in Breezi will be responsive as a result.

Note: we will someday release width conditional responsiveness as well. We have the ability to do it now but we want to put in the right user experience for it. That would mean that you could decide how the stacking / responsiveness would behave depending on the width of the screen.

3. We have Device Optimizer (adaptive)

Device Optimizer is a platform that we’ve designed in-house. Here is what it does

  • When you visit a page on a mobile device, it will check your apps to see if you have an app that requires further optimization, if it does, it will then…
  • Run a script to strip the content out of those apps and wrap them in a completely new behavior that is optimized for the device that it’s being viewed on
  • It will also read the styles that you have on your page and transfer them to the new behavior

 

Ok, so that’s how we optimize your pages!