Create A Profile Picture Framer Web App

You might have seen your Facebook friends’ fancy profile pictures with the frame of the sports team they support. These days for any major events, the best way to support them is by adding a frame to your profile picture with their logo. Football (soccer) is my favorite sport. My state Kerala have a franchise club in the Indian Super League called Kerala Blasters. We are the largest club by average crowd attendance and the fans are so passionate.

[READ MORE]

Create SVG Images In Inkscape Without Transforms

Inkscape is a beautiful Open Source Image editing software. It can be used to create PNG images, JPG images and even SVG images. But, when you export an SVG image, it will have some kind of transform style in it such as translate. This will make the SVG image code so long. To make it short, it’s better to remove the transform on the image and save it as it should be.

[READ MORE]

Image Handling On Client Side With Base64 In PHP

Every website needs images. It make the site attractive and beautiful. But sometimes, images won’t get loaded. The latest Browsers have a feature that generates image on a base64 string. Most of the browser have it. In this post I’m going to describe the way to use base64 in displaying images on a website. What’s base64 ? Base64 is a encrypting method which is available in many languages. It can be used for encrypting and decrypting.

[READ MORE]

Replace Broken Images With Default Image Using JavaScript OR jQuery OR HTML

Images are common in web pages now a days. These images make the web page attractive and beautiful. But sometimes due to problems, some images won’t load completely. When the image doesn’t load completely, that image is said to be a broken image. When the image is broken, the Browser will replace that broken image with an ugly image or replace the broken image with a blank space. I have included a broken image below.

[READ MORE]

Implementing Login With Facebook In PHP

In the last post, I introduced you to a PHP OAuth Class named OAuth API. In this post I’m going to tell you how to implement Login With Facebook feature in PHP using the class I introduced. It’s very simple. I will tell the ways of implementing step by step. This tutorial includes placing a Login with Facebook button on web site to authorization and finishes when we get user details.

[READ MORE]

Uploading Images Using Imgur API in PHP

This tutorial was a request from Anandu. Imgur provides developers to upload images anonymously using their app. For this you only need to signup for Imgur and get an Application Client ID. In this post I’m going to tell you the step by step process of uploading images using Imgur API in PHP. This is pretty easy. You only have to send a POST request to a file on their site.

[READ MORE]

Uploading An Image Using AJAX In jQuery With PHP

As you know AJAX is the method of sending data without refreshing the page. Now I’m going to tell you how to upload images using AJAX in jQuery. For This You need to Download the jquery.form plugin from here. The Minimum requirement for this plugin is jQuery version 1.5 or later. Download Demo A Sample of uploading image using AJAX in jQuery is shown below :

[READ MORE]

Get Google Profile Picture URL by email id using PHP

This is a trick using Google Profile. First of all we are going to set a variable with a Google E-mail address (Gmail address). We are going to set it with my E-mail address $email=’[email protected]’;  Then we are going to split @ from the mail address. list($id, $domain) = split(“@”,$email); Next we are going to send a request to Google Profiles to fetch the IMAGE url. $headers = get_headers(“https://profiles.google.com/s2/photos/profile/”.$id, 1); The variable $id above is from the splitted part.

[READ MORE]

Upload your image to the web in just a minute without registering

There are many websites for uploading images for various purposes. Some of the popular services are Picasa, Flickr etc…. But you need an account for using the services shown above. If you don’t want to waste any time and upload image in just a minute, then there a re some services which will upload your image in their servers. In this tutorial I will introduce to a service called Post Image. Go to Post Image (http://www.

[READ MORE]