Keepin’ it Real: Pushing the Desktop Metaphor with Physics, Piles and the Pen
BumpTop Prototype - HoneyBrown.ca
Saved on
Saved on
Keepin’ it Real: Pushing the Desktop Metaphor with Physics, Piles and the Pen
Saved on
The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web.
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Saved on
Navigate the contents in a different way.
Saved on
By contrast, in modern web development we must support all browsers. Choosing to exclude a segment of users is inappropriate, and, with a ?Graded Browser Support? strategy, unnecessary.
Saved on
JavaScript thumbnail viewer that streamlines the use of thumbnail images on web pages.
Saved on
53 CSS-based techniques you should always have ready to hand if you develop web-sites. By Smashing Magazine
Saved on
A compilations of most Web 2.0 video controllers by Adam Betts.
Saved on
Accessible Form Guidelines, The do’s & don’ts of accessible form design, Complete with example forms and accessible JavaScript form tricks.
Saved on
This is a rating bar script done with PHP and mySQL that allows users to rate things with no page refresh.
Saved on
This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web.
Saved on
Some websites seem dead set on using drop-down menus for navigation, but I see so many problems with them I really can’t understand why they persist. In this article I list out the main reasons I find them problematic and why I would always advise against
Saved on
A CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.
Saved on
A set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.
Saved on
When designing a user interface, be it for the web or an application, my core goals are always to eliminate redundancy and make the UI as intuitive as possible. Sounds fairly simple, but like with all subjective processes, keeping those core goals on trac
Saved on
Easy to use jQuery-powered interface for the latest jQuery documentation.
Saved on
A jQuery plugin for star rating systems. The initial inspiration for this script came from Wil Stuckey’s star rating system. But the original script requires too much coding. Also it does not have provision for developing a star system (such as GMail, where you star or un-star an email). I have modified the original script to make it simpler for user to develop a star rating system.
Saved on
Aims to progressively enhance your page. Your navigation/pagination elements should be present in the HTML for non-js users, but the plugin will utilize those links to build out a more rich browsing experience.
Saved on
Infinite scroll has been called autopagerize, unpaginate, endless pages. But essentially it is pre-fetching content from a subsequent page and adding it directly to the user?s current page. Plugins for jQuery, WordPress and others.
Saved on
"The missing UI library for the Web" is a collection of the most important user-interface components for today’s websites, based on jQuery.
Saved on
A simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It?s suitable for most web sites ? accommodating up to three levels of page navigation and additional utility links ? and can easily be customized to meet your own individual needs, branding, or style preferences.
Saved on
Comparing the iPhone to the HTC Magic, a phone running Android, shows the problems that a virtual keyboard can cause, and how they can be solved. Typing on the iPhone ? especially in English ? works perfectly well, perhaps better than on a physical keyboard. Doing the same thing on an HTC Magic is often annoying and wrought with errors. Note that some of the Magic?s problems are not specific to Android, but to the Magic.
Saved on
A jQuery plugin for mobile web development on the iPhone, Android, Palm Pre, and other forward-thinking devices.
Saved on
A minimalist Gmail skin by Josef Richter
Saved on
Helvetica Twitter theme by Josef Richter
Saved on
Helvetica style for Google Calender, by Ad Taylor.
Saved on
Breaks down the page fold myth and gives some tips to ensure content below the fold gets seen.
Saved on
A jQuery based animation/effects, progressive enhancement plugin for CSS backgrounds.
Saved on
Saved on
Included is a set for Mac Firefox 3 and another for Vista IE7.
Saved on
Saved on
Sexy forms with jQuery which masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
Saved on
Reorder and filter items with a nice shuffling animation.
Saved on
Designed and carefully optimized for use on toolbars and tab bars in iPhone & iPad apps, they’re also perfect for Android apps, websites, t-shirts, tattoos and more.
Saved on
Converts a structure of static HTML elements into a highly customizable turntable-like interactive area.
Saved on
298 vector Icons, hand crafted, infinitely scalable & royalty-free icons for user interface designers.
Saved on
An easy-to-use jQuery plugin for making any web page element zoom.
Saved on
A holistic approach for the typical workflow - if you want to reap their benefits of grids on your next project but are unsure of the specifics.
Saved on
Pines Notify is a JavaScript notification plugin for the jQuery JavaScript library, developed by Hunter Perrin as part of Pines. It is licensed under the GNU Affero GPL. It is designed to provide maximum flexibility, while still being easy to use and easy to implement.
Saved on
A specialized remote screen viewing application intended as a tool to help designers create graphics for mobile applications, it has also proven to be useful for creating quick and dirty simulations, demos, and experience prototypes.
Saved on
A visualization of browser window sizes for people who visit Google. For example, the "90%" contour means that 90% of people visiting Google have their browser window open to at least this size or larger.
Saved on
A plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.
Saved on
An online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
Saved on
HTML5 <video> and <audio> with H.264, FLV, WMV, or MP3 on any browser in CSS with Flash and Silverlight fallbacks.
Saved on
Quickly and easily give feedback on design, content, and code on any page of a website or application without leaving your browser. It helps your team collaborate through visual feedback on screenshots, via a chaos-free process so that everyone can express their opinion.
Saved on
brand new, ground-breaking design application that supports user interface designers at every step of their work. Design beautiful interfaces, invent new widgets, style them and put it all together in an interactive prototype!
Saved on
Saved on
Royalty-free vector icons, glyphs and symbols based on the Helvetica Bold typeface.
Saved on
A jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes.
Saved on
An action that creates a browser window around any size Photoshop document you can throw at it. Simply install the action, choose a browser and play it.
Saved on
Tab icons for iPhone & iPad apps, designed and optimized for use on toolbars and tab bars in iPhone & iPad apps. All icons has been created for iPhone, iPhone 4 and iPad. Both sets include fully editable and scaleable photoshop PSD files.
Saved on
Official user interface (UI) and user experience (UX) guidelines from the manufacturers.
Saved on
Clean, stylish & unique icons for your next project. Designed by Jory Raphael at Sensible World, Symbolicons are a family of royalty-free vector icons and symbols for (most) any use. Follow Symbolicons & Sensible World on Twitter to keep up-to-date on new icon releases and track our shots on Dribbble to see some work in progress.
Saved on
A jQuery plugin by Scott Robbin which slides content in to view on the side.
Saved on
A collection of screenshots showing design and UI patterns for mobile devices. Including splash screens, activity feeds and user profiles.
Saved on
A simple, modern, framework-independent, well-tested, unobtrusive, notification system.
Saved on
A javsacript plug-in that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.