We are starting the series of tutorials and short reviews about popular HTML5 mobile frameworks. In this post we are discussing why would developers use existing mobile web framework instead of building one from the ground up. And we are creating simple mobile web application with Framework7
Mobile web applications allow us to quickly design and develop prototypes, reuse already written code across multiple mobile platforms and in many cases match look & feel for customers using wide range of devices with different operating systems.
I haven’t had the best relationship with the issue of site speed over the years, if I’m honest. I mean, even though I knew that it’s obviously important, I wasn’t doing much testing to find out how fast my site was for its actual audiences.
After all, the site loaded just fine for me (when doing administrative tasks, publishing content and so on), so it’s probably the same for my audience too, right?
Well, not quite. As it turned out, the average visitor had to wait around eight seconds (that’s 8) for my site to load. I was quite shocked to see that number, and that’s probably why I remember it so clearly.
HTMLCenter blog meets this year with completely refreshed look & feel and new monthly Newsletter (we will give our best to make ‘monthly’ – regular). In addition to this we have made few other minor changes to overall blog structure.
How and why we did it all?
Site look & feel redesign project was sitting on my to-do list for a while, but somehow it managed skip down in priority order each month.
HTMLCenter runs on WordPress (very good CMS indeed), and the old custom theme we had was becoming much outdated.
Old WordPress theme was build with desktop Internet browser in mind and didn’t look good on mobile device browsers at all. Increasing number of HTMLCenter readers arriving via smart devices was a constant reminder that we had to find the time and do blog redesign.
PhoneGap is hybrid HTML5 mobile application framework which has nicely growing user community.
Here on HTMLCenter we have published several tutorials about designing and developing Cordova / PhoneGap based HTML5 mobile applications.
In fact, any other developers using PhoneGap framework can just import your plugin and use the functionality in their own apps. Developer community has created many such plugins. And Cordova contributors have developed plugin manager called plugman in order to make installation of plugins simple.
The term backend as a service or BaaS is currently mentioned a lot among mobile application developers.
Multiple storage options exists for HTML5 applications, like the local storage or filesystem. But these will only allow application to store data locally, on the mobile device.
If your mobile app has to store data outside the device, in order to sync across different platforms for example, application creators have to make a decision on how this will be achieved.
One option is to build a simple backend service which could handle requests from mobile application running on multiple mobile clients and provide data storage functionality.
This usually sounds easier then it is to implement, because while building such backend service you have to take many factors into account. Authorisation and authentication, performance and operations support among many others.
This guest post on HtmlCenter blog is written by Casey Ark who runs Plato Web Design. We are always looking for interesting contributions to our blog which can provide value to our readers, please get in touch.
I run a design firm called Plato, and about a year ago, my team and I had reached an impasse. Like everyone else, we built websites with PHP/Wordpress, and had a great time doing it, but there was one problem: we were slow.
So we analyzed our processes – we watched everything our developers did each day, and tried to find the biggest time-wasting activities. After quite a bit of analysis, we eventually found out that approximately 50% of the time each of our developers spent each day was on repeatable tasks.
In the end, we spent a few weeks searching out the easiest-to-install, most customisable JS scripts in the world for use in our sites, and we saw an incredible increase in productivity…