Category: Tutorials

Build a Filterable Component With jQuery in Just Only 5 Minutes!

If you have a web app that contains a list of information, and you want your users to find the information they are looking for as fast as possible. In today’s article, I’ll show you how to build your own simple filterable component with jQuery in just only 5 minutes!

10/03/2019
React For Absolute Beginners – Part 3

Learn some of the advanced JSX knowledge and common errors to avoid when you’re writing your first React Component!

08/05/2017
React For Absolute Beginners – Part 2

Learn to render JSX element on screen using ReactDOM.render() method. And also learn what is the Virtual DOM & how it helps in boosting the performance.

06/28/2017
React For Absolute Beginners – Part 1

Learn to understand the basic of JSX & learn to write JSX expression.

06/27/2017
JavaScript Random Unique Key Generator

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

06/12/2017
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.

04/15/2017
How to Debounce Scroll Events for Faster, Smoother Pages — jQuery, Vanilla JS & React

Every pixel you scroll can fire 100+ events per second. Left unchecked, your scroll handlers wreck frame rates, spike CPU usage, and destroy the user experience. This guide shows you how to fix it — in every major approach.

03/25/2017
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.

12/11/2016
Inject External JavaScript & Detect When It Has Loaded

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

11/12/2016
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.

09/26/2016
How to Build a Full-Screen Mobile Web App for Android Chrome: A Complete Tutorial

Learn how to build a full-screen mobile web app for Android Chrome using Progressive Web App (PWA) principles. Create an immersive, fast, and reliable experience with full-screen mode, service workers, and offline support.

06/25/2016
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.

06/11/2016
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.

05/08/2016
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.

01/23/2016
jQuery UI Autocomplete Hover Issue Hacks For iOS

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

11/25/2015