#ui (151 links)
- Coding Horror: Removing The Login Barrier codinghorror.com
Even if you can't avoid an eventual login, it is possible to make the user's login process nearly seamless. Too many sites take a ham-handed, completely traditional approach to logins. You can do much, much better than the abysmal login barrier status quo
- FXT - Flex Templating onflex.org
Flex Templating provides rich client side website templating using MVC (Model-View-Controller). FXT solves a host of problems for using Flex and Flash Player for website development.
- Uni-Form dnevnikeklektika.com
"Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms."
- Tantek's Thoughts — 2007 February tantek.com
Three Hypotheses of Human Interface Design: "I'm calling these hypotheses instead of laws because they have yet to be proven out through rigrous scientific study and critique. I've developed them merely from anecdotes and examples."
- Rectangular Marquee Tool marqueetool.net
allows you to select rectangular areas on <DIV> or <IMG> elements, calculate selection coordinates, display them or send them to the server.
- Designing for Content | GarrettDimon.com garrettdimon.com
Visual decoration had to be kept to minimum. For me, this mean forgoing any heavy visual treatment of the header or inclusion of a mark or logo. [...] I would have to rely on typography, the grid, and whitespace to create an aesthetically pleasing experie
- A List Apart: Articles: Making Compact Forms More Accessible alistapart.com
Forms pose a series of usability and accessibility challenges, many of which are made more complex when you need to build a form to fit into a small space.
- Forget WYSIWYG editors - use WYSIWYM instead | 456 Berea Street 456bereastreet.com
There is another kind of editor that is better suited than WYSIWYG for content-driven, client-edited sites - the WYSIWYM (What You See Is What You Mean) editor.
- Vitamin Features » Communicating web 2.0 through design thinkvitamin.com
UI expert Robert Hoekman Jr shows you how to educate your visitors about the features of contemporary sites and web apps through instructive design.
There was a large amount of interest in last month’s Web Application Form Design article, so I decided to provide some additional details.
- Label Placement in Forms :: UXmatters uxmatters.com
Evaluating label placement in forms with eyetracking.
- Smashing Magazine | Blog Archive » CSS-Based Forms: Modern Solutions smashingmagazine.com
Modern solutions a web-developer can use [when] designing his/her next css-based form.
- Properties : CSS 2.1 Reference : Cultured Code culturedcode.com
Clients love to request [splash pages] and these are the arguments I use to shoot them down
- Seth's Blog: What I learned from eye tracking sethgodin.typepad.com
The folks at etre were kind enough to do some eye tracking analysis of Squidoo [...] The blue dot shows you where the user is focusing her eyesite... it doesn't measure peripheral vision, which is crucial.
- home of the n3rd c4ve | computer stuff. freewebs.com
No hotkey, no extra steps, drag and drop the programs on your Windows taskbar by simply... well, dragging and dropping them
When using PC-native file formats such as PDF or spreadsheets, users feel like they're interacting with a PC application. Because users are no longer browsing a website, they shouldn't be given a browser UI.
- zooming content | weblog | donotremove donotremove.co.uk
Each page is based on what I'm calling a 'zooming' layout. By that I mean that the information view and relevance on the page zooms out as the page goes down.
A twist on the Lightbox technique
- Skip Navigation jimthatcher.com
"An analysis/study of techniques for "skip navigation" links (also "skip to main content" links) which resulted from an assignment I had in the Web Content Accessibility Guidelines working group, Techniques task group."
- Lightbox JS v2.0 huddletogether.com
A simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
- Particletree · A Designer's Guide to Prototyping Ajax particletree.com
“Wireframing AJAX is a bitch.” [...] while I can’t deny the statement, I do think there are steps we can take to alleviate the pain."
- GrayBit v0.5 Beta: Grayscale Conversion Contrast Accessibility Tool - Main Page - Presented by GrayBit graybit.com
An online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast.
- Yahoo! Developer Network: Graded Browser Support developer.yahoo.net
- Yahoo! Developer Network: Graded Browser Support developer.yahoo.net
- Yahoo! UI Library developer.yahoo.net
- Yahoo! Design Pattern Library developer.yahoo.net
A pattern describes an optimal solution to a common problem within a specific context.
- Creating a Star Rater using CSS » Blog » Komodo Media komodomedia.com
Can you create a star rating using only CSS. I’m talking the kind that when you hover over the 4th star, there are four stars that show up on the hover state.
- Communicating error messages accessibly - Standards-schmandards standards-schmandards.com
Proposal for accessible error messages
- MochiKit – A lightweight Javascript library mochikit.com
A highly documented and well tested, suite of JavaScript libraries that will help you get shit done, fast.
- Styled Checkboxes gamingheadlines.co.uk
- Web Style Guide, 2nd Edition webstyleguide.com
- Ajax Mistakes alexbosworth.backpackit.com
Ajax is also a dangerous technology for web developers, its power introduces a huge amount of UI problems as well as server side state problems and server load problems.
- Designers Toolbox: Online Tools designerstoolbox.com
- Watchfire WebXACT webxact.watchfire.com
- Pan & Scan mike.teczno.com
Giant-Ass Image Viewer: a draggable view of a print from Ernst Haeckel's Kunstformen der Natur.
The importance of subtle clues to indicate change
- Digital Web Magazine - The Principles of Design digital-web.com
- Multiple Text Applicator 0.1 sparkcasting.com
The goal of the MTA is to provide an automated, accessible, degradable method for both users and developers to manage lists in web applications.