This is a lightweight (only 1kb), accordion type JavaScript horizontal menu that does not require any JavaScript frameworks.
It is very easy to setup as the script automatically adjusts to the number of elements in the accordion and the dimensions of the accordion.
How it works?
- Create an unordered list like this:
<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>
- Call the function below onload
slideMenu.build('sm',200,10,10,1)">
Parameters:
- First: id of the unordered list
- Second: width of the accordion
- Third: timeout variable to control how quickly the sliding function is called
- Fourth: speed of the accordion with 1 being the fastest
- Fifth: is the integer that corresponds to the section you would like to be expanded when the accordion is loaded (optional)
Requirements: No Requirements
Compatibility: All Major Browsers
uMaps is an universal ActionScript 3.0 mapping API.
This flexible API enables developers to build fully-customized solutions. The current version is integrated with OpenStreetMap and Microsoft Virtual Earth map data.
uMaps features:
- Support for custom map tiles and providers
- Flash / Flex versions
- KML Support
- FLA-Based Map Controls
- Marker Manager
- Advanced content layering
Using a universal API is very helpful as you can easily switch between mapping providers without updating the codes. As Google Maps API for Flash is released (see WRD post), it may be integrated into uMaps too and can make the product better.
This Flash mapping API is free for personal use and requires a license for commercial use.
Requirements: Flash 9+ AS 3.0, Flash Player 9+
Most of the developers use cookies for storing data on the client side as they are cross browser & platform. But storing important data in cookies has some downsides:
- Size: Cookie max size is around 4kb.
- Bandwidth: Cookies are used in every HTTP transaction.
- Complexity: It is hard to manipulate cookies correctly.
Modern web browsers, Google & Flash have non-cookie storage solutions but each of them solved this differently:
- globalStorage: Firefox 2.0+, Internet Explorer 8
- localStorage: development WebKit
- openDatabase: Safari 3.1+
- userdata behavior: Internet Explorer 5.5+
- Adobe Flash
- Google Gears
PersistJS solves all of the issues above. It currently supports persistent client-side storage through the following backends:
- flash: Flash 8 persistent storage.
- gears: Google Gears-based persistent storage.
- localstorage: HTML5 draft storage.
- whatwg_db: HTML5 draft database storage.
- globalstorage: HTML5 draft storage (old spec).
- ie: Internet Explorer userdata behaviors.
- cookie: Cookie-based persistent storage.
And the great news is, each backend is communicated with the same interface which means you don’t have to know or care which backend is being used.
Requirements: No Requirements
Intervals time and task tracking service was giving away 2 annual "Not So Basic" time and task tracking accounts ($600 value/each) to WebResourcesDepot readers. To remind:
What is Intervals?
Whether you are billing your customers hourly or not, you need to find out & analyze where your (or your team’s) valuable time is being spent to produce much more effectively.
Intervals is a complete solution to this problem. You can manage projects, tasks and track the time for every task & project. It has a built-in invoicing system, ability to reach detailed work histories, real-time vs actual budget reports & more.
And the winners:
Lucky WebResourcesDepot readers of this giveaway are Alex & Brian.
Thanks to everyone and Intervals for contributing and this nice giveaway.
AtMail Open Source is an open source webmail client written in PHP.
This lightweight Ajaxed webmail client has a simple to use interface and can be used with existing IMAP mailservers.
Features of this free webmail client:
- Lightweight Ajax Webmail Interface
- Video Mail
- PHP source code
- IMAP support
- Live Spell Check
- Address Book
Requirements: PHP
Compatibility: IMAP Mailservers
Free vector world maps can not be found easily as there are only few around.
I needed a world map for a project of mine for showing visitor activities on a map and found very nice ones that I’m pleased to share with you.
World maps are very handy specially with the increasing use of mapping APIs etc. So, don’t forget to bookmark this post (del.icio.us link).
Here is a collection of free vector world maps that you can use in your projects:
Different versions of this SVG World Map can be found at the same address.
You can share the other world maps that you know to make the list better.
iPod-like jQuery drilldown menu provides easy navigation of complex and multi-level menus.
The menu sits within a fixed-size area, and when a node is selected, breadcrumb links appear above the menu options to both deliver feedback and allow quick access back to nodes higher up in the hierarchy.
An iPod-style slide transition helps providing the feelthat you’re moving forward into the data, or backward into higher-level data.
This menu is specifically useful in browsing deeply nested hierarchies, particularly those more than three levels deep. It also provides a more usable alternative to multi-level fly-out menus, which can present challenges to those with limited manual dexterity.
It is not coded for ease of modification, but is free to reuse and modify with a proper attribution to Filament Group. Feel free to visit the demo page and view the source code to see how it works
Requirements: jQuery
It seems that canvas tag ( <canvas> ) will be very popular as it allows drawing graphics using scripting.
Canvas tag is supported in Firefox, Opera 9, Safari by default to allow 2D command-based drawing. But it is not supported by Internet Explorer.
ExplorerCanvas is a JavaScript that you can insert into your pages for bringing canvas functionality to Internet Explorer.
To get the ExplorerCanvas, click here.
For more details about the canvas tag, click here.
Slider scripts are one of the common objects of newspaper & portal websites. They are very useful as they help us present more content in a limited space.
YCodaSlider 2.0 is a slider script, inspired from Panic - Coda, and based on the Coda Slider of Niall Doherty.
This script helps you present your content with a tabbed menu + previous-next buttons to switch between tabs.
YCodaSlider 2.0 requires jQuery to run and you can use any type of content inside the slider like HTML, Flash, webpages etc.
It can be configured easily to use different effects while changing the content.
Requirements: jQuery
Compatibility: All Major Browsers
Google released the Google Maps API for Flash which lets Flex and Flash developers embed Google Maps in Flash applications.
v
The API is smooth and fast. Flash graphics can be used for each tile layer, marker and info window. This opens up possibilities like dynamic shading, shadowing, animation, and video. When the user zooms the map, magnification changes happen smoothly and place names fade in.
