WebAppers

/ best free open source web resources /

Graphic Resources

Hummingbird – Real Time Web Traffic Visualization

Posted · Category: MIT License, Stats

Hummingbird lets you see how visitors are interacting with your website in real time. And by “real time” they don’t mean it refreshes every 5 minutes – WebSockets enable Hummingbird to update 20 times per second. Hummingbird is built on top of Node.js, a new javascript web toolkit that can handle large amounts of traffic and many concurrent users.

However, please note that Hummingbird is pre-alpha software. While it shouldn’t screw up your production environment, it’s definitely not yet production ready. In fact, they are still in the process of extracting it from the original app. So check it out, but don’t expect it to fulfill your greatest desires yet.

hummingbird

Requirements: node.js v0.1.96, mongodb
Demo: http://mnutt.github.com/hummingbird/
License: MIT License

Mac-like Icon Dock v2 using jQuery

Posted · Category: License Free, Menu

Mac-like Icon Dock (v2) is a “Mac OS X” style icon dock, built entirely in XHTML/CSS and with smooth animation using jQuery/JavaScript. As from the demo, and unlike many other icon docks, the navigation works with no JavaScript. This is very important as the website should still be accessible with JavaScript disabled.

Each icon can have a scalable image and a title. As the image is dynamically resized, it is up to the browser to smoothly render the icon. You can also have a look at jqDock or other Fish Eye Menus.

mac-like-dock

Requirements: All Browsers except IE6
Demo: http://www.aplweb.co.uk/jQuery/Mac_Dock_v2/
License: License Free

Exploring the Software and Techniques Behind Facebook

Posted · Category: Information

At the scale that Facebook operates, a lot of traditional approaches to serving web content break down or simply aren’t practical. The challenge for Facebook’s engineers has been to keep the site up and running smoothly in spite of handling close to half a billion active users.

Pingdom has published an article: Exploring the software behind Facebook, the world’s largest site, which takes a look at some of the software and techniques they use to accomplish that.

facebook-backend

Source: http://royal.pingdom.com/2010/06/18/the-software-behind-facebook/

Slippy Takes a HTML File and Plays It In Any Browser

Posted · Category: Demo Tour, GPL License

Slippy is a HTML Presentation library written with jQuery, it takes a html file in and plays it in any browser. It is optimal for programming-related talks since it includes a syntax highlighter and is very easy to use since it’s just standard html markup with a few classes to enable specific functions.

If you are making a talk about Javascript, Slippy can even execute your code samples live and displays alert() boxes nicely instead of using the ugly browser dialog, which -I tried it today- works quite well to prove your point interactively.

slide-jquery

Requirements: jQuery Framework
Demo: http://slides.seld.be/?file=2010-05-30+Example.html
License: GPL License

Free Wireframe Toolbar Icons for Interface GUI Designer

Posted · Category: CC License, Icons

Free Wireframe Toolbar Icons is made for interface (gui) desginer. These icons can be used for wireframes and software mockups creation, websites and software applications toolbars and menus including iPhone and iPod apps. You’ll find a set of 8 cursors and 236 icons in black and white color versions. The icons include pagination arrows, ratings and voting controls, social interaction symbols file system and text editor actions.

The entire set totals 244 original icons optimized for 16×16 pixel size and available in 16×16, 32×32 and 48×48 pixel sizes. Royalty Free package includes vector icons in EPS and flash SWF formats for which you have full control to resize without loss of fidelity, color, and effects as you please.

toolbar-icons

Requirements: –
Demo: http://www.gentleface.com/free_icon_set.html
License: Creative Commons License

Bounce – Fast & Easy Contextual Visual Feedback Tool

Posted · Category: Capture, License Free

Millions of entrepreneurs struggle to communicate their ideas on a web product they’re working on. Fast, easy, specific, contextual visual feedback is crucial to creating killer products. Bounce opens up an ability to give visual feedback to everyone. And best of all, it’s free and there is no signup required.

You can make some notes for every screenshot you made on Bounce. Simply click anywhere on your screenshot, and type in what you want to say. You can also change the size and location of your note to highlight exactly what you want. You can share the screenshot easily, at the same time, they can make their own notes, save them, and bounce them!

bounce

Requirements: –
Demo: http://www.bounceapp.com/
License: License Free

Sencha – HTML 5 Mobile Application Framework

Posted · Category: Framework, GPL License

Sencha Touch allows your web apps to look and feel like native apps. Beautiful user interface components and rich data management, all powered by the latest HTML5 and CSS3 web standards and ready for Android and Apple iOS devices. Keep them web-based or wrap them for distribution on mobile app stores.

You can easily shift theme coloring, add style, and use our pre-included icons to deliver a phenomenal visual experience. Animate between views using one of our many predefined animations, with loads of configuration options.

mobile-css3-html5-a

Requirements: –
Demo: http://www.sencha.com/
License: GPL 3.0 + FLOSS License

Latest Web Design Trends — Afresh Inspiration From the Print

Posted · Category: Information

sexy-web-design

“Advertising generally works to reinforce consumer trends rather than initiating them”

This quote becomes quite contradictory in its own terms when it comes to the web designing world. Trends hold a lot of importance when when it comes to incorporating any structure, layout, design, or even a single graphic to a website.

Technology changes with each click of the mouse. Every day, at every single click, a new trend or technology emerges, which changes web design trends. It undergoes a continuous and a very fast pace.

The web world of designs is going more humane, aesthetic, and functional in appeal. As the web industry is fickle, more and more designs trends are on their full pace. Sole web presence doesn’t really work. Incorporation of interactive and attractive designs in a website was, is and will always remain important and thus won’t hamper the new emerging trends.

The best way to communicate any idea in the world of web design is a good and a subtle straight-forward design. And it acts as an icing on the cake, when a website is launched with a creative and unique layouts. It does not stop at having a great content, the entire layout and how it has been structured, decides its readability and influence on the reader. Read the rest of this entry »

Interactive Graphing in HTML 5 with HumbleFinance

Posted · Category: Charts, MIT License

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on Google Finance. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis.

You can mouse over the chart for additional data, as well as zoom and pan the charts using the grey bottons. For best results view with FireFox, Chrome, or Safari.

finance-chart

Requirements: Prototype 1.6.1+, Flotr 2.0 (modified)
Demo: http://www.humblesoftware.com/finance/index
License: MIT License

Launchlist – Your One Stop Website Checklist

Posted · Category: License Free, Tools

Launchlist is intended to help and encourage web designers and developers to check their work before exposing it to the world at large.

The process is simple – Enter your name and email and the same for a recipient, your project details and website URL, and then proceed through the list of provided fields. If a question is irrelevant, you can tick N/A and it will be disregarded. You can even add your own custom fields at the bottom of the checklist if required.

Once submitted, you and your recipient/s will receive a report of your checklist with a summary for your records. Launchlist is and always will be free to use.

website-checklist

Source: http://launchlist.net/

Page 1 of 3123»
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons