Posted by W3Avenue Team on Mar 28, 2010 in
- Javascript,
- Silver Light |
View Original Article CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud. It enables you to easily develop, debug and deploy ASP.NET, PHP and AJAX web applications using your browser. You can upload existing code in order to test it in the cloud or for sharing with your peers.
CodeRun features native support for C#/.NET (3.5), PHP (5.1), JavaScript, HTML and CSS. C# support includes ASP.NET, WCF, Silverlight and WPF browser application development and deployment. Database support includes SQL Server 2005 and Amazon SimpleDB. This means you do not have to learn anything new in order to begin working with CodeRun. Simply upload you existing code, or start from one of the built-in templates.
Features
- Create projects in multiple languages
- Manage your code solutions, projects and files online
- Edit code with syntax coloring and code-completion
- Compile code and review build errors
- Run and debug code in multiple platforms
- Share code with hyperlink
Developed by Gilad Khen, Dan-El Khen and Alon Weiss; CodeRun Studio is a free service. You can start using it by visiting: http://www.coderun.com/
Similar Posts:
You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.
Tags: - Virtualization, Alon Weiss, Application Packaging, Dan-El Khen, free, Gilad Khen, ide, Online Tools, Tools
Posted by W3Avenue Team on Mar 16, 2010 in
- Javascript,
- Silver Light |
View Original Article FindIcons is an icon search engine with a large database of free icons. It is powered by a sophisticated search filtering and result matching system, enabling you to easily find what you need.
All icon packs on the site are free-to-use, at least for personal usage. Some icon packs are not allowed for commercial usage while some owners require a link to their website.
Features
- Large database of over 300,000 icons (more than 2000 icon packs)
- Support Tagging by all users
- Allows you to create your own sets with your favorite or frequently used icons from the database
- Integrated icon converter enabling you to convert icons into BMP, EPS, GIF, JPEG, PSD, SVG, TGA, or TIFF formats
- Allows you to upload your icons and share with rest of the community
Visit FindIcons at http://findicons.com
Similar Posts:
You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.
Tags: - Virtualization, Application Packaging, design, free, Icon, Search Engine, Sites
Posted by W3Avenue Team on Mar 5, 2010 in
- Javascript,
- Silver Light |
View Original Article Image Power Zoomer is jQuery plugin that adds a magnifier to any image on your page. It lets the user zoom in on any portion of the image by simply moving cursor over it. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth, just like in many graphics programs.
Image Power Zoomer is pretty simple to implement. Based on your understanding of jQuery selectors, you can apply the power zoom effect on an image using variety of ways (e.g., if you need to apply it to multiple images you can select images using class attribute). Image Power Zoomer is a cross browser plugin that works on all major browsers including IE6.
Features
- Applies the zoom effect to any image on the page without adding any additional markup to it.
- The default zoom level can be changed for each image.
- When the user scrolls the mouse wheel while over the image, the zoom level decreases or increases based on the scroll direction.
- The range of zoom can be changed.
- The size of the “magnifier” can be changed for each image.
Developed by Dynamic Drive; Image Power Zoomer is available for download for Free. You can find further information, demo & download on Dynamic Drive Website.
Similar Posts:
You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.
Tags: - Virtualization, Application Packaging, Dynamic Drive, free, Image/Media, jquery
Posted by W3Avenue Team on Feb 8, 2010 in
- Javascript |
View Original Article Expandable Drop Down Ticker is a jQuery plugin you can use to create a ticker that can be viewed both sequentially and simultaneously. A drop down menu is automatically generated out of snippets of the ticker contents to let the user navigate the ticker on demand.
Contents of your Drop Down Ticker can be defined either inline on the page, or inside an external file on the same server. External file is fetched using AJAX and the plugin supports re-fetching of this external file periodically, enabling you to push new content by updating the external file.
Features
- Automatically generates a drop down menu that points to each message within the ticker, using either snippets of the ticker contents, or the “title” attribute of each DIV containing the messages.
- Contents for the ticker can either be defined inline as regular HTML wrapped around DIV tags, or inside an external file on the server and fetched via Ajax.
- In Ajax mode, script can be set to re-fetch the external file periodically, such as every 5 minutes. This enables you to push new information to the ticker by updating the external file.
- Automatic slideshow or manual mode.
- Ticker pauses onMouseover in automatic slideshow mode.
- Two different reveal effects to choose from- “slide in” or “fade in”.
Developed by Dynamic Drive; Expandable Drop Down Ticker is available for download for Free. You can find further information, demo & download on Dynamic Drive Website.
Similar Posts:
You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.
Tags: - Virtualization, Application Packaging, Dynamic Drive, free, Gallery/Carousel/Slider, jquery
Posted by W3Avenue Team on Jan 15, 2010 in
- Javascript |
View Original Article Flex Level Drop Down Menu is a jQuery plugin that lets you add a multi level drop down menu to any link on the page. You can use this plugin to create both horizontal or vertical menu bars, since drop down menu can appear below or to the right of the anchor element.
Structure wise Flex Level Drop Down Menu is simply defined as a regular nested UL on the page, making it very intuitive to set up. By default menu will appear beneath the anchor link, with no additional x or y offset. You can modify both of these aspects using configuration options.
Features
- Lets you associate a multi level drop down menu to any link on the page, by inserting the custom attribute “data-flexmenu” inside the link
- Control whether the menu drops down or to the right of the anchor link, through the use of the custom attribute “data-dir”
- Ability to fine tune the position of the drop down menu relative to the anchor link, by specifying a custom x and y offset using the attribute “data-offsets”
- Each drop down menu is simply defined as a regular, hidden nested UL on the page
- Main and sub menus repositions themselves when too close to the right or bottom edges of the browser window so they remain in view
- Ability to customize the expand animation speed
- Ability to specify the delay before each menu and its sub menus appear/ disappear when the mouse rolls over and out of them
Developed by Dynamic Drive; Flex Level Drop Down Menu is available for download for Free. You can find further information, demo & download on Dynamic Drive Website.
Similar Posts:
You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.
Tags: - Virtualization, Application Packaging, Dynamic Drive, free, jquery, Menu/Navigation
Today we are glad to release Pictodeck, a set of over 700 pictograms in vector format designed specifically for Keynote. That means you can rescale them to any size you desire without any loss in quality. All of the icons also support transparency. The set was created by Aaron Richard. The icons are from four different sets: PICOL, Android Icons, Pictoico, and Freshpixel. All are licensed slightly differently under Creative Commons. Please respect their copyrights.
The last slide contains a series of 32×32 bitmap icons for popular social networking sites. These icons were created by Komodo Media, which has also graciously chosen to license them under the Creative Commons.
Download the set for free!
You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.
download Pictodeck v1.0 for Keynote ’09
download Pictodeck v1.0 for Keynote ’08
Pictodeck was created by Aaron Richard, who works as a strategist at Big Spaceship, a digital creative agency in Brooklyn, New York. You can visit his personal blog at ralphthemagician.com or follow him on Twitter @ralphthemagi.
Tags: - Virtualization, Application Packaging, free, Freebie, icons, keynote, pictograms
Posted by W3Avenue Team on Jan 3, 2010 in
- Javascript |
View Original Article If you are developing a customized content management system for a website, blog, wiki, social network or any other web based application, your choice of HTML editor is going to have a major impact on success of your project.
Even if you are already comfortable with an HTML editor, you should be aware of alternatives that may be more suitable for a specific project or audience. Following is a list of free web based editors to help you choose best solution for your next CMS project.
WYSIWYG Editors
- CKEditor
One of the strongest features in CKEditor is its almost unlimited compatibility. It’s a JavaScript application, so it simply works with all server technologies, just like a simple textarea. In the browser side instead, it has been developed to be compatible with the browsers that dominate the market, namely Internet Explorer, Mozilla Firefox, Google Chrome, Safari and Opera. Even the old Internet Explorer 6 is compatible with.
- TinyMCE
TinyMCE is a platform independent web based JavaScript HTML WYSIWYG editor that converts HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.
- WYMeditor
WYMeditor is a web-based WYSIWYM editor, created to generate perfectly structured XHTML strict code that conforms to the W3C XHTML specifications. WYMeditor is dual licensed under the Open Source MIT and GPL licenses.
- jWYSIWYG
This jQuery plugin is an inline content editor to allow editing rich HTML content on the fly. It’s an alternative to WYMeditor with much less features. The main concept is to keep it simple, not all users need font coloring or create tables, just the basic.
- NicEdit
NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser. NicEdit JavaScript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing.
- jHtmlArea
A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page.
- MooEditable
A simple web-based WYSIWYG editor, written in MooTools.
- MooRTE
The Mootools Rich Text Editor.
- YUI Rich Text Editor
YUI Rich Text Editor is highly customizable editor that works great with YUI library. The Rich Text Editor’s toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high degree of customization.
- Xinha
Xinha is a powerful WYSIWYG HTML editor component that works in all current browsers. Its configurability and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged website editor. Its liberal, BSD license makes it an ideal candidate for integration into any kind of project.
- openWYSIWYG
openWYSIWYG is a free cross-browser WYSIWYG editor that’s packed with rich-text editing feature you need to make your content management system.
- Free Rich Text Editor
Free Rich Text Editor is an easy to use FREE JavaScript based HTML WYSIWYG editor for your website, it can easily be implemented into any existing content management system or other web application with no knowledge required in programming or JavaScript. Only 3 lines of code required to set up the editor.
- Wyzz
Wyzz is an ultra-small, very light WYSIWYG editor for use in your web applications. It’s written in JavaScript, and is free for you to use in your web applications and/or alter to your needs.
- widgEditor
widgEditor is a browser-based JavaScript WYSIWYG editor for HTML content. It is designed to be simple to use, have a small code footprint, and produce valid, semantic code.
Markup / Markdown Editors
- markItUp
markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.
- WMD: The WYSIWYM Markdown Editor
WMD is a simple, lightweight HTML editor for blog comments, forum posts, and basic content management. You can add WMD to any textarea with one line of code. Add live preview with one line more. WMD works in nearly all modern browsers, and is completely free to use.
- SmartMarkUP
SmartMarkUP is a lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your preferences and business needs.
Similar Posts:
You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.
Tags: - Virtualization, Application Packaging, CMS, Editor, free, HTML, Markup, Software, WYSiWYG
Posted by W3Avenue Team on Dec 25, 2009 in
- Javascript |
View Original Article jQuery Highlighter Plugin is an easy to use plugin that allows you to add step-by-step highlighting of various content containers on the web page. You can use it in various types of presentations / walkthroughs / tutorials requiring user to focus on various parts of the webpage in a specific order.
jQuery Highlighter Plugin supports keyboard navigation, auto play and allows you to show description of each highlighted area. It is also customizable using various configuration options: animation speed, shadow style, overlay color, etc.
Developed by Christoph Hochgatterer; jQuery Highlighter Plugin is available for free. You can find further information, demos & download on jQuery Highlighter Plugin Website.
Similar Posts:
You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.
Tags: - Virtualization, Application Packaging, Christoph Hochgatterer, free, jquery, Miscellaneous
By Graham Smith
In another free font exclusive on Noupe, we present Tribbon, a tasty layered ‘ribbon’ style font created by Dominic Le-Hair. It has taken a few weeks of communications with Dominic to finally arrive with a interesting concept in font design. Tribbon is a working ‘ribbon’ style font, that consists of several layers and is available as a free download below. Tribbon is available in both TTF and OTF font formats.
Dominic also designed the popular ‘Clipper‘ font.
Tribbon Layer 1
Tribbon Layer 2
Tribbon Layer 3
Tribbon Layer 4 – Complete
Designer’s Profile
Dominic Le-Hair
I am a 32 year old Graphic Designer living and working in Peterborough, UK. I left Teesside University in 2001 with a BA Honours in Graphic Design.
I like to work on personal projects in my spare time as there are less restrictions than with most of the client briefs in my job. I try to be as original as possible with my work and like to occasionally combine hands-on media with digital techniques. I am inspired by designers who experiment with type, such as Craig Ward, Autobahn and Handmade Font.
How To Use The Font
The Tribbon font started as an experiment in Illustrator working with a simple custom brush I created. I used Myriad Pro Black as a loose basis for each character. The shadows were then added using a gradient overlay.
I was contacted by Graham who asked if I would be interested in creating a working font from my original work called Ribbon Alphabet on my Behance portfolio. I knew it would be a challenge to simplify it without losing too much detail. My solution was to break it up into three separate fonts (Tribbon A, Tribbon B and Tribbon C). These can be layered on top of one another to maintain the depth of the original. The fonts can be used this way in Photoshop, Illustrator, Indesign and QuarkXPress. Tribbon B can also be used on it’s own for a more simplified, 2D version of the original.
I named the font Tribbon as there are three fonts that resemble ribbons when combined (Tri + Ribbon).
Dominic has also kindly created a brief video on how to best use the Tribbon font. ‘How to use the Tribbon Font‘
Font Licencing and Distribution
All rights are reserved by Dominic Le-Hair. You may use Tribbon freely for non-commercial and personal purposes, such as creating a logo for a personal web site, free web design materials, goods or banners.
Please contact Dominic Le-Hair before using the fonts for commercial purposes, such as for commercial products, stores or companies logos, TV, books and magazines, or CDs.
Dominic Le-Hair has made this font available as an exclusive to Noupe and as such, you are not permitted to re distribute this font, to supply it on CD or distribute it directly in other electronic form. If you wish to link to this font in other ‘free font’ blog posts then please do so. Do not supply a direct download link, please direct your readers to this post only.
Download the font!
You can download Tribbon from our servers.
Tags: - Virtualization, Application Packaging, downloads, Fonts, free, Freebie
Posted by W3Avenue Team on Dec 18, 2009 in
- Javascript |
View Original Article Most of the commercial stock photography websites now offer high quality photographs at pretty reasonable rates. If you are on a really tight budget and paying for stock photos is not feasible, you don’t have to compromise on quality. W3Avenue has compiled a list of several great resources to help you find free high quality stock photos.
Almost all of the resources presented in our list are available free for personal use, and most of these are also available free of charge for commercial use. But you must carefully read terms under which you can use these free resources.
If you are looking for free patterns & textures resources, check out:
Resources For Free Photos
This is an alphabetical list of resources offering 100% free photos. However each will have its own terms of use, which you need to read carefully:
- Bigfoto
Allows free use of all pictures if you provide a link to the bigfoto website
- Cepolina Photo
Each photo can be saved in five formats (up to 1024X768 pixels). You can download any photo for private or commercial use.
- FreePhotosBank
- Freerange Stock
Registration required to download free stock photos and free textures. All images are at least 2400 x 1600, and photos can be used for commercial or personal projects
- FreePixels
- Image After
You can download and use any image or texture from our site and use it in your own work, either personal or commercial
- ImageBase
You can use these images for whatever you want, personal, commercial or non-profit use for free
- Morguefile
Free images for your inspiration, reference and use in your creative work, be it commercial or not!
- Nations Illustrate
Gallery of pictures from all corners of the world.You can download pictures both for personal and business (some restrictions may apply)
- OpenPhoto
- Photogen
Requires registration to download free stock photos, both for commercial and personal projects
- Public Domain Photos
5000 free stock photos for personal and commercial use
- Stock.XCHNG
Huge gallery containing over 350.000 quality stock photos by more than 30.000 photographers
- Stockvault
Stock photo sharing website where designers and photographers can meet to share their images. You don’t have to sign up to be able to download images. All images on this site are free for personal and non-commercial usage.
- Twicepix
You are free to copy, distribute, transmit and adapt the work under creative commons attribution share alike license
Free Giveaways From Commercial Sites
Most of these sites will require you to register in order to download free images. Some of these sites also offer free stock photos in low resolutions (normally 400 to 800 pixels wide) and offer option to buy photos in case you need larger size / high resolution:
More Tools & Resources
- deviantART
Ultimate resource for designers
- EveryStockPhoto
A search engine for free photos. Photos come from many sources and are license-specific.
- Google Advanced Image Search
Take advantage of the usage rights filters on the Advanced Image Search pages to find images you can reuse, share, or modify
Please feel free to suggest any addition to the list in your comments. You may also want to look at:
Similar Posts:
You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.
Tags: - Virtualization, Application Packaging, design, free, Lists, Resources, Stock Photos
