Posts marked with "Posts" in posts

How To Create A HTML, CSS, JS Code Editor Using jQuery

October 12, 2013 HTML, JavaScript, JQuery

There are a lot of HTML editing services in the Web. Some of the popular services are JsFiddle and JsBin. These sites offer saving function to your account too. If you want to create a site like JSFiddle, then you are at the right place. I’m going to tell you how to create a basic HTML editing software using jQuery.

The editor we’re going to create also has a live preview service which means that the user don’t have to submit the code form every time. The preview is automatically updated using jQuery‘s keyup trigger except for **JS **code update, because Javascript can’t be added every time when user types something because there will be syntax errors.

... [READ MORE]

How To Use FileZilla/SFTP To Update Site in OpenShift

October 9, 2013 Linux, PHP, SSH, Ubuntu, Windows

In the recent post, I mentioned about OpenShift, a PaaS Service that offers Free Hosting. You can update your application using GIT. OpenShift also provides SSHing into your application. You may have heard of FTP protocol which allows you to transfer files through web. Most hosting companies use FTP protocol to update client apps. OpenShift unlike AppFog have FTP support, but in a different manner.

It has SFTP support ie SSH File Transfer Protocol. SFTP is a FTP like protocol that allows to transfer files via SSH sessions. Most FTP clients support SFTP. FTP client FileZilla supports SFTP which means that you can use FileZilla for updating site hosted on OpenShift. You can download FileZilla from here available for Linux, Mac & Windows.

... [READ MORE]

How To Change The Browser URL Without Refreshing Page – HTML5

October 8, 2013 HTML5, JavaScript, JQuery

This post was suggested by Sumit Kumar Pradhan. I recently saw many questions like this on Stack Overflow. Let me start explaining, there is already a function in JavaScript to do this special task. The function is window.history.replaceState. It’s a simple function that needs 3 values.
This is actually a HTML5 function that came out on July 2012 (I think). All the latest browsers support the new function except IE 9.

Download Demo

Here is a small example of the usage of window.history.replaceState :

... [READ MORE]

Goodbye AppFog, Hello OpenShift

October 6, 2013 MySQL, NodeJs, PHP, PostgreSQL, Python

AppFog and Heroku were one of the most popular PaaS services. But due to the limitations of service many moved out. At first when AppFog came, there were a lot of cool awesome features more than Heroku. For the Free plan AppFog had SSL, Custom Domain and other features. But by the end of February 2013, AppFog removed Custom Domain from free plan. Many customers (including me) got sad, angry and were trying to find another PaaS service. And Here it is, the next Awesome PaaS service – OpenShift. Here is the best part : OpenShift is created by the Open-Source legend Red Hat. How awesome is that ? OpenShift is easy to use, fast and reliable. I used it for like 5 hours now and I already liked it. I have moved the Demo site from 3owl to OpenShift.

... [READ MORE]

E4KS : The Great Work Done By Rajeev Joseph

October 6, 2013 Blogger

There are millions of bloggers and blogs in the World Wide Web (WWW). 90 % of those blogs are useful. There are a lot of people who would visit those blogs. Since there are a lot of viewers, most of the blog owners would set up ads on their blog to get maximum revenue. Most of the Bloggers (including me) only set up blogs just to get revenue from it. I’m gonna introduce you to a man that has helped a lot of students (including me) of Kerala. His name is Rajeev Joseph. Check out his Google + profile here. And his blog is English4KeralaSyllabus :

... [READ MORE]

Create a Simple Browser Using PyGTK, GLADE And MozEmbed

October 2, 2013 PyGTK, Python

Let’s start creating softwares using Python GTK (PyGTK). Python is the easiest programming language ever and If you are coming from other Programming Languages such as PHP, Here is something that you should understand :

  1. Python doesn’t have semi-colons for closing a code.
  2. function in PHP is def in Python.
  3. Spaces from the starting of a line decides the wrapper of the code.
  4. { in PHP is : in Python.
  5. There is no closing } in Python.
  6. Since there is no closing attribute (";"), 2 or more code can’t be placed in a single line.
  7. Python doesn’t need variables starting with $.
The Browser we are going to create is built using GTK 2. The latest version of GTK is GTK 3.
We are going to use GLADE for designing the interface. If you don’t have GLADE installed, install it using the following command :

... [READ MORE]

How To Change Your Country By Using Proxy in Ubuntu ?

September 30, 2013 Linux, Ubuntu

There are certain restrictions on some sites such as Country Restriction. Mostly there are sites just for US citizens. For Example The most 99 cent domain offers from GoDaddy is only available to US citizens. They check the country by IP Address. I’m going to tell you how to Change your Country by changing the IP address using a PROXY. This is explained to work on Ubuntu, you can also use this method in Windows & Others but in a different way.
OK. First Of All Open Terminal (CTRL + ALT + T) and do the following command :

... [READ MORE]

Submitting Blogger Blog Sitemap To Google & Other Search Engines

September 29, 2013 SEO

Sitemap is a XML file that contains all the links of your site/blog. Sitemap can be manually created or automatically created using some online tools. These Sitemap can be submitted to search engine via the tools they provide or by mentioning the sitemap in robots.txt. In Blogger blogs the sitemap is located in different places.
In Blogger Blogs with the .blogspot.com sub domain, the sitemap is in a simple location ie :

http://YOURBLOG.blogspot.com/sitemap.xml

But on other blogs ie blogs on custom domains doesn’t have a sitemap like the above URL. Instead you should use the following URL :

... [READ MORE]

Create Your Own URL Shortening Service Using PHP & jQuery

September 27, 2013 HTML, JavaScript, JQuery, PHP, RegEx

I made a URL shortening service a year back using PHP & jQuery. It was pretty simple. You should know the concept of URL Shortening. The concept is simple. When a user sends a request to short a URL, PHP will check if the URL is valid. If it’s valid then PHP will make a string of 5 or 6 characters. A folder is created with the name of this string and an index.php file with header function code is created in this folder. This will make the folder redirect to the URL the user requested. Since it’s a folder no extensions will be seen ! So You can make up some pretty good URL‘s.

... [READ MORE]

Uploading An Image Using AJAX In jQuery With PHP

September 25, 2013 AJAX, JavaScript, JQuery, 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 : 

<div>
  Now Let&#8217;s start on the code. Here is the <b>HTML</b> page :
</div>

<div>
  <pre class="prettyprint"><code>&lt;!DOCTYPE html&gt;

<html> <head> <script src="//code.jquery.com/jquery-latest.min.js"></script> <script src=“http://malsup.github.io/jquery.form.js"&gt;&lt;/script> </head> <body> <form action=“upload.php” method=“POST” id=“uploadform”>   <input type=“file” name=“file”/>   <input type=“submit” value=“Upload”/><br/><br/>   Message :   <div id=“onsuccessmsg” style=“border:5px solid #CCC;padding:15px;"></div> </form> </body> </html>

... [READ MORE]

Follow/Subscribe

Telegram 

Mastodon  Twitter

GitHub GitLab

Subdomains

Demos  Lab

Past

This blog was once on WordPress. Now a static site. See source code on

GitLab