Designing a web application? Familiarize yourself with Rich Internet Application technologies and 43 Essential Controls for Creating your Web Applications.
Rich Internet Application technology has empowered us to create really amazing user experiences. The best RIAs on the web today rely on a discreet set of UI controls to provide a lively and timely experience. If you are moving from web site design to web application design, the best information you can have at your disposal is an understanding of these essential controls.
Many products are siloed by the RIA framework they are using, and designers create novel controls when the framework doesn’t have what they need. This can decrease the usability of the product, and increase the amount of design effort, usability testing, technical specifications and development time. Before you succumb to designing a brand new control, you should learn what’s out there.
Source: 43 Essential Controls for Creating your Web Applications
TraceWatch Real Time Web Stats and Traffic Analysis lets you keep track of the visitors to your website in real time with detailed statistics and deep analysis using an innovative user interface for Free and helps you make your website more effective. It can can be easily installed on any website supporting PHP and MySQL.
Requirements: PHP 5+ and Mysql 4.1+
Demo: http://www.dejkam.com/twatch/
License: License Agreement
Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.
Gaya Design has written a tutorial explain how to implement this on your web page and give you some tips on how to adjust the looks of the cycle elements and progress bar.
Requirements: jQuery Framework
Demo: http://www.gayadesign.com/scripts/presentationCycle/
License: License Free
Lumzy is a Mockup and Prototype creation tool for websites and applications. By Mockup, we mean that quick sketch that gives an idea of what the site or application you are planning to build will look like.
Further more with Lumzy, you can create prototypes of how the site or application will function by adding events within your Lumzy controls. For instance, what happens when the user clicks a button? You can create Message Alerts, Page navigation or Links to external content, when your client interacts with your Mockup, yet with the hand drawn feel of a sketch.
Requirements: –
Demo: http://lumzy.com/app
License: License Free
Do you need come unqiue custom designs? LogoMyWay aims to connect clients needing design work such as Custom logo designs, T-shirts designs, Business cards designs and more to a thriving community of talented logo designers exploding with creativity.
You can take a look at the Logo Design Portfolio. Currently, there are 70 – 400+ custom logo designs you can choose from. You can also start a logo design contest within minutes for as little as $200.00. Three simple steps and your design contest goes live. You will see amazing logo designs within hours. There are hundreds of creative logo designers in over 100 countries waiting to create your logo design.
You will receive Industry Standard Vector Logo Files that can be used in almost any application you choose. You will also get a free legal contract giving you 100% full legal ownership of your new logo design. Best of all, if your logo contest doesn’t receive at least 40 logo concepts, they will refund your payment no questions asked. What are you waiting for? Get a custom logo design at LogoMyWay now.
Source: http://www.logomyway.com/
Thank you for all of the participants of Giveaway 3 x Subscriptions of Traffic Light Feedback. We are happy to announce the following 3 winners. Congratulations. Traffic Light Feedback will contact you guys shortly with the instruction of getting your free subscriptions.
1. grace 2. Jonathan 3. Kim Steinhaug
For the ones who did not win in the contest. Traffic Light Feedback is very kind to offer us 50% off the subscription for the lifetime of your account. Simply input the Coupon Code: G39WEBAPPE via this link in order to claim your discount.
WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. Nicolas Gallagher has written a tutorial: Pure CSS Speech Bubbles, which contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.
You can also look at the tutorial: Pure CSS Social Media Icons, which creates social media icons using CSS and semantic HTML. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript.
Source: Pure CSS Speech Bubbles
Source:Â Pure CSS Social Media Icons
Geaturecons are Vector based icons created to aid in the design, development, implementation and promotion of multi-touch interfaces. These icons will aid in the creation of wire-frame documents, digital help files and printed documentation. You can also use Geaturecons inside of your applications in order to demonstrate to users how to complete actions or prompt them to interact with an application when they approach it.
Swap out symbols to create your own icons, because these are scalable vector shapes, you can scale them to any size and alter them in any way you wish. Use your favorite vector graphics application to edit.
Requirements: –
Demo: http://gesturecons.com/
License: Creative Commons License
Matt Legend Gemmell held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience.
Predictably, an extremely popular topic was the iPad, and how to approach the design of iPad applications. He gave a 90-minute presentation on the subject to start each workshop, and he is very kind to share some of his observations of iPad Application Design.
This article is about the user interface conventions and considerations which apply to creating software for the iPad platform and touch-screen tablet devices in general. It is not a technical discussion of iPad-related APIs. This is an excellent article for designers and application developers. I am sure you will find it useful too.
Source: http://mattgemmell.com/2010/03/05/ipad-application-design
gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. gameQuery has the following features: multi layer-sprite animations, sprite hierarchies, collision detection, swappable sound support, periodic callbacks and keyboard state polling.
Javascript games are still in their infancy but but there is many reason why they are more than a curiosity: Modern borwser provide very good javascript engine and impovement keeps comming. Then to develope javascript games you don’t need an expensive proprietray IDE, widly available, free, open source software are there wating for you! Sometimes Flash is not available in some platform, even very recent ones (Wii, iPhone …).
Requirements: jQuery Framework
Demo: http://gamequery.onaluf.org/demos.php
License: MIT License
