FREE How-to Web Development Tutorials

onlyWebPro offers a dozen of How-to Web Development Tutorials, and Inspiration to help you learn. It's absolutely FREE.
Build Full Screen Mobile Web App For Android Chrome

Build Full Screen Mobile Web App For Android Chrome

In this article, you’re going to learn step by step on how to set up your web app to have an app shortcut icon added to Android’s home screen, & have the app launch in full screen mode using Chrome for Android’s “Add to home screen” features.


Continue reading on Build Full Screen Mobile Web App For Android Chrome

Build Fast HTML5 App With Navigation Timing API

Build Fast HTML5 App With Navigation Timing API

HTML5 Navigation Timing API provides accurate insights for web developers to locate, identify & optimize web app’s performance for better user experience.


Continue reading on Build Fast HTML5 App With Navigation Timing API

Build Responsive Image Gallery Using CSS Calc()

Build Responsive Image Gallery Using CSS Calc()

In this tutorial, we will learn to leverage CSS Calc() function to fit 3 images relatively in a row with 10 pixels margin between them.


Continue reading on Build Responsive Image Gallery Using CSS Calc()

HTML5 Game Development: Adding Vibration API

HTML5 Game Development: Adding Vibration API

If you are a HTML5 web game developer, and you are more targeted toward mobile gamer than desktop gamer, you may probably want to enrich your HTML5 game by adding ‘vibration’ features.


In this article, I’ll show you the simple use of Vibration API in your web game.


Continue reading on HTML5 Game Development: Adding Vibration API

jQuery UI Autocomplete Hover Issue Hacks For iOS

jQuery UI Autocomplete Hover Issue Hacks For iOS

Find out the tricks to fix the jQuery UI Autocomplete Hover Issue For iOS devices.


Continue reading on jQuery UI Autocomplete Hover Issue Hacks For iOS

How Quickly Can Async Scripts Improve Rendering Speed?

How Quickly Can Async Scripts Improve Rendering Speed?

how quickly actually can Asynchronous JavaScripts improve the time of first render? Have you conducted any analysis on this topic before? If you haven’t already done so, let’s find out the answer today!


Continue reading on How Quickly Can Async Scripts Improve Rendering Speed?

Optimize HTML5 Web App’s jQuery Performance

Optimize HTML5 Web App’s jQuery Performance

You are losing users and probably money if your website & web app doesn’t quick enough. Website / web app should run & perform faster on any devices either on desktop or smartphone. We should always follow the industry’s approach when we building website & web app.


Continue reading on Optimize HTML5 Web App’s jQuery Performance

Optimizing Full Screen Mobile Web App for iOS

Optimizing Full Screen Mobile Web App for iOS

Browsing on mobile devices has been growing dramatically in the past few years. By applying the optimization techniques you’ve learned in this article you can ensure that you’re delivering the best mobile web experience to your mobile users.


Continue reading on Optimizing Full Screen Mobile Web App for iOS

Reduce Rendering Time for Page Speed Optimization

Reduce Rendering Time for Page Speed Optimization

Specifying the image dimension will definitely increase the browser rendering & painting performance…


Continue reading on Reduce Rendering Time for Page Speed Optimization

Increase Mobile Sales with Responsive or Dynamic Serving

Increase Mobile Sales with Responsive or Dynamic Serving

Slow mobile page could potentially cost you million in lost sales every year, so you must learn to make your mobile site loads faster to your potential customer!


Continue reading on Increase Mobile Sales with Responsive or Dynamic Serving

Android, iOS Development Tutorials