Image Color Extract

The Image Color Extract PHP class pulls the most common colors out of an image file. The color values are in hexidecimal. 

Image Color Extract.

perfect-scrollbar : Tiny but perfect jQuery Scrollbar plugin

Tiny but perfect jQuery scrollbar plugin.


  • There should be no css change on any original element.
  • The scrollbar should not affect the original design layout.
  • The design of the scrollbar should be (nearly) fully customizable.
  • If the size of the container or the content changes, the scrollbar size and position should be able to change.

Source:  perfect-scrollbar : Tiny but perfect jQuery Scrollbar plugin – jQuery Rain.

Login with Dropbox on your Website OAuth Authentication : jQuery plugin

This script uses OAuth in a jquery plugin to authenticate users on your website using their Dropbox account credentials.Pulls the user details from its Dropbox account and displays the same on your webpage.

Source:  Login with Dropbox on your Website OAuth Authentication : jQuery plugin – jQuery Rain.

jKit – jQuery based UI Toolkit – Index

jKit – jQuery based UI Toolkit – Index.


A PHP class to generate PDF files from HTML with Unicode/UTF-8 and CJK support

mPDF is a PHP class which generates PDF files from UTF-8 encoded HTML. It is based on FPDF and HTML2FPDF, with a number of enhancements.


fresherEditor : jQuery Rich html text editor

fresherEditor is a light-weight WYSIWYG rich text editor plugin that uses contentEditable support in modern browsers for in-place HTML editing.


  1. Supports all text editing features such as bold, italic, font size and font name settings, text alignments, links and picture insertion, and more
  2. Builds toolbar automatically. By default, all buttons are built. You can configure which buttons to hide
  3. Triggers ‘change’ event so you can perform action when html content changes
  4. Uses Twitter Bootstrap




Source:  fresherEditor : jQuery Rich html text editor.

Solve PHP Fatal Error: Allowed memory size of 8388608 bytes exhausted

This error message can spring up in a previously functional PHP script when the memory requirements exceed the default 8 MB limit. However, do not fret because this is an easy problem to overcome.

To change the memory limit for one specific script, include a line such as this at the top of the script:


The 12M sets the limit to 12 megabytes (12582912 bytes). If this does not work, keep increasing the memory limit until your script fits or your server squeals for mercy.

You can also make this a permanent change for all PHP scripts running on the server by adding a line such as this to the server’s php.ini file:

memory_limit = 12M

Keep in mind that a huge memory limit is a poor substitute for good coding. A poorly written script may inefficiently squander memory which can cause severe problems for frequently executed scripts. However, some applications are run infrequently and require lots of memory like importing and processing a large data file.


Solve PHP Fatal Error: Allowed memory size of 8388608 bytes exhausted (tried… | a Tech-Recipes Tutorial.

hint.css – A tooltip library in CSS

Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips.

It does not rely on any JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention particularly for the modifiers.

hint.css – A tooltip library in CSS.

clueTip: A jQuery Tooltip Plugin


The clueTip plugin allows you to easily show a fancy tooltip when the user’s mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a title attribute, its text becomes the heading of the clueTip.

Quick Start Guide

Showing the most basic clueTip can be achieved in two easy steps.

Add HTML markup to your page for elements that you want to invoke a clueTip. By default, the clueTip plugin will use the rel attribute to load contents into the tooltip body via AHAH.

  <!-- use ajax/ahah to pull content from fragment.html: -->
  <p><a class="tips" href="fragment.html" rel="fragment.html">show me the cluetip!</a></p>

  <!-- use title attribute for clueTip contents, but don't include anything in the clueTip's heading -->
  <p><a id="houdini" href="houdini.html" title="|Houdini was an escape artist.|He was also adept at prestidigitation.">Houdini</a></p>
Include the jQuery core file and the clueTip plugin in the <head> of your document. You may optionally include the hoverIntent plugin as well. After these scripts are referenced, you can reference a custom script file to invoke your clueTips (preferred) or enter the script directly in the <head> (shown below). You should also include the clueTip stylesheet (jquery.cluetip.css) after the scripts.
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.hoverIntent.js" type="text/javascript"></script> <!-- optional -->
<script src="jquery.cluetip.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {

    splitTitle: '|'// use the invoking element's title attribute to populate the clueTip...
                     // ...and split the contents into separate divs where there is a "|"
    showTitle: false // hide the clueTip's heading
<link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />

Drag ‘n’ Drop File Uploads : Dropzone.js

Dropzone.js is a JavaScript library that simplifies creating a drag ‘n’ drop file upload functionality.

It works with jQuery and works almost out-of-the-box by giving a special class name to any form.

Multiple files can be uploaded at the same time where previews of images can be displayed as well.

There are also options for defining the max file size, thumbnail dimensions (if they will be generated), enable/disable previews and more.


Opentip | The free tooltip

opentip is a javascript tooltip framework
yes – it’s free, open source and comes with different styles!


Opentip | The free tooltip.

jQuery AJAX Differences Between GET vs POST

jQuery AJAX Differences Between GET vs POST | jQuery4u.

Adding a Timepicker to jQuery UI Datepicker

Adding a Timepicker to jQuery UI Datepicker

The timepicker addon adds a timepicker to jQuery UI Datepicker, thus the datepicker and slider components (jQueryUI) are required for using any of these. In addition all datepicker options are still available through the timepicker addon.


Adding a Timepicker to jQuery UI Datepicker.

Sorting VARCHAR data in MySql

Here’s a quick tip at sorting VARCHAR type data in mysql database with values in a column.

With the default sort, it would look something like below:

mysql> SELECT column FROM table_name ORDER BY column; 


Now with “… ORDER BY column+0”, I get it sorted right:

mysql> SELECT column FROM table_name ORDER BY column+0; 


This is a quick fix instead of sorting to CAST operator.

Reference: Sorting VARCHAR data in mysql

Database Normalization Basics

Database Normalization Basics.

Zend Framework Book: Surviving The Deep End

Free PHP Programming Books

Zend Framework Book: Surviving The Deep End.

Practical PHP Programming

Free PHP Programming Books

Practical PHP Programming | TuxRadar Linux.

PHP Essentials – Techotopia

Free PHP Programming Books

PHP Essentials – Techotopia.

Compile and Execute Programs Online| Online IDE

Compile and Execute your favorite programming languages online.

Compile and Execute Programs Online| Online IDE.

JSONLint – The JSON Validator.

JSONLint is an opensource project which allows you to validate your JSON data. Since when you are working with any programming language and JSON, if your JSON data is not properly formatted, it can cause error, it is better to validate your JSON data beforehand.

You can check your JSON data by simply copying it to the JSONLint online

JSONLint – The JSON Validator..