Archive for 'July, 2009'

Bumpbox is a lightbox that besides the support for opening images, html files, FLV videos, and SWF files, can also be used to open PDF files. The integration of the script is quite simple: you add the scripts in the head section of the page, classes to the links that should use bumpbox and define a rel tag with the size that the lightbox should have. The nice thing about this lightbox is that it detects what kind of file you wish to show in the box, so you do not need to specify the type, easing the process of integration.

bumpbox

Web Based AJAX Events Calendar/Scheduler

Posted on July 24, 2009, Filled under AJAX, JavaScript,  Bookmark it

dhtmlxScheduler is a lightweight and fast-performing Web Based JavaScript events calendar that provides rich and intuitive scheduling solution similar to Microsoft Outlook Calendar, Apple’s iCal or Google Calendar. Since the data is loading via AJAX, the calendar events can be added, modified, and deleted without refreshing the browser’s page. The application offers a built-in solution for recurring events which can be configured on daily, weekly, monthly or yearly basis.

Features include:

  • Ability to create custom views
  • Extended possibilities for customization of the look and feel.
  • Full control with script API
  • Intuitive interface
  • Support for iCal format
  • Compatibility with dhtmlxConnector

dhtmlx-scheduler

dhtmlxScheduler can be integrated with server database by means of dhtmlxConnector or your own server-side code written in any language (PHP, Java, ASP, etc.). Only a couple of code strings needed to set up client-server communication between in-browser events calendar and back-end database.

How to Add Multi-language Support to a PHP Website

Posted on July 23, 2009, Filled under PHP,  Bookmark it

Are you interested in having a multilingual website? This is a tutorial that shows you how you can do that in PHP.

php-multi-language-site

The first thing we need to do is to create a couple of files that will contain the text for each of the languages that will be supported by the website. For demo purpose I have chosen English, Spanish and German. Make a directory named “directory”. In this directory create 3 files: lang.de.php, lang.en.php, and lang.es.php. Read more from this entry…

68kb is a free professional open source script, built on the excellent CodeIgniter PHP Framework, that allows you to create your own documentation. It’s easy to configure and setup. Supports unlimited categories and an unlimited category depth. You can also enable Search Engine Friendly URL’s (Apache is required) in this application. From the administration panel you can view statistics for the most viewed articles, search terms, and a whole lot more.

64kb

68KB was built and designed out of the need for a good knowledge base system that we use for other scripts. With that in mind it was built from the ground up to be simple and easy to work with.

QuickFlip 2 is a JQuery Flipping Plugin that flips DIVs, paragraphs and other HTML elements like a card. It is very easy to use the plugin. You just have to call the flip animation through a JQuery selector and the script will flip the front panel to show its back.

jquery-quickflip-2

QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with any piece of markup regardless of images, backgrounds or CSS.

It provides an attractive alternative to other slower and more resource heavy Flash and jQuery flip animations.

WP Smush.it is a plugin for WordPress that optimizes images by using an API from Smush.it. Everytime you add images to a page or post they will automatically run through Smash.it behind the scenes. The existing images can be checked and optimized. You just need to browse the ‘Media Library’ and use the ‘Smush.it now!’ link for any image you would like to smush.

wp-smush-it

jquery-anything-zoomer

AnythingZoomer is a JQuery plugin useful to zoom specific areas such as text and images. You can customize the zoom area via CSS and also use multiple zoomers on the same page.

It’s flexible in many ways, in that the “small”, “large”, and “zoom” areas are all pretty easy to customize (via CSS). It’s inflexible in other ways, in that it doesn’t “automatically” work by cloning content or anything like that (which is arguably more flexible), and the HTML structure is fairly rigid.

Magnify Images using jQuery

Posted on July 20, 2009, Filled under JavaScript,  Bookmark it

JQuery Image Magnify is a script by Dynamic Drive that enables any image to be magnified by a specific factor when clicked on using a sleek zoom in/out effect. The image is zoomed to the center of the user’s screen. You just have to set a smaller width and height for the image then apply the class ‘magnify’ to it.

This script is extremely easy to set up- to enable the “magnify” effect on any image, just give it a CSS class of “magnify”. It’s time to let you users take a closer look at images on your page!

jquery-image-magnify

TypeSelect

TypeSelect combines custom fonts with your browser’s native text selection functionality. It does this by leveraging typeface.js, JQuery, the canvas, toDataURL, CSS background properties and real overlayed text. You can interact with beautifully rendered typefaces just like you do with normal text.

Web professionals have been stuck with 9 “web safe” fonts for too many years. There have been some clever solutions (SIFR, FLIR, Typeface.js, Cufon), but text selection has been a tough nut to crack. We think this approach can become a viable workaround until browser technology catches up.