Ever wondered which JavaScript framework was used on a specific website but was too lazy to check the source code for the answer? Fear no more WTFramework is here.
Our WebAppers reader Oskar Krawczyk has written a pretty simple and straight–forward bookmarklet. Say you come across a website, see a few pretty cool effects and you’d like to know which of the some JavaScript frameworks (MooTools, Yahoo User Interface, jQuery, the infamous Scriptaculous, Dojo Toolkit, Mochikit, etc.) are being used to rise the magic.
Typically, you’d have to look for the script tag in the source. Well forget about it, now you have WTFramework – one click and a info pops–up informing which framework are we dealing with.
Requirements: –
Demo: http://nouincolor.com/wtframework/2.0/
License: License Free
Would you like some glossy modern web browsers icons? J.max from Morcha has designed 9 glossy modern browsers icons including, Internet Explorer, TheWorld, Opera, Safari, Firefox, Netscape, Tencent Traveler, Maxthon and Google Chrome. All of them are in the size of 256x256px in Ico and Png format. The site is written in Chinese, you can download the file directly here.
Requirements: –
Demo: http://morcha.blogbus.com/logs/30886671.html
License: Personal, Non-Commercial Use
Product Planner was born out of the need to help people understand and create user flows for their web products. The idea is that by looking at examples of other successful web products, you can get a better idea of how to create your own.
Product Planner is actually useful for creating a demo tour for web applications too. You can create a work flow for performing a specific task with your web application. So that user can understand how to use your web application easily by reading the work flow step by step with screenshots.
Requirements: –
Demo: http://productplanner.com
License: License Free
ScreenToaster is a free online screen recorder which allows you to Make screencasts, tutorials and demos. You can record your screen in one click without any downloads. It is compatible with Windows, Mac OS X, Linux. You can also share videos on the Internet in Flash, embed them on blogs/webpages or send them by email.
ScreenToaster is operated by Iteria, SARL with offices in the heart of Paris, France. They are a small team of high-skilled web engineers, developing state-of-the-art web 2.0 services for Internet users. They have already raised a first round of capital to actively support ScreenToaster. Look forward to see the on-going development of ScreenToaster.
Requirements: –
Demo: http://www.screentoaster.com/
License: License Free
quickSearch is a jQuery plugin for filtering large sets of data. It supports Tables, Paragraphs and Lists. It’s very easy to use ‘out of the box’. As easy as:
$(search_elements).quicksearch(options);
quickSearch v2.0 was written with speed in mind, it is now a lot quicker than the previous version and it is completely backwards-compatible with any previous code written.
You can also look at another jQuery QuickSilver Live Search Plugin we mentioned earlier, it is able to recognize which items you are searching for if you just use abbreviations, so you can type entire words, or just fragments of each.
Requirements: jQuery framework
Demo: http://rikrikrik.com/jquery/quicksearch
License: License Free
SmashingMagazine has released Fresh: an application and financial icon set. This icon set is a fresh and lively collection of 59 high-quality stylish icons in standard sizes ranging from 16×16 to 256×256 pixels. All the icons included in the set have a clean, modern look and have consistency and harmony in both perspective and color. There is also one vector file containing editable EPS icons that can be rescaled to any size while retaining their original detail.
You can use the set for websites, web applications, desktop applications or anywhere beautiful icons are essential. You can use the icons for private and commercial projects, blogs and web-sites for free, without any restrictions whatsoever.
Requirements: –
Demo: http://www.smashingmagazine.com/2008/10/09/finance…
License: License Free
CSS tooltips are very popular in modern web design and contrary to popular belief it is really easy to create them, especially with one of the all so popular javascript frameworks. In that case, you have to use at least a plugin. However, Kriesi.at has shared us an article of “Create simple tooltips with CSS and jQuery” which teaches us how to get some basic tooltips with only about 10 lines of CSS and jQuery Code.
Requirements: jQuery framework
Demo: http://www.kriesi.at/wp-content/extra_data/tooltip_tutorial/step1.html
License: License Free
ColorCobmos was built to help web developers quickly select and test website color combinations. The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen. If you are looking for Color Combination ideas, check out the Combo Library. The library contains hundreds of color swatches, along with their color hex values.
You can also look at other Color Schemes Picker/Generator we talked about. I am sure that you will be able to find or create the perfect website color schemes using these color tools.
Requirements: –
Demo: http://www.colorcombos.com
License: License Free
The main pattern used in nearly every site (grid and non grid) was the “title, thumbnail, short summary, more link†pattern. This pattern is generally used for indexing blog post summaries in sidebars, listing services, or creating small calls-to-action.
However, only those small bits of sporadic content were clickable. Sure it’s not that hard for the user to hover over one of the three links, but the user experience could be improved.
Leevi Graham felt that a user should be able to click anywhere in the content and navigate through to the target page — basically making the whole content block one big link. He came up with a jQuery Plugin called BigTarget.js with the following concept.
- Attach the plugin to any link in the content block.
- Pass through the click zone selector as a plugin option.
- The plugin then attaches
onclick and hover events to the click zone.
- User clicks anywhere on the click zone.
- The original link
href is retrieved.
- If the link has a
rel attribute and it’s set to ‘external’, open the link target in a new window; otherwise open the link in the current browser window.
Requirements: jQuery Javascript Framework
Demo: http://newism.com.au/blog/post/58/bigtarget-js-increasing…
License: License Free
You can get great results and save considerable amounts of time by taking advantage of textures that are freely available. One excellent resources of textures (and other types of stock images) is Stock.xchng. Designm.ag has shared us “60+ Free Textures from SXC.hu“, you’ll find more than 60 textures from Stock.xchng. Each image links to the page on sxc.hu where the image can be downloaded.
Requirements: –
Demo: http://designm.ag/resources/60-free-textures-from-sxchu/
License: See License Agreement from Stock.xchng
