Saturday, February 27, 2010

chive: A Promising MySQL Manager

chive: A Promising MySQL Manager:

chive is an open source & web-based MySQL management application that is built with PHP.

It can achieve the most common tasks like creating, editing & executing:

  • databases
  • tables
  • indices, keys, triggers, views, routines
  • privileges management
  • import/export

Chive MySQL Manager

The application has a built-in editor with syntax-highlighting which is nice when running complex queries & an easy-to-use interface that makes browsing fast.

chive has one major fallback (which may pr may not effect you): it only supports MySQL 5+.

Special Downloads: Ajaxed Add-To-Basket Scenarios With jQuery And PHP Free Admin Template For Web Applications jQuery Dynamic Drag’n Drop ScheduledTweets

TinyTips – Lightweight jQuery Plugin for Tooltips

TinyTips – Lightweight jQuery Plugin for Tooltips:

TinyTips is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly. TinyTips is very easy to install and use. Simply include TinyTips and the latest release of jQuery in the <head>. You can also give it a nice style by editing the stylesheet.

tiny-tooltips

Requirements: jQuery Framework Demo: http://www.digitalinferno.net/demos/tt-1-0/index.html License: License Free

jqFancyTransitions: Slideshow With Fancy Transitions

jqFancyTransitions: Slideshow With Fancy Transitions:

jqFancyTransitions is an easy-to-use jQuery plugin that allow you create slideshows with fancy transition effects. It offers three predefined effects: Wave, Curtain and Zipper. jqFancyTransitions is a cross browser plugin that has been fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

Implementing jqFancyTransitions is pretty simple; all you have to do add image tags inside a placeholder with unique “id”. In order to add multiple slide shows in your page, you just need to specify different “id” for each placeholder. You can add captions to each slide using “alt” attribute.

Features

  • Three predefined effects: Wave, Curtain and Zipper.
  • You can make custom effects by setting your own speed, number of strips, direction, type of effect, etc.
  • Supports multiple slideshows in a single page.
  • Can work without any additional CSS, and can be easily styled via CSS.

Developed by Ivan Lazarevic; jqFancyTransitions jQuery Plugin is dual licensed under the MIT and GPL licenses. You can find further information, demos & download on jqFancyTransitions Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Wednesday, February 24, 2010

Pure HTML Clocks using Javascript & CSS Rotation

Pure HTML Clocks using Javascript & CSS Rotation:

The two Clocks are pure HTML using JavaScript and CSS rotation. There are no Adobe Flash files or <canvas> going on, just regular <div> and <img> tags. The way it works is by taking those images in an { overflow: hidden } <div> and rotating them, via JavaScript, using the proposed CSS transform property.

However, this isn’t going to work in any currently available version of Internet Explorer or many older browsers. It only works in Google Chrome, Safari and Firefox 3.5+ browsers support the CSS transform property.

css-clock

Requirements: Browsers support CSS transform property Demo: http://joncom.be/code/css-clocks/ License: License Free

YoxView: jQuery Image Viewer Plugin

YoxView: jQuery Image Viewer Plugin:

YoxView is an easy to use, feature rich jQuery plugin that you can use to create light box and/or slide shows. You can set the configuration options to enable caching of full size images, even before user opens image gallery. This is a cross browser plugin that works on all modern browsers.

YoxView requires very simple markup – all you need to do is write markup for thumbnail images linking to their full size images, nested inside a DIV. This also enables your image viewer to degrade gracefully when JavaScript is turned off. It offers several useful configuration options, enabling you to easily customize its functionality.

Features

  • Images are resized to fit inside the browser’s window
  • Images can be pre-cached
  • Multiple instances of the viewer may be used in the same page
  • Fully configurable – each instance may have a different configuration
  • Multilingual and bidirectional
  • Slideshow-enabled – play images automatically
  • Keyboard access – navigate through images using the keyboard
  • Search engine friendly – large images are indexed
  • Extremely easy to integrate

Developed by Yossi Kolesnicov; YoxView is available for download under MIT license. You can find further information, demos & download on YoxView Website.

Similar Posts:

Tuesday, January 12, 2010

Background Image Animation With jQuery: jAni

Background Image Animation With jQuery: jAni:

Animated GIFs can have up to 256 colors & they are not interactive.

jAni is a lightweight jQuery plugin for animating background images which can be an alternative to animated GIFs (in some cases).

It simply changes the position of a long background image in given distances & speed.

jQuery Background Animation Plugin

The plugin has few options for controlling it:

  • start, stop, pause
  • speed
  • loop on/off
  • dimensions of the frames

As it will require JavaScript to be enabled, using jAni combined with other JavaScript events (like animating a better-quality Ajax loader) would be very functional.

Special Downloads:

Related posts

Mobile Web Application Framework: WebApp.Net

Mobile Web Application Framework: WebApp.Net:

WebApp.Net is a feature-rich JavaScript framework for building mobile web applications.

It provides a complete set of components (switch buttons, radio groups, etc.) that will help your website look & behave like a native mobile application.

WebApp.Net

The framework has full support for Ajax & every action from clicks to form submissions can be Ajaxed with tiny declarations.

Other features of WebApp.Net:

  • native fullscreen for iPhone & iPod Touch
  • custom events
  • advanced styling for components
  • progressive loading (objects will be loaded only when they are needed)
  • animated PNGs
  • & more..

The framework is still in beta but it is promising. A detailed documentation helps understanding it better & the demo shows its capabilities.

Special Downloads:

How to Create Facebook Style Footer Admin Panel

How to Create Facebook Style Footer Admin Panel:

The popularity of social media has been booming in the past few years and Facebook definitely has climbed high to the top of the social network rankings. Facebook has many Ajax driven features and applications that are very impressive, and one of the things is the footer admin panel, where it neatly organizes frequently used links and applications.

SohTanaka has created a tutorial about how to recreate the Facebook Style Footer Admin Panel with CSS and jQuery Part I and Part II. The footer panel can be useful for admin driven applications and much more. There are many useful techniques like the fixed footer, CSS tooltips, height calculation function, and multiple toggle function, that can be used in various ways for your future projects.

facebook-admin

Requirements: jQuery Framework Demo: http://www.sohtanaka.com/web-design/examples/footer-panel/ License: License Free

Coda Bubble jQuery Plugin

Coda Bubble jQuery Plugin:

This jQuery plugin allows you to add popup tooltips as seen on Panic’s Coda software page. Coda Bubble jQuery Plugin requires both jQuery and jQuery UI libraries and works on all major browsers including Internet Explorer 6.0.

Coda Bubble jQuery Plugin is simple to implement but highly configurable. It provides several configuration options including: ability to specify distance and position of tooltip from the button; duration of tooltip; tooltip width; ability to specify path to images loaded in the tooltip; and Internet Explorer related options.

Developed by Carlo Tasca; Coda Bubble jQuery Plugin is available for download under GPL License. You can find further information, demo & download on Coda Bubble jQuery Plugin Website.

Similar Posts:

Group Long List of Hyperlinks With Hypermenu

Group Long List of Hyperlinks With Hypermenu:

Hypermenu is jQuery plugin that you can use to create horizontal menu similar to Google Chrome bookmarks menu bar. If you want your menu to be made draggable, then you will also need to load jQuery UI library. Hypermenu jQuery Plugin is cross browser and works on all major browsers including Internet Explorer 6.0.

Hypermenu jQuery Plugin requires very simple markup and is fairly easy to implement. You can easily customize the look and feel of your menu via CSS. The plugin offers several configuration option enabling you to easily customize its behavior and functionality.

Features

  • Specify whether menu needs to be draggable or not
  • Specify number of visible menu items
  • Specify maximum length of menu item label
  • Specify position and direction of the reader (tooltip – containing full label of the menu items)
  • Specify position and direction of the basket (containing additional links)
  • Specify various icons
  • Specify animation speed

Developed by Carlo Tasca; Hypermenu jQuery Plugin is available for download under GPL License. You can find further information, demo & download on Hypermenu jQuery Plugin Website.

Similar Posts: