Category: Tutorials
-
Build jQuery Password Strength Checker in 10 Minutes!
Today, we are going to use jQuery plus some simple algorithm to create a beautiful combo password strength indicator + password tips checker. Sound nice? Let’s get started right away!
-
Launch Native iOS Google Maps Via Your Web App
Have you ever think of improving your web app’s user experience (UX) by enabling your users to easily search and get directions of your business? Yes! Here is a good news for you to allow your web app users to navigate your business direction using their native iOS Google Maps instead of web version of Google Maps.
-
Speed Up Page Loads Time Using Prefetch / Prerender
Optimising your website’s loading speed is really one of the way to improve user experiences, especially on mobile, due to its limited processing power, slow internet connection, and unreliable bandwidth. There is a new way for web developers to keep their website loads fast, using "HTML5 Prefetch".
-
Testing & Troubleshooting Retina Display Content Without Actual Device
You can emulate a high resolution display on a standard resolution display, for instance – PC with Firefox 21 installed.
-
Create an Off-Canvas Menu in just 5 minutes
This tutorial will show you how to build a Facebook app-like slide-out navigation for your web app using CSS & JQuery.
-
Build Intelligent Layout Using CSS Calc() Property
The CSS calc() property allows us to calculate a length value using arithmetic expression, which means we can use it to define the sizes of div, the values of padding, the widths of margin, and so forth.
-
Make A jQuery Sticky Header In 5 Minutes
In this tutorial, we will create a sticky ribbon, where a normal looking ribbon suddenly sticks to the page when the page is scrolled.
-
Design Your Own Responsive Web Template
2012 has been a unusual year in PC market. Pc sales are lower than they were in the previous years. Accoding to the global market research company, Tablets and Smartphones sales are expected to exceed notebook in this year. Nowadays, users no longer just use desktop to view websites. They now use a variety of […]
-
Solving CSS Float’s Problem
A technique to address the problem of CSS float.
-
Create Sequential Animations in jQuery
In this tutorial, I will demostrate 3 easy ways to create sequential animations in jQuery.
-
Develop A jQuery Parallax Scrolling Framework
In this tutorial, we are going to shows you how to build your own Parallax Scrolling effect powered by jQuery.
-
Create HTML5 Canvas Drawing Board Within 5 Minutes!
A tutorial on how to create a drawing board using HTML5 Canvas API.
-
HTML5 Storage: IndexedDB (Simple Easy to Understand)
A new HTML5 web database that allows our HTML5 web application to store data inside a user’s browser.
-
Animating Sprites In HTML5 Canvas
In this article, we will introduce HTML5 Canvas animation and walks you through creating an animation of character walking.
-
JQuery Mobile for Absolute Beginners – Part 4
The Full Series Part 1: Introduction to jQuery Mobile & Page Structure Part 2: Buttons, List Views, Dialogs & Transitions Part 3: Form Elements Part 4: Touch Events Hi guys! Welcome to the part 4 of jQuery Mobile for Absolute Beginners. In this lesson,you will learn to create a simple interactive page using Touch Event […]