Bonomo's Blog

FitText – A jQuery plugin for inflating web type

B0N0M0 — Thu, 07 Jul 2011 07:12:34 +0000

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Link | http://fittextjs.com/

Fixed Header Table – jQuery plugin

B0N0M0 — Thu, 07 Jul 2011 05:19:07 +0000

Fixed Header Table is a jQuery plugin for displaying fixed headers for any valid table mark-up.

Link | http://fixedheadertable.com/

Create astonishing iCal-like calendars with jQuery

B0N0M0 — Mon, 04 Jul 2011 13:01:04 +0000

In the following article the Web Designer Stefano Verna will show us how to create a jQuery Calendar in iCal style:

Link | http://stefanoverna.com/blog/2009/01/create-astonishing-ical-like-calendars-with-jquery.html

Grid Navigation Effects with jQuery

B0N0M0 — Thu, 30 Jun 2011 07:00:09 +0000

In this tutorial the staff of codrops will show you the way how to create a grid navigation effect with jQuery. In the examples they will show you ten ways how to navigate through a set of thumbnails.

Link | http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/

Image Cross Fade Transition

B0N0M0 — Wed, 29 Jun 2011 09:45:44 +0000

Image Cross Fade Transition is an excellent jQuery plugin which helps the developers merge one image into another image.

Sprite Cow: Generate CSS for sprite sheets

B0N0M0 — Wed, 29 Jun 2011 09:36:10 +0000

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.

jQuery HTML5 Uploader

B0N0M0 — Thu, 19 May 2011 09:23:35 +0000

jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you to quickly add an upload system a-la-Gmail into your web app.
You only need to create a dropbox element (i.e. a div) and jQuery HTML5 Uploader will do the rest. Then you can drag & drop one or more files on the element and the files will be uploaded.
It also works with the multiple input file element.
The upload function is divided into two asynchronous operations: client side, the file is loaded in the browser memory with a FileReader object. Useful if you want, for example, to show the image preview while uploading a picture. The server side operation consists in sending the binary file string to the postUrl (see settings).
It has been tested and works on Firefox and Chrome.

Cascader

B0N0M0 — Thu, 19 May 2011 06:49:44 +0000

Cascader helps separate inline CSS from HTML files. Just entre your HTML in the textbox and Cascader does the rest.

Browser Detection

B0N0M0 — Fri, 04 Mar 2011 21:49:28 +0000

Browser Detection is a tiny JS script written in core JavaScript and is compatible with any JS frameworks such as jQuery and MooTools. The script detects which browser the user is using and displays a friendly (and nice looking) suggestion to anyone running an old browser.

Link | View & Configure the Script

Link | Download

Utility Function for Preventing SQL Injection

B0N0M0 — Thu, 20 Jan 2011 22:38:55 +0000

Whenever you are taking data from a URL or the payload of an HTTP request and jamming it into a SQL query to run, you have to be mindful of SQL injection attacks. Fortunately with PHP, it is rather easy to avoid. PHP provides us with two functions for cleaning up incoming data: stripslashes() and mysql_real_escape_string(). According to the documentation, we have to be careful how we use them however. Below is the code for a utility function I use to condition inputs before putting the data into any SQL queries:

function cleanValue($value) { if(get_magic_quotes_gpc()) { $value = stripslashes($value); }

if(!is_numeric($value)) { $value = mysql_real_escape_string($value); } return $value; }

This function checks to see if the magic_quotes_gpc setting is enabled. If it is, we have to use stripslashes() to strip out the escaping slashes added by that module. Then if the value isn’t numeric, we use mysql_real_escape_string() to clean it up.