Remember Merlin? Yeah, Merlin – the little wizard in Microsoft Office applications that popped up from nowhere on your screen to guide you how to proceed with the application. The little Merlin, Clippy and other characters were designed to provide instant help and tips to the users so they could breeze through their tasks and [...]
Read the rest of this entry »Archive for the ‘User Interface’ Category
Make Scalable Headlines and Flexible Font Sizes: FitText
Imagine, how your design layout would appear to users on a nifty handheld device and to the person viewing it on a hi-res wide screen. With so many browsing options (iPad, Tablets, Mobile Phones, Wide Screen Monitors etc.), you can limit your design to pre-defined scales. It has to be fluid and scalable – not just [...]
Read the rest of this entry »How to Design Accessible Websites and Web Applications
Done with your latest and the greatest web design? Do you know that a large number of people in your audience would not be able to view your design as you intended. Imagine how a person with vision deficiency (like color blindness) would experience your website. According to an estimate, among adult computer users of [...]
Read the rest of this entry »5 Web Design Trends to Watch & Follow in 2011
Recently, we have seen the entire landscape of web design transforming from traditional design and layouts to creative experiments in all directions. Most recent tends included rich imagery, table less layouts, interactive interfaces and extensive use of jQuery, CSS 3 and HTML 5 to minimize Photoshop and Flash. For the rest of 2011, we can expect a [...]
Read the rest of this entry »Advanced jQuery Templates For Layout and User Interaction Management: Magic jQuery
Magic jQuery is a jQuery plugin for experimental web designers and developers who want to gain more control on page layouts and templates. Based on advance jQuery and CSS, Magic jQuery provides simple ways to: Control alignment and movement of page elements between themselves – the result is clean and clutter-free rendering of page elements [...]
Read the rest of this entry »Beautiful Image-less CSS3 Buttons: We Love Buttons
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics of a document written in a markup language. A style sheet is usually stored in the browser cache, and can be used on multiple pages without being reloaded, this reduces data transfer. We Love Buttons, a design studio, is sharing a [...]
Read the rest of this entry »100 Mini Icons: Boolean Icons
Boolean icons is a set of 100 mini icons (16*16px) in PNG, ICO (Windows) and ICNS (Mac) format. This free mini icons set is divided into the following 8 categories: Electronics Papermart Signage Furniture House Movie Factory Emporium Townhall & Nursery
Read the rest of this entry »Wirify Lets You Convert Any Web Page Into A Wireframe
A Wireframe is an important visualization technique for presenting proposed functions, structure and content of a web page. A wireframe separates the graphic elements of a web page from the functional elements, to visualize and explain how users will interact with the web page. Wirify is a bookmarklet that lets you convert any web page [...]
Read the rest of this entry »Photoshop-like Guide Lines In FireFox: FoxGuide
Guides are useful for laying out elements symmetrically, structure a design and improving the overall layout. foxGuide is a firefox extension that displays horizontal and vertical guides in your firefox browser. Guides will appear as thin lines that float over the webpage. You can move or remove them just the way you do it Photoshop.
Read the rest of this entry »High Quality Free PSD Vector Icons: IconSweets2
Yummygum has previously shared a set of 60 free PSD vector icons, IconSweets. IconSweets2 is another collection of 1000+ high quality free PSD vector icons, perfectly suitable for iPhone & iPad apps or for your new web project. It contains 400+ icons both in 64×64 and 32×32 and 292 icons in 16×16, all created as [...]
Read the rest of this entry »
