#ui (158 links)
- The OpenAI Keynote – Stratechery by Ben Thompson stratechery.com
The best UI, though, is no UI at all, or rather, just one UI, by which I mean “Universal Interface”.
... or more accurately: bad mobile-first web design.
- Adapting a design system to work for the Metaverse stackoverflow.blog
Where it becomes very convenient for user interfaces, and we'll take the example of React here, is that instead of maintaining additional fields in your state to display or not an error (which will likely be desynchronized by mistake, since there's a human responsibility to maintain it), you can store a result value in your component state, and explode it directly in the render function to derive what you need to display.
- The UX of LEGO Interface Panels – George Cave designedbycave.co.uk
- Spec · 8-Point Grid spec.fm
- openui/open-ui github.com
Maintain an open standard for UI and promote its adherence and adoption.
- Stop Misusing Toggle Switches uxmovement.com
- Writing Resilient Components — Overreacted overreacted.io
- Architecting UIs for Change joreteg.com
- The Elements of UI Engineering - Overreacted overreacted.io
If you worked a user interface, you’ve likely dealt with at least some of these challenges — either directly or using a library.
- c8r/kit github.com
Tools for developing, documenting, and testing React component libraries
#cli #components #design-systems #development #documentation#isolation #jsx #library#mdx #react#styleguide #testing #ui #javascript Translations for common UI phrases.
- UX Power Tools | Sketch smarter. uxpower.tools
UI development as a first-class citizen The single hardest part of front-end development at any scale is making changes to code and understanding all of the…
- LukeW | Touch Target Sizes lukew.com
- HTML5 Touch Interfaces: SXSW extended version. slideshare.net
- LukeW | Touch Gesture Reference Guide lukew.com
Contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures.
- LukeW | Netflix Makes Content the UI lukew.com
Ultralight wireframe tool.
- Adactio: Journal—One web adactio.com
This is why I’m saying that most of the time, creating a separate mobile website is simply a cop-out. It’s a tacit acknowledgement that the regular “desktop” site is beyond help. The cop-out is creating an optimised experience for one subset of users while abandoning others to their bloated fate.
- My First Week with the iPhone | Behind the Curtain behindthecurtain.us
Last Wednesday, my life changed forever. I got an iPhone. I consider it the greatest thing to happen to the blind for a very long time, possibly ever. It offers unparalleled access to properly made applications, and changed my life in twenty-four hours. The iPhone only has one thing holding it back: iTunes. Nevertheless, I have fallen in love.
"What you really need are tabs, tooltips, accordions, overlays, high usability, striking visual effects and all those "web 2.0" goodies that you have seen on your favourite websites." Or perhaps, "what you always get asked to provide, whether you like it or not".
- jQTouch jqtouch.com
A jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre.
- Writing Microcopy - Bokardo bokardo.com
The fastest way to improve your interface is to improve your copy-writing.
Via smitchio.
- jQuery Accessible Tabs - How to make tabs REALLY accessible - web output blog.ginader.de · Archived on
While a lot of Tabs-Scripts claim to be accessible it turns out, most of them are really not.
- iui - Google Code code.google.com
User Interface (UI) Library for Safari development on iPhone
For throwing at certain designers. Surprising how poor some cta's are.
- Learning from "bad" UI - (37signals) 37signals.com
The fact that a screen is “cluttered” doesn’t automatically mean it is poorly designed or ill-conceived.
- Design Stencils - Yahoo! Design Pattern Library developer.yahoo.com
Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG)
When I originally checked out Get Satisfaction, I was immediately impressed. However, it wasn't until I needed to get in and use it for myself that I really began to appreciate the depth of thought apparent in the interface.
The Google User Experience team aims to create designs that are useful, fast, simple, engaging, innovative, universal, profitable, beautiful, trustworthy, and personable.
- Jumpchart » Home jumpchart.com
Great idea, massively overpriced.
My personal experience registering for 87 accounts with the top online retailers and offer some tips for registration form design.
- UI-patterns.com ui-patterns.com
User Interface Design pattern library.
- YUI Theater — PPK on the Professionalization of Frontend Engineering » Yahoo! User Interface Blog yuiblog.com
PPK has embarked recently on a project to create a professional organization for frontend engineers in his native Holland. The organization is called “Fronteers” (frontend engineers)
- 30 Usability Issues To Be Aware Of | Know-How smashingmagazine.com
30 important usability issues, terms, rules and principles which are usually forgotten, ignored or misunderstood.