Category: Tutorials
-
A Complete Guide To Create An Animated SVG Chart
Today lesson is to explains how to create an animated SVG Chart that works across browsers using Google Chart API.
-
How To Add Touch Event To Your JQuery UI?
Currently, there is a hack called “jQuery UI Touch Punch” that enables the use of touch events on mobile web project using jQuery UI Library.
-
How To Create A Beautiful Slide Out Navigation Within A Minute!
Today lesson is to demonstrate to you on how to create a beautiful slide out navigation with CSS and JQuery.
-
Create Stunning Animation Using CSS3 Animation & Keyframe
Usually, web designer will create animation using language like JavaScript, but now, web designer can create smooth, maintainable animation more easily using CSS3 Animation & Keyframe. The syntax of CSS3 Animation & Keyframe is extremely easy to understand, and don’t requires any programming knowledge. In this tutorial, we will cover the syntax of CSS3 Animation & Keyframe; and we will create a simple spinning newspaper using the syntax that we have learned. Please check out the demo, before we start the tutorial.
-
PHP: Object Oriented Programming for Absolute Beginners
Object Oriented Programming (OOP) techniques, is extremely useful when developing your project. It allow you to group all similar task into classes and provide you greater flexibility, easier maintenance, easier to extend and share your code with your team-mates.
-
PHP: Control Structures for Absolute Beginners
PHP has support various conditional statement that allow developer to manipulate data easily, such as If, Else, Else If, For, Foreach, While, Do-While, Switch, Break, Return, Include, Include_Once, Require and Require_Once.
-
Create Impressive Web Animated Presentation Slides Within 10 Minutes
How are you going to create an impressive animated presentation slides without spending a single cent on animation authoring software? The answer is JavaScript! With the help of – “Impress.js” – an open source library that allow you to create impressive animated slides using purely CSS3’s transition and transform property.
-
HTML5 Game Development: Adding Sound Effects
Welcome to the 4th tutorial of ‘HTML5 Canvas Game Development’! We will learn to add sound effects to your game using HTML5.
-
HTML5 Game Development: Adding Health / Score to Your Game
Welcome to the 3rd tutorial of ‘HTML5 Canvas Game Development’! We will continue using the previous coding in this tutorial, and you will learn to add health or score of HUD(heads-up display) to your HTML5 Canvas game – “bubble breaker”.
-
JQuery: Sticky Notification Bar
In this tutorial, we are going to teach you, the most easiest way to develop a sticky notification bar with JQuery. Such notification bar can be used to notify your user for latest updates, feedback message and etc.
-
Build A jQuery Range Slider Within 5 Minutes!
In this tutorial, you will learn to build a cross-platform range slider powered by jQuery within 5 minutes!
-
Game Development: Creating Sprites
Welcome to the 2nd tutorial of ‘HTML5 Canvas Game Development’! We will continue using the previous coding in this tutorial, and you will learn the technique of building a simple “bubble breaker” for PC users and touch devices users.