WebAppers

/ best free open source web resources /

Graphic Resources

Retrieves and Aggregates Profiles from Across the Web

Posted · Category: Framework, MIT License

Most of us create identities across the web without much conscious thought. We fill in profiles, upload photos, videos, reviews, and bookmarks. Although this information is often public, it’s fragmented into the silos of individual websites.

Glenn Jones built a JavaScript library that can help you do just that. Ident Engine discovers and retrieves distributed identities and profiles from across the web. Simply enter your profile URLs, you would be shocked by the level of detail it found out about you. You can also find out how Ident Engine works on A List Apart: Discovering Magic as well.

find-profiles

Requirements: –
Demo: http://identengine.com/
License: MIT License

SWFAddress Provides Deep Linking for Flash & Ajax

Posted · Category: Framework, MIT License

swf-address

SWFAddress is a small, but powerful library that provides deep linking for Flash and Ajax. It’s a developer tool, allowing creation of unique virtual URLs that can point to a website section or an application state.

SWFAddress enables a number of important capabilities which are missing in today’s rich web technologies including: Bookmarking in a browser or social website. Sending links via email or instant messenger.

It also enables finding specific content with the major search engines. And utilizing browser history and reload buttons.

It has been tested on Internet Explorer 6.0+, Mozilla Firefox 1.0+, Safari 1.3+, Opera 9.5+, Chrome 1.0+ and Camino 1.0+.

Requirements: –
Demo: http://www.asual.com/swfaddress/
License: MIT License

Reduce Image File Size Without Any Loss of Quality

Posted · Category: License Free, Tools

punypng is a free tool that dramatically reduces page load times by reducing the file size of an image without any loss of quality. punypng uses several web optimization techniques to reduce the file sizes of your images. It first analyzes the content of your image and figures out the best image format to use.

Depending on the file, punypng will automatically convert your GIF into a PNG format and then further compress that. For JPEGs, sometimes it’s better to make it a PNG, and other times it’s better to keep it as JPEG and use jpeg-tran to optimize it. punypng makes all those decisions for you and ensures the best possible results.

punypng

Requirements: –
Demo: http://www.gracepointafterfive.com/punypng/
License: License Free

Cross Domain Ajax using CSSHttpRequest

Posted · Category: Framework

CSSHttpRequest is cross-domain Ajax using CSS. Like JavaScript includes, this works because CSS is not subject to the same-origin policy that affects XMLHttpRequest. CSSHttpRequest functions similarly to JSONP, and is limited to making GET requests. Unlike JSONP, untrusted third-party JavaScript cannot execute in the context of the calling page.

  CSSHttpRequest.get(
        "http://www.nb.io/hacks/csshttprequest/hello-world/",
        function(response) { alert(response); }
    );

Data is encoded on the server into URI-encoded 2KB chunks and serialized into CSS rules with a modified data: URI scheme. The selector should be in the form #c<N>, where N is an integer index in [0,]. The response is decoded and returned to the callback function as a string:

    #c0 { background: url(data:,Hello%20World!); }
    #c1 { background: url(data:,I’m%20text%20encoded%20in%20CSS!); }
    #c2 { background: url(data:,I%20like%20arts%20and%20crafts.); }

CSSHttpRequest is open source under an Apache License (Version 2.0).

Requirements: IE6+, Firefox 2+, Safari 3+, iPhone
Demo: http://nb.io/hacks/csshttprequest
License: Apache License

Useful & Practical jQuery Visual Cheat Sheet

Posted · Category: Information

Cheat sheet is a reference tool that provides simple, brief instructions for accomplishing a specific task. We have collated a set of cheat sheets for web developers a while ago.

Woork has just released jQuery Visual Cheat Sheet, which is an useful and practical reference to jQuery 1.3 for web designers and developers. This cheat sheet (6 pages) contains the full jQuery API reference with detailed descriptions and some sample code. The simple visual style allows you to find at a glance everything you are looking for.

jquery-cheat-sheet

Requirements: –
Demo: http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html
License: License Free

Preload a Web Page with Loading Bar & Custom Animations

Posted · Category: License Free, Tools

Yesterday, we mentioned How to Delay Images Loading. Today, we have QueryLoader which preloads images or even a whole web page with Loading bar and custom animations.

There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders available, but most of the time they only display the words: “Loading page” or have an animated image that spins.

Why can’t there be a nice loading bar of some kind? QueryLoader has it all. Loading bar, custom animations and getting all images included in the web page.

jquery-preloader

Requirements: jQuery Framework
Demo: http://www.gayadesign.com/scripts/queryLoader/
License: License Free

Delays Loading of Images with Lazy Loader jQuery Plugin

Posted · Category: MIT License, Tools

Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.

Using Lazy loader on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

There are options for control maniacs who need to fine-tune. You can set threshold on how close to the edge image should come before it is loaded. You can also set placeholder image and custom event to trigger loading. You can check out the demo with FadeIn Effect enabled.

Requirements: jQuery Framework
Demo: http://www.appelsiini.net/projects/lazyload/enabled_fadein.html
License: MIT License

Page 3 of 3«123
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons