Chill Geeks

If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here . Table of Contents Brief Description Step 1 (Download, Unzip) Step 2 (Set options) Step 3 (Import required files) Step 4 (Create HTML container) Step 5 (Create and activate countdown) Resources Brief Description - top jQuery Responsive Countdown is a tool that gives you the ability to create a nice looking countdown, which uses flipping animation to display remaining time to a target date. Since it is based on the canvas object it cannot run natively in older browsers like IE8. The tool uses SVG data to draw the digits and the panels, so it is scalable and looks nice on larger resolutions too. It does not use images, so it is very easy to change colors and adapt the look of it to the design of your page. The tool has a large list of options, but it can also be activated with few lines of code. In this tutorial I will show you how to add the ...

I am a strong web enthusiast that lead me into learning Javascript. But after learning this scripting language, I must say everyone who uses a computer must learn this language and there are many reasons for this, few of them I am going to list over here. It is the easiest Object Oriented Programming language. It is very flexible in syntax, unlike Java it is not a strictly typed language. It is a cross platform language which can be run on mobile devices as well as laptops. You don't need anything to install, test, run and debug your JavaScript programs except a web browser. Stackoverflow has highest number of questions tagged as Javascript. So, you will be getting best support from the web while learning this language. With introduction of node.js Javascript, which often used to be a client side scripting language, it can now be used for server side programming as well. For any Computer Science student or anyone looking a career in computing, it is essential to know th...

This post is in the continuation of my previous post . In this post, I will tell you about : How to deploy HTML code to build iOS , Android and Windows application. How to retrive the value of the data from the form that we created in my previous post. The submit button that we created in our previous does nothing. In this, we will add some functionality to it. We will show a popup after we press submit showing the values that we entered in the text boxes. To do this, you need to write a function in a javascript. It is a good idea to create a separate folder for all your scripts. I have created a folder named “js” and created a file called “custom.js” in that.   For the popup, you need create a separate “div” tag. Place the code shown above the closing “</body>” tag . < div data-role ="popup" id ="submitPopup" data-inline ="true" data-transition ="slideup" data-position-to ="origin" >     < span id =...

Prerequisites: Basic knowledge of HTML , CSS and jQuery Mobile   This is the part one of the series, You can directly to second part from Develop iOS, Android and Windows applications using HTML - Part 2   There are different ways to develop mobile applications. One is to develop the applications using the Native Software Development Tools ( like developing Android applications using Eclipse in JAVA, or developing iOS application using XCode in Objective C) and the other one is to develop cross platform (i.e. platform independent applications, iOS, Android, Windows,  BBM) applications using Hybrid Development Tools in HTML5 and CSS.   To know about the difference between Native and Hybrid application development, please refer here . This tutorial will be a part of the series and some more tutorials will follow after this post.   Step 1 Donwload a Text Editor to write HTML code. Proffered ones are Notepad++ and Sublime Text. I am using a great Text Ed...