Repo.js is a jQuery plugin that enables you to embed GitHub repositories into any webpage. It works by reading the repository information from GitHub and dynamically building a DOM tree of the directories. The complete hierarchical structure is downloaded in a single go and saved as a DOM structure, making it extremely fast. However file source for each one is retrieved only when clicked. A simple example for the twitter bootstrap repo is shown below.
Read More

Querying MySQL with Node.js

by: Sameer Posted in: nodejs |   ( 4 ) Comments

30 Jun 2012

Node.js is slowly making inroads in normal web development routines. There are a number of modules available for Node to work with almost any requirement you imagine, although the stability of many of them is open to question. Although I’ll surely not switch my development practices to Node from PHP any time soon; for many tasks Node would be a perfect match. For example for one site I use a CRON job to regularly sync remote data to MySQL. Node with its support for asynchronous requests may possibly help me make the data syncing faster.
Read More

In one of my previous posts we saw how we could take webshots of web pages using ‘wkhtmltoimage‘ toolkit. Now we have something more flexible with PhantomJS. PhantomJS is what we call a headless WebKit with JavaScript. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. You can programmatically access web page content for scraping, monitoring or testing purposes, including webpage features that work with JavaScript, which is not possible using server side languages. For most reasons you can think of it as a browser without a window, where we drive it via JavaScript. Here we are using it to grab the webshots of web pages.
Read More

Automatically extracting attachments from Gmail can be important for reasons where you need to process the attached files periodically with a CRON job. Also it can be useful for automatically archiving important attachments. Below is a simple proof-of-concept plain PHP code, devoid of any object-oriented features that extracts attachments from your Gmail account. It uses PHPs imap extension to access the inbox.
Read More

There is nothing more frustrating than filling a complex web form and just as you are ready to submit it, you accidentally hit refresh, close your window tab or the browser just crashes on you. Only if you could add some kind of auto-save feature to the form to mitigate this problem. Applications like Gmail, WordPress both support the auto-save feature, albeit in a technically different way.
Read More

Protocol Relative URLs

by: Sameer Posted in: html |  

18 Apr 2012

One little gem I recently encountered is protocol-relative URLs. This solves the headaches of the age-old problem of creating URLs which work whether you’re in SSL mode or normal http. For example take the following image :
Read More

PHP 5.4.0 in a nutshell

by: Sameer Posted in: php |   ( 4 ) Comments

6 Apr 2012

Although purists have always sneered upon PHP for being a “patched” language; the evolution of PHP over the years, with new features added in every version, has only increased its popularity. The latest 5.4 release has followed the trend with some major feature additions. The following post describes some important changes in PHP 5.4.
Read More

Printing web pages from JavaScript, although not a common scenario, can be easily accomplished with some simple code. On the other hand, selectively printing some elements from a web page – like a div or a paragraph, can be challenging. Fortunately there are libraries available that can make the task easier. One such useful jQuery plugin is jQuery PrintElement, which allows you to selectively print a DOM element. Usage is extremely easy; just select any element from a webpage and fire the ‘printElement’ method.
Read More

For any moderately complex web application a help section is mandatory. Most of us rely on displaying the help in a popup or a different window. One other interesting way is to display the help section beneath the main window, which then slides to display the help section below.
Read More

Changing the domain name or URL of a WordPress site, whether from local server to a live or vice versa, can be a frustrating and time consuming task. One nice script I found helps ease that process considerately. WordPress-Domain-Changer is a simple PHP script that lets you quickly change domains of your WordPress installation.

The script basically works by replacing the old domain name strings in the ‘wp_options’ table with the new values. It will also replace any references to the old domain name in post content with the new domain name. Upload paths will also be changed.