Web Based AJAX Events Calendar/Scheduler

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 PHP Multilingual Support to a Website

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…

Free Open Source PHP MySQL Driven Knowledge Base Software

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.

Flip HTML Elements like Cards: QuickFlip 2.0 jQuery Plugin

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.

Effective Image Optimization: WordPress Smush.it Plugin

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

Zoom Elements: ‘Anything Zoomer’ jQuery Plugin

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

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 – Beautifully Rendered and Selectable Typefaces

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.

Develop Layouts Faster: Elastic CSS Framework

elastic-css

Elastic CSS is a simple framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited columns combinations. It also has the capacity to make elastic, fixed and liquid layout easily.

Elastic provides a declarative syntax language to define the layout structure and behavior. It’s like having a conversation with your code.

The framework has alot of classes and helpers that will aid in the process of web design. The documentation page of the Elastic CSS provides all the tools for you to start experimenting and trying all kinds of things you can imagine.

Insert Google AdSense Ads between your WordPress Blog Posts

According to Google AdSense Program Policies you are allowed to add up to three ad content units in a page. If you have over 10 posts in a page and you wish to insert Google ads between them, you may need to specify the position of each advertisement (for instance, the first is after the 3rd post, the second after the 7th post and the last one is after the 10th post) and make sure that the limit of 3 ad content units is not exceeded. In this short tutorial I will teach you how you can do that. The code can be applied in every page where posts are shown including the index, the archive, the tags and the search results.
Read more from this entry…