boomerang is a piece of javascript that you add to your web pages, where it measures the performance of your website from your end user’s point of view. It has the ability to send this data back to your server for further analysis.
With boomerang, you find out exactly how fast your users think your site is. boomerang comes to you from the Exceptional Performance team at Yahoo!, aided by the Yahoo! Developer Network. boomerang is opensource and released under the BSD license, and they have a whole bunch of documentation about it.
Requirements: –
Demo: http://yahoo.github.com/boomerang/doc/
License: BSD License
Codrops has shown us how to create a Beautiful Background Image Navigation with jQuery. The main idea is to have three list items that contain the same background image but with a different position.
The background image for each item will be animated to slide into place in different times, creating a really nice effect. The background image sliding direction from the list item in the middle will depend on which item the user was before: coming from the right, it will slide from the left and vice versa.
On top of that we will have sub-menus that appear with their semi-transparent background sliding in. These backgrounds create an awesome effect of actually just being one element that slides into place, changing its color.
Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/
License: License Free
SmashingMagazine has just released Free Full Layered Facebook GUI PSD Kit. The main idea behind the kit is to speed up the prototyping of Facebook application UIs and Facebook fan pages, thus sparing you from drawing all the comps and letting you customize all the texts, buttons and data as you need. As usual, the kit is free to use in all projects, without any restrictions.
The kit brings the Facebook vector icon and logo. Also, since the focus of this resource are the UI elements, it brings a main window with the header, menu and the chat window for you to set up your realistic mock-ups. Plus all the modal components, comment boxes, buttons, message boxes, tabs, etc. All the components are full layered, built using vectors and blending options, so that scaling and editing the objects will not be a problem. The theme is released under Creative Commons. You can use it for all your projects for free and without any restrictions.
Requirements: –
Demo: http://www.smashingmagazine.com/2010/07/23/free-facebook-gui…
License: Creative Commons License
Dojo Toolkit 1.5 is now available download. Dojo is a JavaScript toolkit that is lean enough for use on a simple blog, yet powerful enough to scale to solve the most advanced web application engineering challenges, allowing you to use just the features and flexibility needed for your application. The 11th major Dojo release, version 1.5 offers many important improvements and enhancements and remains as IP-safe, freely-licensed, and free to use as the first release over five years ago.
The new version of Dojo offers substantial user interface improvements in the form of the beautiful Claro theme. Claro delivers a modern and engaging visual style for rich internet applications with Dojo’s Dijit library, with the visual enhancements of transparent gradient background images, drop shadows, and appropriate CSS animations (on Webkit and Mozilla-based browsers).
Requirements: –
Demo: http://download.dojotoolkit.org/release-1.5.0…
License: Academic Free, BSD License
There are very few design elements with more uses than icons. Icons can be used in just about every type of project, from software applications to website designs.
Icon Nebula has released a really nice set of 75 free icons called Eloquence! Icon Set. This pack includes seventy-five 32 x 32 pixel icons in PNG format that you can use for personal and professional projects.
Requirements: –
Demo: http://psd.tutsplus.com/freebies/icons/exclusive-freebie…
License: License Free
Codrops has created an Interactive Photo Desk with jQuery and CSS3 that provides some “realistic†interaction possibilities for the user. The idea is to have some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.
If we drag a picture, it get’s “picked up” first, making it appear a little bit bigger. Dropping it results in the picture being “thrown back” to the table, in a random rotation. Viewing all photos mirrors the action of collecting all images into a pile and viewing the first one in a none rotated way. Clicking to see the next one then, makes the previous one being thrown back to the surface. Deleting an image will make it appear as a crumpled paper ball. When using the shuffle function, the photos get rotated and spread over the desk randomly.
Requirements: jQuery Framework & CSS3
Demo: http://tympanus.net/Development/PhotoDesk/
License: License Free
CloudApp allows you to share images, links, music, videos and files. Here is how it works: choose a file, drag it to the menubar and let it take care of the rest. They provide you with a short link automatically copied to your clipboard that you can use to share your upload with co-workers and friends. Additionally you can view, track and delete files right from your menubar.
CloudApp is powered by Heroku and Amazon’s Simple Storage Service. Files are redundantly stored on multiple devices across multiple storage facilities preventing data corruption and loss. You can sleep well at night knowing your files are safe.
Source: http://www.getcloudapp.com/
OpenStack is an Innovative, open source cloud computing software for building reliable cloud infrastructure. The goal of OpenStack is to allow any organization to create and offer cloud computing capabilities using open source software running on standard hardware.
OpenStack Compute is software for automatically creating and managing large groups of virtual private servers. OpenStack Storage is software for creating redundant, scalable object storage using clusters of commodity servers to store terabytes or even petabytes of data.
All of the code for OpenStack is freely available under the Apache 2.0 license. Anyone can run it, build on it, or submit changes back to the project. They strongly believe that an open development model is the only way to foster badly-needed cloud standards, remove the fear of proprietary lock-in for cloud customers, and create a large ecosystem that spans cloud providers.
Requirements: –
Demo: http://www.openstack.org/
License: Apache 2.0 License
Aloha Editor is an advanced browser based Editor let’s you experience a whole new way of editing. It is designed to be the easiest to use, the fastest in editing and the best in its functions. The floating menu offers you the right options matching your editing context. The menu floats to the paragraph, table or content element you are editing. Thus the menu is as near as it can be.
Aloha Editor is ready to use when your website is loaded. Even if you need 20 or 100 input areas, Aloha Editor is loaded only once. Most of the other Editors use iframes and need to reload the Javascript and CSS for each instance. Aloha Editor does not need iframes. This results in saving up to 80% of the loading time compared to other editors.
Requirements: –
Demo: http://aloha-editor.com/
License: AGPL 3.0 License
Tutorialzine has written a simple jQuery tooltip plugin called Colortip. It converts the title attributes of elements within your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.
You can also easily create your own tooltip designs by just including three additional style classes to your stylesheet and adding an element to the supported colors array in colortip-1.0-jquery.js.
Requirements: jQuery Framework
Demo: http://demo.tutorialzine.com/2010/07/colortips-jquery-tooltip…
License: License Free
