How to use a custom font on your website

Custom-Font

For the purpose of this tutorial, I am going to use Pacifico, a font you can find on Font Squirrel. A custom font is a font that is not of a standard nature (i.e. one that comes with your computer when you buy it), nor is it a Google font, which are readily available for […]

Continue reading...

Basic Version is now Live

They say a journey of thousand miles begins with a first Step. Today we took a small but significant step and launched a basic version of SpiceForms. It took us good 4 months of hard work to release the Alpha Version. It is still a work in progress and there are quite a lot of features […]

Continue reading...

How to Use HTML5 Geolocation API – A Detailed Tutorial

Disply User LOcation on a Map using Geolocation API

Today, we will create web pages that are location aware.  We will utilize the Geolocation API to fetch the user Coordinates. To make things even better we will capture the user location and then display it on Google Maps.    Before we begin, lets talk a bit about the Geolcation API.   What is Geolocation API? The […]

Continue reading...

How to Highlight Particular Dates in JQuery UI Datepicker

Highlighting particular dates

In this post I will cover how to highlight specific dates in Jquery UI Datepicker. It pretty simple actually, we will add a custom CSS class to particular dates and then style those particular dates. Here are steps which we will be following to highlight particular dates in datepicker: We use array to hold the […]

Continue reading...

Create Dynamic Time User Graph using Google Charts – A Practical Tutorial

Chart Error

In my last post, we have studied the basics of Google Chart. Google Charts helps us display the dry-data in a very beautiful visualization. If you look around the web, you’ll find that there is a lot of buzz about Google charts but there are not many tutorials which demonstrate how to  use Google Charts. […]

Continue reading...

7 Image Editing Tools That Serve As Photoshop Alternatives

“This picture has been photoshopped”, is a very common phrase that we encounter when we see an image which we really don’t expect to. But, is “photoshopped” really the right word? Actually the correct term is “graphically modified” which is performed using image editing softwares and Photoshop, although the most popular, is just one among […]

Continue reading...

How to Create A Sticky Footer With CSS

Create a fixed footer with CSS

A sticky footer is a great way to encourage people to subscribe to your website’s newsletter, get more eyes on your advertisements or post short and important updates for your visitors. The difference between a sticky header and a sticky footer is that the footer doesn’t take up “prime real estate” on your blog’s page […]

Continue reading...

How to Disable HyperLink using Jquery -3 Techniques

In this post I will discuss various approaches to disable a Hyperlink with Jquery.  More specifically, I will be covering 3 approaches   Disable Links by utilizing preventDefault Disable Links by Removing the href attribute Disable Links by utilizing the click handler Lets start  

Continue reading...

How to crop an image using PHP and JQuery

Crop Image

Introduction The most common requirement over the modern web applications is upload image, crop as required or resize it, whether for profile picture use or any other use in photo galleries (small and bigger image) or as thumbnails. This post is going to be very interesting for the beginners who haven’t played with images for […]

Continue reading...

Must Have Chrome Extensions for Web Developers

Last time we wrote about HTML to PDF conversion tools and this time we came up with another list comprising of best Google Chrome Extensions for Web Developers. Web Developer Checklist This tool has been made by webdevchecklist.com and it provides you a variety of characteristics of a webpage. This is necessary while testing a website. Starting with the Best […]

Continue reading...