Post pobrano z: Slider With Progress Bar: Presentation Cycle

Gaya Design is featuring a very nice tutorial (with source) on creating an image slider with a progress bar.

The slider uses the powerful jQuery Cycle plugin (see WRD post) which can rotate images with various effects.

The progress bar is created automatically to reflect the number of images that wi,ll be displayed.

Besides the look & feel of the slider, variables like speed of the slideshow & transitions can be set too.

Here are several examples provided to better findout how it functions.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript, Progress Bar

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls
• Web Based FTP Client Similar To Windows Explorer

Post pobrano z: A JS Library To Use Facebook Connect: Mu

Mu is a JavaScript library for enabling Facebook Connect on any website with ease.

It makes accessing the following possible:

• Identity: the user's name, photo and more
• Social Graph: the user's friends and connections
• Distribution: the Stream, and the ability to communicate
• Integration: publishers, canvas pages, profile boxes & tabs

Mu is lightweight can be used with other libraries with no conflicts.

There is also a console provided for experimenting the Mu APIs.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Facebook, Javascript

Related posts

• Tooltips Over Images With Tipmage
• Facebook-Like Inputs With jQuery Or MooTools
• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker

Post pobrano z: A JS Library To Use Facebook Connect: Mu

Mu is a JavaScript library for enabling Facebook Connect on any website with ease.

It makes accessing the following possible:

• Identity: the user's name, photo and more
• Social Graph: the user's friends and connections
• Distribution: the Stream, and the ability to communicate
• Integration: publishers, canvas pages, profile boxes & tabs

Mu is lightweight can be used with other libraries with no conflicts.

There is also a console provided for experimenting the Mu APIs.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Facebook, Javascript

Related posts

• Tooltips Over Images With Tipmage
• Facebook-Like Inputs With jQuery Or MooTools
• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker

Post pobrano z: Open Source & Web-Based Personal Information Dashboard: conjoon

conjoon is a web-based open source application, built with the Zend Framework, that focuses on message exchanging.

Currently, it is a full-featured webmail & RSS reader client with contacts management. But the upcoming releases show that it will also have an integrated Twitter client with multiple accounts support.

Thanks to Ext JS, the application has a slick desktop-like interface with tabs, drag'n drops & more.

It comes with a web-based installer & requires PHP/MySQL to run.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Mysql, Php

Related posts

• Wiki-Like Project Management Tool: Streber
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go
• Web Based Task Manager: TaskFreak!
• Voice Enabled Powerful Web Chat Software: Ajax Chat

Post pobrano z: Open Source & Web-Based Personal Information Dashboard: conjoon

conjoon is a web-based open source application, built with the Zend Framework, that focuses on message exchanging.

Currently, it is a full-featured webmail & RSS reader client with contacts management. But the upcoming releases show that it will also have an integrated Twitter client with multiple accounts support.

Thanks to Ext JS, the application has a slick desktop-like interface with tabs, drag'n drops & more.

It comes with a web-based installer & requires PHP/MySQL to run.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Mysql, Php

Related posts

• Wiki-Like Project Management Tool: Streber
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go
• Web Based Task Manager: TaskFreak!
• Voice Enabled Powerful Web Chat Software: Ajax Chat

Post pobrano z: FireQuery: Firebug Enhancements For jQuery

FireQuery is a Firefox add-on that extends Firebug with new jQuery-focused features.

It adds extra functions to the HTML tab like showing embedded data elements & event handlers inserted using jQuery.

All the jQuery expressions are presented in Firebug Console + DOM inspector and elements in jQuery collections are highlighted on hover.

Also, the jQueryify bookmarklet is integrated into FireQuery which makes injecting jQuery into any website possible.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Firebug, Firefox

Related posts

• Website Reachable Alert Firefox Plugin: Mr Uptime
• Wappalyzer: Find Out Apps. Used On A Website
• Test Your Website Design In Different Browsers In Minutes
• Sketching And Prototyping Tool: Pencil Project
• Photoshop Browser Templates

Post pobrano z: FireQuery: Firebug Enhancements For jQuery

FireQuery is a Firefox add-on that extends Firebug with new jQuery-focused features.

It adds extra functions to the HTML tab like showing embedded data elements & event handlers inserted using jQuery.

All the jQuery expressions are presented in Firebug Console + DOM inspector and elements in jQuery collections are highlighted on hover.

Also, the jQueryify bookmarklet is integrated into FireQuery which makes injecting jQuery into any website possible.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Firebug, Firefox

Related posts

• Website Reachable Alert Firefox Plugin: Mr Uptime
• Wappalyzer: Find Out Apps. Used On A Website
• Test Your Website Design In Different Browsers In Minutes
• Sketching And Prototyping Tool: Pencil Project
• Photoshop Browser Templates

Post pobrano z: Typographic & Baseline Grid Combined: Fluid Grid System

The Fluid Grid System is a CSS framework which combines the principals of the typographic & baseline grid into a resolution-independent one.

It has a comprehensive logic. The classes are mentioned like: six_column section or three column which makes it easier to use & understand.

With the simple layout & use of CSS, the Fluid Grid System degrades well in both older web browsers, scales with text nicely & presents content to screen readers in a logical manner as well.

The framework is also great for rapid prototyping besides final production layouts as designers can quickly design complex layouts.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Typography

Related posts

• No related posts.

Post pobrano z: Typographic & Baseline Grid Combined: Fluid Grid System

The Fluid Grid System is a CSS framework which combines the principals of the typographic & baseline grid into a resolution-independent one.

It has a comprehensive logic. The classes are mentioned like: six_column section or three column which makes it easier to use & understand.

With the simple layout & use of CSS, the Fluid Grid System degrades well in both older web browsers, scales with text nicely & presents content to screen readers in a logical manner as well.

The framework is also great for rapid prototyping besides final production layouts as designers can quickly design complex layouts.

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Typography

Related posts

• No related posts.

Post pobrano z: eCSStender: A JavaScript Library To Take Control Of Your CSS

eCSStender is an open source JavaScript library, created by Aaron Gustafson, that helps browsers (including IE6) pay attention to the CSS code you write.

It aims to prevent the usage of browser-specific properties & hacks but make leaner & meaner CSS possible.

eCSStender is an extendible library with its API support & has ready-to-use extensions like CSS3 selectors, @font-face, rotation & more.

How does it work?

• it loops through the document's stylesheets and begins collecting information
• parses the rules it understands
• checks if the parsed rules are supported by the extensions
• applies the supported rules to the document via JavaScript

It is a very flexible library & well-documented that makes discovering the capabilities easier.

The download package includes examples which you may be surprised to see CSS rotation working even in IE6.

To better findout how functional eCSStender can be, check this presentation of Aaron Gustafson at the "An Event Apart Chicago 2009":

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

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: CSS3, Javascript

Related posts

• Better HTML5 & CSS3 Usage By Detecting Browsers Capabilities With Modernizr
• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls