This is first part of the series of posts where we are showcasing a compilation of some amazingly helpful UI Design Tools, Toolkits and Design Elements for the web designers that can make their designing process an easier task.

We have already published a post about Free Web UI, Mobile UI, Wireframe Kits And Source Files For Designers and today’s collection will also definitely help you in learning new skills by discovering a new and perfect tool kit for your design project. Check them out; you will be amazed to find them.

You are welcome if you want to share more useful apps and resources for designers that our readers/viewers may like. Do you want to be the first one to know the latest happenings at  SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

Lumzy

Lumzy is a Mockup and Prototype creation tool for websites and applications. With Lumzy, you can easily create your mockups and send them to clients on the fly. Lumzy also features collaboration tools for team editing, a chat engine for deliberating over designs, file versioning and so much more.

Mockingbird

Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

The Pencil Project

The Pencil Project’s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping.

Dojo

Dojo saves you time, delivers powerful performance, and scales with your development process. It’s the toolkit experienced developers turn to for building superior desktop and mobile web experiences.

Mocklinkr

Make your life easier and impress clients by using mocklinkr to deliver your static mockups as a linked-up and clickable website.

MockFlow

MockFlow is an online tool to design and collaborate User Interface mockups for websites and software.

Serena Prototype Composer

Serena Prototype Composer enables IT organizations to quickly simulate process flows and mock up UI screens to help quickly clarify requirements.

Cacoo

Cocoo is a user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Cacoo can be used free of charge.

DENIM

An Informal Tool For Early Stage Web Site and UI Design

Hot Gloo

The Online Wireframe Application

User Interface Design Framework

A free User Interface Design tool for Web Designers.

Pattern Tap

A useful resource to find commonly used design pattern inspiration.

User Interface Design Patterns

User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.

Patternry

Patternry is a user interface design pattern library aimed to help solve common interface design problems. With the new Private Libraries users can also build their private pattern libraries.

Mephobox

A good resource to find commonly used design pattern inspiration.

Android Asset Studio

The launcher icon generator will create icons that you can use in your Android application, from a variety of source images. To begin, simply enter the input details below. Output will be shown below.

Mobility

A free set of mobile UI design elements

Android UI Elements Set

Useful and free set of beautiful Android OS UI elements.

OSX Leopard GUI Set

The package includes fully editable vector Photoshop sources and a customizable Fireworks PNG file, the original fonts that were utilized for the making of the GUI are also included.

ALL In One Web Elements Kit

A great collection of elements for your web layout in layered PSD files.

iPad GUI Set

Very useful collection of iPad app layout in layered, vector PSD files.

Brought To You By

Do you want to advertise here? Click to get more info…

You are welcome if you want to share more useful web apps that our readers/viewers may like. Do you want to be the first one to know the latest happenings at  smashingApps.com just subscribe to our rss feed and you can follow us on twitter and follow us on Google Buzz as well.

MockFlow

MockFlow helps to design interactive UI mockups for Desktop Software, Rich Internet Apps and Web sites. MockFlow is Hybrid, so you can design seamlessly from anywhere & even with No net-connection. You can get your visual concept ready in minutes, it is faster than drawing/coding wireframes, you can share your UI design with your clients, team chat, track project activities and you can export your Mockup to image, PDF or PowerPoint Presentation.

Jumpchart

Jumpstart is a simple online collaborative wireframe designed to make planing websites simple, fast and more efficient. With a Jumpchart preview, -clients just get it and it’s not an abstract concept, it works just like the website will. It is great for Web Developers, Information Architects, Website Owners, and Copywriters. Now you can also export your mockup to HTML and WordPress WXR format! Besides WordPress – which is one of the most widely used Content Management Systems in the world.

PencilProject

PencilProject is a free and fairly powerful Firefox add on tool for making diagrams and GUI prototyping. Its an open-source tool which is very popular among designers and developers. It has many built-in stencils for diagramming and prototyping webs and options like multi-page documents, adding external objects, inter-page linking, on screen text editing and exporting to HTML, PNG, Openoffice.org document, Word document and PDF makes this addon very necessary for designer and developer.

WebSite Wireframe Tool

You can build the wireframe in minutes with this particular tool, and if desired, a link to view the wireframe can be sent through email, instant message, or even the phone. The attraction to this tool is the simplicity of usage, lending itself to speed, both in wireframe creation, as well as being able to quickly share the results without having to send anything more than a web address. It is free to register and use, and works in modern web browsers including Internet Explorer and Mozilla Firefox.

Lumzy

Lumzy is a quick Mockup creation and Prototyping tool for software designers and developers. As a Mockup tool, you can use it to create a rough sketch of how the final website or application will look like while prototyping extends this by adding event based functionalities. Its totally FREE and its function like send on the go, make it public, collaboration and chat, and quick drag and drop will attract you to use it. And by the way you can export your Mockup to jpeg, PNG and PDF files.

DUB – DENIM

DENIM is a system that helps web site designers in the early stages of design. DENIM supports sketching input, allows design at different refinement levels, and unifies the levels through zooming. It allows designers to quickly sketch an interface using an electronic pad and stylus. Its now available for Windows, Unix, and Mac OS X. You can download it from here.

fluidIA

fluidIA is an emerging agile design tool for prototyping rich user interfaces. It provides support for truly rapid prototyping and changes of interface representations, expression of rich interactions, and collaboration.

Prototype Composer

Prototype Composer is a completely new way of gathering requirements. Prototype Composer makes it possible to see how an application will look and function before any code is ever written. Instead of endless text documents, Prototype Composer makes it easy for business users and business analysts to collaborate on requirements by building simple, high-fidelity prototypes that simulate a working application.

iPhone Mockup

This simple web app allows you to create your own iPhone app mockups, share your mockup with other people, and the changes you make will be synced to everyone who has the mockup’s URL. This app is currently in Alpha and offers no password protection so, you better be careful about the privacy of what you creates.

Please let me know if there are more apps which should be listed. Thanks.

Brought To You By

Do you want to advertise here? Click to get more info…

I mean the App inventor enables users to drag and drop blocks of code, which are shown as graphic images and representing different smart phone capabilities. These blocks are created for just about everything you wish to do with an Android phone, as well as blocks for doing “programming-like” stuff, blocks to store information, blocks for repeating actions, and blocks to perform actions under certain conditions. There are even blocks to talk to services like Twitter and more.

App inventor will let you create apps that use advance feature like Sending or receiving SMS or working with GPS, App Inventor provides access to a GPS-location sensor, so users can build apps that know where they are. Users can build an app to help them remember where they parked their car. In App Inventor, the Apps you build can store data created by users in a database, so we can create a quiz kind of app in which the teachers can save questions in a quiz for their students to answer and something like that. So, if you can use database in it then you can think of many apps you can build in App Inventor isnt it?

You can fill a form by clicking here. Google labs will be granting access to App Inventor over the coming weeks. While you are waiting feel free to read more about App Inventor and learn how it works. Check out this video to hear more about App Inventor for Android at University of San Francisco.

Brought To You By

Do you want to advertise here? Click to get more info…

To download the latest releases of OWA, please click here.

Tracking/Reporting 

• Track Page views, visits, and unique visitors over time
• Track unique, new, repeat visitors over time
• Multiple Web Site Support – track any number of web sites and view statistics in aggregate or by site
• Click-streams – view the actual click-stream of each visitor
• Click Tracking – Track where exactly on a web page users are clicking and view clicks by browser type
• Click Heat Maps – view a heat map of where users are clicking on your web pages
• Google Maps – map your visitors on Google Maps
• Google Earth (KML) – view your visitors in Google Earth via a KML file export
• RSS/ATOM subscription tracking – track unique feed readers, reader types, and feed requests
• Visitor Aging – understand the age of your repeat visitors.
• Canned and Custom Time Periods – generate reports using pre-defined reporting periods or custom date ranges
• Refering Page Analysis – View the title, anchor text, and surrounding text of inbound links from refering web pages
• View visits by user agent
• Track entry and exit pages
• Track pages by custom page types

WordPress Specific Features

• Track visitors by WordPress user name or e-mail address they use in comments.
• Track all WordPress Page Types (Posts, Pages, Authors, Archives, Categories, etc.)
• Track the number of comments made by visit
• Reporting accessable via Admin Dashboard
• Track subscribers to RSS/Atom feeds

Brought To You By

Do you want to advertise here? Click to get more info…

Are you assuming that above screen shot is showing my desktop. No, this is the Windows4all desktop view. At first glance, you will would not believe that it’s just virtual version of web based Windows.

Windows4all.com requires Silverlight 2 player to operate because it was developed on Microsoft Silverlight. Besides desktop, taskbar, start menu and sidebar, currently it includes such applications.

* File Explorer
* Internet Explorer
* Video Player
* Rich text editor
* RSS reader
* Notepad
* Paint
* Calculator
* Games like Chess, Solitaire, Spider, Tic-tac-toe

The system also supports installing program functionality. But this program should be developed in Silverlight and be available in Internet or local file system. This is the alpha version of Windows4all.com but it’s still wonderful.

Update: Thank you Akmal Wardak for your point. After you commented here, we have figured out that Windows4all is not a Microsoft product and we have mistakenly Introduced it like this. We apologize to our community.

Old Title : Microsoft Rolled Out Web-Based Version Of Windows (For Free)  (Removed)

New Title :  Windows4all, An Online Virtual Operating System For Free

Brought To You By

Do you want to advertise here? Click to get more info…

You are welcome to share more free web apps/platforms that will help our readers to start their multi-function websites.  Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

WordPress

WordPress is a state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability. WordPress is both free and priceless at the same time.

Pligg

Pligg is an open source Content Management System (CMS) that you can download and use for free. Pligg CMS provides social networking software that encourages visitors to register on your website so that they can submit content and connect with other users. Our software creates websites where stories are created and voted on by members, not website editors. Use Pligg content management system to start your own social networking community in minutes.

phpBBâ„¢

With a large and highly customisable set of key features coupled with a standards compliant interface, phpBBâ„¢ will grow with, and complement your website. With millions of installations worldwide, it is no wonder phpBBâ„¢ is one of the most popular ways to create and support a community.

Magento

Magento is the eCommerce software platform for growth that promises to revolutionize the industry. Its modular architecture and unprecedented flexibility means your business is no longer constrained by your eCommerce platform.

Drupal

Drupal is a free software package that allows an individual or a community of users to easily publish, manage and organize a wide variety of content on a website. Tens of thousands of people and organizations are using Drupal to power scores of different web sites from personal weblogs to large community-driven websites.

PrestaShopâ„¢

The PrestaShop e-Commerce Solution was built to take advantage of essential Web 2.0 innovations such as dynamic AJAX-powered features and next-generation ergonomy. PrestaShop guides users through your product catalog intelligently and effortlessly, turning intrigued visitors into paying customers.

jobberBase

jobberBase is a great open source job board software for anyone. You can get online your job posting website with jobberBase. It’s easy to install and configure to start your job board.

Dolphin

YouTube, MySpace, Odeo, Flickr, Match and Facebook – all in one, customizable and under your full control. You’re limited only by your imagination – not by the software. Dolphin Smart Community Builder is a universal, free, open source software that allows you to build any kind of online community. With a huge variety of features & options, you can quickly launch your own very unique and successful website.

The Freeway Project

Freeway is the most advanced Open Source eCommerce platform and Freeway offers selling methods only previously available in enterprise class or niche bespoke systems. Without having to purchase a commercial system and then paying a developer to build a custom installation, Freeway does what you need out of the box. Of course Freeway is great for selling products but it also sells events AND services AND subscriptions. From appointments and time based bookings to event ticketing and subscriptions Freeway is the eCommerce platform.

PHPizabi 

PHPizabi is one of the most powerful social networking platforms on the planet. With literally thousands of websites powered by PHPizabi including everything from simple friends sites to the most complex networking super sites out there. Easy to install, use, and raising the bar on what it is to provide a reliable, fast, social networking package to raise your business to the next level.

Updated*

Joomla

Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla the most popular Web site software available. Best of all, Joomla is an open source solution that is freely available to everyone.

Brought To You By

Do you want to advertise here? Click to get more info…

Axiis was designed to be a granular framework, allowing developers to mix and match components and build complex output by compositing together basic building blocks. We have specifically avoided long OO inheritcance chains to keep our classtructures flat and interchangeable. In Axiis you create visual complexity through engineering simplicity.

Axiis is an open source project, under an MIT license. This means you can use it for personal projects, commercial work, and pretty much anything you can think of with no restrictions, we just ask you keep our copyrights and license within the code.

Brought To You By

Do you want to advertise here? Click to get more info…

You are welcome to share if you know more Microsoft Silverlight tutorials and resources which our readers/viewers may like.  Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

You may be interested in these older posts
25 Excellent And Useful Adobe AIR Tutorials & Resources
11 Free And Useful Open-Source Alternatives For Designers
13 Online Free Web Apps That You Would Really Love To Use
31 Power Tools For Twitter Lovers To Make Lives Easier
11 Premium But Free And Useful Web Apps For Designers
15 Free Tools For Mac OS X You Should Bookmark
11 Free Windows Programs Alternatives For Linux
19 Most Essential Open Source Applications That You Probably Want To Know
17 Wonderful Free Tools To Make Designers Lives Easier!
17 Online Free Web Based Applications That You Probably Would Love To Use!
17 Online Free Web Based Applications That You Probably Love To Use!
21 Online Free Web Based Applications That You Probably Would Love To Use Every Day!
23 Free And Online Web Based Applications Specially If You Are Designer Or Developer
6 Free Tools To Help You Run Windows Applications On Linux
21 Free Apps For Mac OS X That Are Absolutely Useful

First Look at Silverlight 2 

In this article, you will have a first look at Silverlight that focuses on enabling Rich Internet Application (RIA) development.

The Importance of an Impressive User Interface

In this lesson of the Silverlight tutorial, you will learn about the elements used for drawing graphics and to animate graphics by using Expression Blend.

How to Start with Silverlight

Creating a XAML project for the Web

They are beginning this tutorial by the creation of a project for a Web application, running in a navigator, and who requires the Silverlight plug-in, plus the SDK for programmers.

Silverlight Tutorials Collection

A good and useful collection of Silverlight tutorials if you want to learn how to get start with it?

How To Create An Animated Navigation Bar

This article is a tutorial on how to use Silverlight 2.0 to make a nifty animated navigation bar much like the one at the top of the Silverlight.net website.

Virtual Earth Silverlight Minimap Tutorial

In this tutorial author is going to show you how to create a simple styled minimap to use in your Virtual Earth Silverlight projects that looks exactly like the one we used in our Twittermap demo.

Silverlight 3 Photo Gallery Wall Application

A downloadable source code of Silverlight 3 Photo Gallery Wall Application with useful information to understand how it was done.

Silverlight With Java Script Tutorial

This tutorial will introduce interactive animation. With Interactive Animation, we have the ability to start and stop our animations when we want without having to resort to subterfuge.

Creating Rich Data Forms in Silverlight 3 – Introduction

In this article author will show you the basics of the DataForm control – what you can do with it and why you should use it. He will show you how you can bind an item or a collection of items to a data form. Microsoft guys have done a great job with this control, so there are many features that you can use directly without much pain.

Securing Silverlight Application and WCF Service using ASP.Net Authentication Techniques

In this article you can learn the securing Silverlight Application and WCF Service using ASP.Net Authentication Techniques.

Animation Easings in Silverlight 3

In this author will describe in details how you can use the BackEase animation.

The Silverlight BlockText Control

The main idea is to let Silverlight’s Grid do the work. So at the beginning Author split the given string into words and draw them hidden into temporary grid, so he get the ActualWidth of each word.

Introduction to XAML Browser Applications

This article gives an introduction to XBAPs and provides information about the differences between WPF Standalone applications, Silverlight, and XBAPs. Nihar explains the steps used to create a sample XBAP application and how to deploy and run it.

50 Silverlight Applications

This is the collection of 50 sample applications developed in Silverlight.

Brought To You By

Do you want to advertise here? Click to get more info…

You are welcome if you want to share more Ajax tutorials and resource that we have missed here and you think our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

I will appreciate if you can spread the word via Digg, Stumbleupon and other social media websites, Thank you.

Introducing the ASP.NET Ajax Frameworks

This article takes a brief look at the features of some of the more widely used ASP.NET Ajax frameworks.

How To Build Quick and Simple AJAX Forms with JSON Responses

In this tutorial, you will learn the steps to setting up an AJAX form, which will return a JSON response used to display success/error messages.

Create a shoutbox using PHP and AJAX (with jQuery)

In this tutorial, You will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will be very interesting to know how to use the ajax function of jQuery and how it can be used to insert and recover data from a MySQL database via PHP in a way asynchronous.

Vista-like Ajax Calendar version 2

The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive  web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools javascript framework, AJAX, XHTML, CSS and PHP.

How to Code a Fun To-Do List With PHP and AJAX

This tutorial will help you to build a to-do list that will allow you, or your user, to create, update, and delete items asynchronously. To accomplish our task, we’ll be using PHP and jQuery’s AJAX capabilities.

Using Ajax to Validate Forms

In this tutorials, Author is trying to explain that how you can speed up the process and reduce any frustration in finding preferred username. Server-based validation can be delivered with a page refresh, or live as this tutorial will explain, i.e. for checking whether a username is taken.

8 Ajax Data Controls and Effects to Work with Tables

An useful collection of Ajax Data Controls and Effects that will help you to work with tables.

Making an Ajax PHP Watermarker Script

In this post, you will learn that how to make an Ajax PHP Watermarker script. So, all a user will have to do is select a file from a folder, enter his watermark text and watermark them instantly using Ajax.

Creating AJAX websites based on anchor navigation

In this tutorial we will see how to create an AJAX website without lose the reference to the URL.
Getting started with AJAX using PHP

In this article you will learn about what AJAX is, how it works, and how can you use AJAX with PHP. Please remember, AJAX is not a programming language, so you don’t have to learn any new technology. AJAX can be implemented by using existing standards (JavaScript and XML) in a different way.

Creating an Ajax contact form

In this tutorial author is showing you how to create an Ajax contact form from start to finish. This includes the form HTML/CSS, the JavaScript and the PHP backend.

Ajax security tools

In this article, you’ll learn about Ajax security tools, which you’ll be using to scan for SQL injection and cross-site scripting vulnerabilities; to set a master password; and to restore the state of all windows after crashes etc.

Creating An Amazing jQuery Style Switcher with Ajax Techniques

In this tutorial author is showing you how to create a style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.

Google AJAX APIs

Google’s AJAX APIs let you implement rich, dynamic web sites entirely in JavaScript and HTML. You can add a map to your site, a dynamic search box, or download feeds with just a few lines of JavaScript. If you want to play around with them, try using the Interactive Code Playground.

ASP.NET AJAX framework

ASP.NET AJAX is a free framework for quickly creating efficient and interactive Web applications that work across all popular browsers. ASP.NET AJAX is built-into ASP.NET 3.5. It is also available as a separate download for ASP.NET 2.0.

20 Excellent Websites for Learning Ajax

There are many sites out there that’ll help you “grok” Ajax and the various technologies surrounding it. Here are 20 top-notch websites that cover the subject of Ajax.

AJAX Newsletter Module

This free app should be great for any newsletter management needs. Copy this one file onto your site, and you’re ready to send and archive all newsletters, manage e-mail addresses and categories, and configure a template for your e-mails.

AJAX Your Blog – Plugins, Source Code, and Tutorials

This  is a list of AJAX components you can add to WordPress, Expression Engine, and Moveable Type.

script.aculo.us

script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

70 New, Useful AJAX And JavaScript Techniques

In this article, they presented 70 new and useful JavaScript and AJAX techniques, all of which are of the highest quality and are more or less easy to configure. You will also find some very useful but better known techniques to use on almost any project you work on.

Ajax Rain

Ajax Rain is a diverse collection of over 900 Ajax examples, java scripts, jQuery plug-ins, DHTML codes and demos from around the web, it gives you the perfect start to web development.

MiniAjax

A showroom of nice looking simple downloadable DHTML and AJAX scripts.

AjaxWith

AjaxWith has a huge collection of Ajax tutorials, resources that will help you to learn Ajax in an easy way.

Brought To You By

Do you want to advertise here? Click to get more info…