Pluralink is a tiny JavaScript library for displaying multiple links inside one link.
Rather than mentioning all your links one-by-one, a major link will be displaying all the options when clicked.
Usage is pretty simple:
<a href="http://firstlink.com/||http://secondlink.org/" title="First link description||Second link description">Some pluralink</a>
is all to do after inserting the JS file into our webpages.
The cons are:
-
not unobtrusive (if the JS is off, the links won't be working)
-
no RSS support (Pluralink team says "they are working on it")
The library also comes as a Wordpress plugin for easier integration.
Requirements: No Requirements
Compatibility: All Major Browsers
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.
Requirements: jQuery, jQuery Cycle Plugin
Compatibility: All Major Browsers
Photo Booth is a tiny open source Flash application that can capture images from a webcam.
The script is built with AS3 + PHP5 and can be instantly implemented to any website.
It can be a great add-on when asking users to upload an avatar or creating a web application around photos.
To see how it works, a demo can be found here.
Requirements: PHP5
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.
Compatibility: Firebug 1.3+
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.
Requirements: No Requirements
sendcube is presenting 10 free e-mail templates that can be used in the newsletters we send.
All of them are styled with inline-CSS & tested to work in major e-mail clients like Outlook 2000+, Lotus Notes, Hotmail, Gmail, Yahoo & more.
The templates (most of them) come in 3 versions: left-column, right-column or one-column to better suit your needs.
It is possible to preview them & download only the ones you prefer or in bulk.
Compatibility: All Major E-mail Clients
Web-kreation is sharing a beautifully-crafted sliding login panel that is very handy to be used in websites with limited spaces.
It has 2 versions:
The panel works by overlapping the content rather than pushing it & can be easily converted to be used for any other functionality (like navigation, search, contact form, etc.)
It is also converted into Wordpress plugins:
P.S. It comes only the HTML-CSS-JavaScript part of the code & doesn’t have an integrated login system. Such a function needs to be adapted while using the code.
Requirements: jQuery or MooTools
Compatibility: All Major Browsers
Tutorialzine is sharing a nice tutorial with source on creating a fancy Ajaxed contact form that is built with jQuery & PHP.
The form is unobtrusive & has a server-side validation which makes it degrade gracefully when the JavaScript is turned off.
It takes advantage of 2 jQuery plugins:
and a PHP class:
The contact form also has a basic captcha which works by asking the sum of 2 random numbers.
To check a demo of the form, click here.
Requirements: PHP
Compatibility: All Major Browsers
Tutorialzine is sharing a beautiful tutorial (with source) on creating an Ajaxed drag’n drop shopping cart with jQuery & PHP.
It uses MySQL for storing the data & simpleTip plugin for displaying information about the products with style.
It takes advantage of the jQuery UI’s draggable & droppable behaviours to accomplish the flawless experience.
The shopping cart is not a ready-to-go one for an e-commerce website but it is a nice base for creating one by improving the features.
Tip: Tutorialzine provides other nice tutorials which you may be interested in like:
Requirements: jQuery, jQuery UI, PHP, MySQL
Compatibility: All Major Browsers
As the processes in HTML 5 & CSS3 working groups move forward everyday, it is getting much more clear that new standards are not too far.
There are lots of new tutorials, resources being created on HTML 5 / CSS3 including cheat sheets which are very functional helpers for anyone willing to code with these standards.
Although there are (currently) few around, here is a collection of HTML 5 and CSS3 cheat sheets:
P.S. the list will be updated with the new ones once they are created, please feel free to share them.
HTML 5 Cheat Sheets
Read the rest of this entry »
