Learn Web Development Skills for FREE

onlyWebPro offers a dozen of How-to Web Development Tutorials to help you to get the skills you need to accelerate your career.
JavaScript Random Unique Key Generator

JavaScript Random Unique Key Generator

Generate unique key randomly (look like GUID) using JavaScript!


Continue reading on JavaScript Random Unique Key Generator

High Performance CSS Animation

High Performance CSS Animation

Ensuring your page’s animation running at 60fps (frame per second) is the key to a silky smooth animation. When an animation begins to run, the browser executes your script and start to figures out what it need to paint and composite on the screen. So it is important to know how browser handles animation in order to optimize your script.


Continue reading on High Performance CSS Animation

Optimize Scrolling Performance by Debouncing Scroll Event Calls

Optimize Scrolling Performance by Debouncing Scroll Event Calls

Improve scrolling performance by limit down the rate of scroll event being fired.


Continue reading on Optimize Scrolling Performance by Debouncing Scroll Event Calls

Build Google’s Material Design Spinner in 10 Minutes!

Build Google’s Material Design Spinner in 10 Minutes!

In this tutorial, you will learn to build a Google’s Material Design progress bar (Indeterminate indicators) for your website & web application.


Continue reading on Build Google’s Material Design Spinner in 10 Minutes!

Inject External JavaScript & Detect When It Has Loaded

Inject External JavaScript & Detect When It Has Loaded

Learn to inject external JavaScript after page load and detect when it has loaded.


Continue reading on Inject External JavaScript & Detect When It Has Loaded

Learn Object Oriented JavaScript Via Game Development

Learn Object Oriented JavaScript Via Game Development

Are you new to OOP in JavaScript? In this article, you’ll learn to build a classic Rock–paper–scissors using Object-Oriented Programming in JavaScript.


Continue reading on Learn Object Oriented JavaScript Via Game Development

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

Android, iOS Development Tutorials