New to Moovweb? Here’s a list of some frequently asked questions and answers.
Using the Moovweb platform and SDK is incredibly easy. However, if you want to get the most out of the platform, there are a couple of prerequisites listed below. Some knowledge of these will enable you to use the SDK with minimal difficulty:
General Computer Skills
If you’re aiming to develop a mobile site, it’s useful to have knowledge of mobile design and mobile web development practices. If you feel comfortable with all of these, then using the Moovweb platform will be a cinch!
This is one of the most common questions developers ask us. The fact is, if your site is relatively simple, then responsive design is a legitimate option. As sites increase in scale and complexity, however, they need to run on a more powerful platform. For any site that needs to consider the optimal experience for every user regardless of their device, responsive web design isn’t enough.
That’s where Moovweb comes in.
Awesome User Experience
With responsive design, you are constrained in the user experience you can provide your mobile user. For example, you can’t change the fundamental layout of a page, or create a totally new mobile-only page. You can do that easily with Moovweb. With Moovweb, you can create a highly tailored user experience, using responsive design techniques plus the various other tools Moovweb provides.
With Moovweb, you can centralize that entire transformation process by removing the scripts you’re not using for mobile and compressing the scripts you are using into a single file and a single HTTP request. Your HTML transformations will correspond to your CSS that is cleaned up and empowered by Sass.
A streamlined approach keeps your codebase nice and neat. A responsive approach, on the other hand, inflates your codebase into an overwhelmingly muddled pile of code-on-top-of-code for the various views that are being added or transformed.
No Heavy Lifting
We optimize images for you via spriting and optional scaling, format, and quality adjustments, and bundle your CSS into a single file and single HTTP request.
No Duplicating Assets
Like Responsive Web Design with Server Side components (RESS), Moovweb is a server-side solution. Moovweb dynamically transforms a page before it even hits a visitor’s browser. You have all the benefits of RESS but without the duplicated web assets. When you need to make a change, you do it in one place and when it’s transformed for mobile visitors, that change will automatically flow through.
Shrinking down a display to work on an iPhone does NOT ensure you are giving the user what they need. By altering the front-end elements, you’re more intelligently considering the mobile use cases over what your users need on desktop.
Moovweb’s technology is built on the basis of HTTP and HTML, the foundation of the web. This gives it the unique ability to adapt to future devices, whatever they may be (Google Glass, TV, Kiosks, and beyond).
In short, Moovweb enables your business — and codebase — for the future. The end result is a mobile-optimized site that is built to scale and built to last with an ability to adapt to and optimize for new technology.
We call this the Agile Web approach.
If I am completely new to programming, what are all the necessary software I need to download to get the Moovweb SDK up and running?
You’re on Moovweb’s Developer Center, and this is perfect place to get you started. We cover everything from downloading and installing our software to creating a complete mobile website on our platform.
If you’re completely new to programming, we suggest you learn some basic HTML and CSS before you start diving into Moovweb.
We also offer a comprehensive online training course at Moovweb University. These courses are currently restricted to Moovweb partners and customers. Please contact us for more information.
The standard way to create a mobile-optimized webpage is to take the existing content and remove items until only the essentials remain. For example, we commonly remove excess ads or awkward navigation bars.
The next step is to redesign the elements you do want to keep. This usually involves moving from horizontal to vertical navigation, creating large show/hide buttons that allow you to serve only the content asked for by the user, and generally finding a way to keep your site simple yet still understandable.
For more hands-on instructions on how to transform a desktop site into mobile, take a look at some of our tutorials.
If an issue is observed on the mobile site, and the source is unknown here is a standard approach trying to find the source of the unwanted behavior:
console.log()statements to see which files are getting mapped.
Moovweb uses port 80 so you’ll need to stop any other programs from using that port first.
Here is a list of common applications that may be using port 80:
This is so that you can test your mobile changes in the browser, which helps you develop Moovweb projects quickly and efficiently.
We find many users want to enable brand new features on mobile. There are several ways to do this, here are three common options:
Please see the Encoding Issues page.
As of Moovweb 5 or later, you can now handle this with the
moov deploy command. This takes whatever is currently in your local development directory (whether it is part of a commit or not) and deploys it to the Control Center.
On the command line you will still see the progress of your build. The Control Center will update with a new version each time you deploy. See the documentation for
moov deploy for more details.
If you are using Moovweb 5 or later, this is now done with the
moov deploy command.
In Moovweb 4.7 and earlier, you can still push your master branch to the Control Center with:
git push moovcloud master
Where “moovcloud” was a remote pointing to your Control Center Project in our
firstname.lastname@example.org Git server. If you are developing locally on a
new_feature branch, you could also push your other branches to the Control Center. However, the only branch that would be automatically built and deployed would be the master branch. If you wanted your
new_feature branch to be built and deployed, you would have to push that branch into the remote’s master branch like this:
git push moovcloud new_feature:master
Likewise, you can push the contents of a Git tag to be deployed by doing the following:
git push moovcloud +feature_tag:master
When you first begin a Moovweb project and are preparing for launch, there are a few operational procedures that need to be completed.
Here is a checklist of areas that can cause problems:
Sass is a CSS pre-compiling language! Check out our Sass documentation on how to use it!
If you are on Windows, make sure you are running Git Bash as an administrator (right-click and choose “Run as administrator”) and not the standard Command Prompt.
Check out our Stack Overflow articles on some other common Git failure modes.
(Note: If you are using Moovweb 5 or later, Git is no longer needed to deploy a site, use moov deploy instead)