Tags: keyboard

Touch Keyboard Type ‘Cheat Sheet’ - Labs - Baymard Institute

A useful primer on which combinations of attributes and values work best for which form fields: type, autocomplete, autocorrect, and autocapitalize.

HIKE - Introduction to accessibility concepts for the Web

It really isn’t hard to get the basics of accessibility right on the web …and yet those basics are often neglected.

Here’s a handy shortlist to run through, HIKE:

  • H stands for headings and semantic markup.
  • I stands for images and labels.
  • K stands for keyboard navigation.
  • E asks for you to ACT with a little extra love for custom components and more.

(ACT = ARIA, Colour Contrast, Text Size)

Quotes and Accents

Jessica’s handy guide to writing the right quotes and accents on a Mac keyboard.

» Responsive Design for Apps — Part 1 Cloud Four Blog

A great piece by Jason analysing the ever-blurring lines between device classes.

Mind you, there is one question he doesn’t answer which would help clear up his framing of the situation. That question is:

What’s a web app?

New Rule: Every Desktop Design Has To Go Finger-Friendly (Global Moxie)

Josh takes an-depth look at the navigation design implications of touch/keyboard hybrid devices, coming to a similar conclusion as Luke and Jason:

Unfortunately, the top-of-screen navigation and menus of traditional desktop layouts are outright hostile to hybrid ergonomics. Tried-and-true desktop conventions have to change to make room for fingers and thumbs.

Want to test for a hybrid device? Tough luck. Instead, argues Josh, the best you can do is assume that any device visiting your site could be touch-enabled.

Play Him Off, Keyboard Cat

Because everything goes better with keyboard cat.

Localization Problems: A Cellphone's Missing Dot Kills Two People, Puts Three More in Jail

When localisation attacks. This is like a more morbid Douglas Adams vignette.

Dave Veloz's Mac Mini Mod, Monitor, & Keyboard | The Steampunk Workshop

I would kill to get hold of this Steampunk Mac mini, flat panel monitor and brass keyboard.

box of chocolates » Firefox Power Moves

Handy Firefox keyboard shortcuts, courtesy of Derek.