January 2016 ~ Coding Savvy
Coding Savvy FB Twitter Google

How to Create Custom Audio Media Player With HTML5 and JQuery P1

The aim of this tutorial is to create an awesome audio music player that can work cross-browser and make it feel like the user is having the app directly on their computer, Which is cool. This is going to be fun you can sit back, You are about to learn the real power behind HTML5 and JQuery combination. One of the most difficult things the web is facing it to access local file from user system and read/write on them, most browsers prevent this for security reason which is fine. All we need for this tutorial is just a read only access to mp3, mp4, wave e.t.c files on user system, In the part two we are going to do more.
How to Create Custom Audio Media Player With HTML5 and JQuery P1

How to Create Simple Countdown Timer Using JavaScript.

Countdown Timer can be very useful in our applications. There are lot of Countdown timer plugin on the web but in web development speed and size matters, using a third party plugin can be expansive in terms of size and libraries that need to be imported. But in this tutorial we are going to be using a simple JavaScript codes to countdown time as given to the timer function. It simple you can download the Source and try it.

How to Create Flexible, Sortable & Draggable Table with JQuery and BootStrap

Creating a sortable table can make lot of work easier and more understandable by users, In this tutorial we are going to use JQuery sortable and Draggable JQuery UI plugin to create a school times table that is useful for lecturers to arrange periods and times of lectures. This can be apply to many type of web applications on different cases depending on what the web developer prefers, This draggable style will improve user experience on your application and make it easier for lecturers to schedule lecture without stress.
How to Create Flexible, Sortable & Draggable Table with JQuery and BootStrap

How to create MySQL Database using PhpMyAdmin

Database connection is the backbone of web development, manipulating of data is what most programming languages do but what about if we are interested in strain the data for a longer period of time, then this is where database comes in. Most of the popular databases like ORACLE,SQL,SQLITE,MYSQL are all serving the same functions with some little difference such as their capacity but their primary purpose is to store data. In this tutorial we are going to discuss how to Create MySQL Database using PHPMyAdmin user interface.
How to create MySQL Database using PhpMyAdmin

How to Design Mobile Responsive Web Layout using HTML5 in a Minute

I have received so many tutorial requests from my reader on how to build a website and how to make your website mobile responsive. Especially now that Google has stated clearly that mobile responsiveness of website has been added to the list of top prioritized components that will be used to rank webpages on their search engine. We are going to create a mobile responsive website layout in just a minute in this tutorial, We are going to be using the latest released HTML version, HTML5 and CSS3 but to make sure that our layout work on older browsers we will use Modernizr, Modernizr is a JavaScript toolkit that allows web developers to use new CSS3 and HTML5 features without worrying about older browser support you can read more on their website http://Modernizr.com.JQuery is also one of the most widely used JavasScript library to make sure that the JavaScript code we will user works across all browsers without having to worry about cross-browser issues you can also know more about JQuery on their website https://jquery.com/.
How to design mobile responsive website with HTML5, CSS3 and JQuery in a minute

How to Prevent Cross-Site Request Forgery Attack on your Website in a Minute

Cross-Site Request Forgery (CSRF) is a type of attack that occurs when a malicious Web site, email, blog, instant message, or program causes a user’s Web browser to perform an unwanted action on a trusted site for which the user is currently authenticated.
We have a serious issue here I will like to emphasize the fact that was mentioned in the definition which the user is currently authenticated, Which mean the user is a trusted user. It like having an attack from someone that use your trusted friend as a disguise. The most painful part might not be the attack itself but the fact that it came through someone you've trusted on you site.
How to Prevent Cross-Site Request Forgery Attack on your Website in a Minute

How to Create a Circular Shape Progress Bar Using HTML5 Canvas

Displaying the progress of an ongoing operation to the users is one of the best way of representing a process progress in web applications. Now here is how to spice it up a bit, Making the progress bar in circular shape is now the most used style for a process that might take long. This is also very useful when you want to use a progress bar to represent any form of rating in percentage in your own applications. It make it look more presentable than the basic old lame rectangular progress bar.
How to Create a Circular Shape Progress Bar Using HTML5 Canvas

How to Prevent Uploading of Drape and Adult Images to your Website using PHP and AngularJs

There are lot of restriction on Adult Images and contents on the web, some user abuse the opportunity you give to them to upload images that might get your website into trouble, Not all webmasters have the time to be screening all images uploaded to their server before it is published. It can be painful to know which type of Image that exposes body parts through just a little line of coding for this reason we are going to borrow a class from phpclasses.org to help use view this images and screen them out, Do you know an interesting part, This class has a tolerance control that can help you set the amount of expose able parts, We don't want to block a picture of woman breast feeding her baby when we are building a charity site.
How to Prevent Uploading of Drape and Adult Images to your Website using PHP

How to buy and Setup a Custom Domain Through Blogger in 2 minutes.

Having a custom domain name for your blog will not only make your blog unique but it will also increase the respect given to your blog by your audience and search engines. We are going to discuss how you can take advantage of your new custom domain name to get more organic traffic to your site at no extra cost.
How to buy and Setup a Custom Domain Through Blogger in 2 minutes

How to Make Money With Google AdSense, The beginners Guide

Of all the means of earning online Google AdSense has been of of the most reliable source of generating online income, I have been part of Google AdSense program since 2009. There are ups and downs I have been experimenting with the platform for a very long time, AdSense has been one of my source of income apart from programming. It easy to start making money from the platform you just need to focus on what you are doing and let google worry about the Ads. I will share with you how to make deny through Google AdSense steadily, If you don’t have any prior experience of Google Adsense don’t worry I will make sure we touch every thing you need to get started and start earning money through Google Adsense.
How to Make Money With Google AdSense, The beginners Guide