WebAppers

/ best free open source web resources /

Shopify

How to Create a Beautiful Background Image Navigation

Posted · Category: License Free, Menu

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.

background-image-slider

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/
License: License Free

Facebook GUI PSD Kit Free For Download

Posted · Category: CC License, Information

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.

facebook-gui-kit

Requirements: -
Demo: http://www.smashingmagazine.com/2010/07/23/free-facebook-gui…
License: Creative Commons License

Dojo Toolkit 1.5 Released with New Beautiful Claro Theme

Posted · Category: BSD License, Framework

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).

dojo-framework

Requirements: -
Demo: http://download.dojotoolkit.org/release-1.5.0…
License: Academic Free, BSD License

75 Free Icons for Software Applications to Website Designs

Posted · Category: Icons, License Free

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.

project-icons

Requirements: -
Demo: http://psd.tutsplus.com/freebies/icons/exclusive-freebie…
License: License Free

Interactive Photo Desk with jQuery and CSS3

Posted · Category: Gallery, 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.

interactive-photo-desk

Requirements: jQuery Framework & CSS3
Demo: http://tympanus.net/Development/PhotoDesk/
License: License Free

CloudApp – Rapid File Sharing Excels with Its Simplicity

Posted · Category: Tools

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.

cloud-app

Source: http://www.getcloudapp.com/

OpenStack – Open Source Cloud Computing Software

Posted · Category: Framework

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.

openstack

Requirements: -
Demo: http://www.openstack.org/
License: Apache 2.0 License

Aloha Editor – WYSIWYG with a Floating Menu

Posted · Category: Forms

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.

aloha-editor

Requirements: -
Demo: http://aloha-editor.com/
License: AGPL 3.0 License

A Simple jQuery Tooltip Plugin with 6 Different Colors

Posted · Category: License Free, Tooltips

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.

color-tooltips

Requirements: jQuery Framework
Demo: http://demo.tutorialzine.com/2010/07/colortips-jquery-tooltip…
License: License Free

Handle Broken Links Nicely with Catch404 jQuery Plugin

Posted · Category: GPL License, Tools

Broken links and 404 Errors are a problem that have plagued almost all websites since the dawn of the internet. There’s nothing attractive about clicking a link hoping that it’ll take you to your destination only to find out that the page doesn’t exist.

Addy Osmani has written a new jQuery Plugin called Catch404. Through the magic of jQuery we are going to catch 404 errors without your users even having to leave the page and then suggest some other options they have got using an inline jQuery Modal window. The benefit of Catch404 is that you can offer your users a better experience when errors are encountered on your site.

404-error

Requirements: jQuery Framework
Demo: http://www.addyosmani.com/resources/catch404/catch404.html
License: GPL License

Page 149 of 261...«145146147148149150151152153»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons