Tags: keyboard

15

sparkline

Friday, March 30th, 2018

Focusing on Focus Styles | CSS-Tricks

A deep dive into the :focus pseudo-class and why it’s important.

Friday, January 5th, 2018

Improving the Accessibility of 24 ways | CSS-Tricks

Paul walks us through the process of making some incremental accessibility improvements to this year’s 24 Ways.

Creating something new will always attract attention and admiration, but there’s an under-celebrated nobility in improving what already exists. While not all changes may be visual, they can have just as much impact.

Monday, November 7th, 2016

Sunday, November 6th, 2016

bitsofcode | Tools for Developing Accessible Websites

Ire rounds up a bunch of tools you can use to test accessibility, from dev tools to Tenon.

Wednesday, August 31st, 2016

I Wanted To Type a Number | Filament Group, Inc., Boston, MA

Choosing the right input type for your form field.

Wednesday, July 20th, 2016

Adapting to Input · An A List Apart Article

Jason breaks down the myths of inputs being tied to device form factors. Instead, given the inherent uncertainty around input, the only sensible approach is progressive enhancement.

Now is the time to experiment with new forms of web input. The key is to build a baseline input experience that works everywhere and then progressively enhance to take advantage of new capabilities of devices if they are available.

Monday, December 28th, 2015

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.

Sunday, December 13th, 2015

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)

Wednesday, March 6th, 2013

Quotes and Accents

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

Friday, January 4th, 2013

» 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?

Tuesday, November 6th, 2012

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.

Saturday, May 16th, 2009

Play Him Off, Keyboard Cat

Because everything goes better with keyboard cat.

Tuesday, February 10th, 2009

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.

Monday, May 19th, 2008

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.

Sunday, November 26th, 2006

box of chocolates » Firefox Power Moves

Handy Firefox keyboard shortcuts, courtesy of Derek.