Tags: screen

Responsive Inspector

A handy plugin for Chrome that always you to inspect media query breakpoints and take screenshots at any of them.

Offscreen 4: I got what I paid for by Jeff Porter

A really nice write-up of issue four of Offscreen magazine, wherein I was featured.

Issue 4 — Offscreen Magazine

There’s an interview with me in the new issue of Offscreen Magazine. Some of sort of clerical error, I’m guessing.

PlaceIt by Breezi - Generate Product Screenshots in Realistic Environments

A cute little service for mocking up pictures of your site being used on different devices. Just drag and drop a screenshot on to an image.

LukeW | Responsive Navigation: Optimizing for Touch Across Devices

Luke and Jason have done some excellent research (and put together some demos) into how the placement of navigation could be optimised for touch screens of all sizes. Turns out that the “standard” convention of having navigation along the top is far from ideal on a touch-enabled device.

Using Huffduffer to Listen to Audio - YouTube

This is so cool! A short screencast about Huffduffer.

HTML5 semantics and accessibility | The Paciello Group Blog

This is a great response to my recent post about semantics in HTML. Steve explores the accessibility implications. I heartily concur with his rallying cry at the end:

Get involved!

Productivity Future Vision (2011) - YouTube

This vision thing commissioned by Microsoft shows a future-friendly networked world where content flows like water from screen to screen.

Bringing the London Bus Network home – Blog – BERG

This is an excellent use of the Kindle as an undemanding screen. Really lovely!

Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions

A handy little service for viewing sites at different dimensions. Just be aware that it doesn’t actually emulate different devices.

Accessibility and HTML5 Block Links — Simply Accessible

Derek runs some tests on how screenreaders behave when block-level elements are wrapped in links, which is now legal in HTML5.

Spinning the Web - a set on Flickr

Eric is making some genuinely beautiful art by applying CSS transforms to some well-known sites.

Lightweight Computing – Stuntbox

The class of device formerly known as mobile.

Access Main Computer File

Well, there goes my afternoon: here’s an endless supply of computer interfaces from films.

Virgin’s Evil Microcopy | Flickr - Photo Sharing!

It’s like, how much darker could the pattern be? None. None more dark.

Virgin's Evil Microcopy

YouTube - A Day Made of Glass… Made possible by Corning.

There are two things I’d like to see after watching this video:

  1. A slew of parodies to highlight the unintended consequences of this marketeer’s panopticon,
  2. The Paleofuture blog post in 100 years looking back at this.

Let's start a new life with iDish. - しーなねこの記録

By far the best use of an iPad I've seen.

Non Hover | Trent Walton

A timely reminder: don't hide information behind mouseover events.

HTML5, ARIA Roles, and Screen Readers in May 2010 — Research — Accessible Culture

Test results for screen readers navigating content that uses new HTML5 elements and ARIA roles.

WebAIM: Screen Reader User Survey Results

The results of the second screen reader survey from WebAIM are, once again, required reading.

My first experience using an accessible touch screen device « Marco’s accessibility blog

A hands-on account of the new accessibility features in the iPhone. Sounds like a great experience.

WebAIM: Screen Reader Survey Results

This list of screenreader survey results is required reading. Conclusion: "there is no typical screen reader user."

BBC NEWS | Programmes | Click | Stevie Wonder interview

Stevie Wonder talks about assistive technology. I think this finally proves that yes, accessibility *is* sexy!

Experiments in Data Portability - Screencast

Glenn has created a screencast of his superb Skillswap presentation, syncing up the audio with the slides.

Effective Design for Multiple Screen Sizes | mobiForge

A superb article by Bryan Rieger on designing for multiple screen sizes. The closing section makes it clear that if you care about mobile, you'd better get comfortable with liquid layouts fast.

Using WAI ARIA Landmark Roles - The Paciello Group Blog

A guide to using ARIA roles from the mighty Steve Faulkner.

northtemple - JavaScript and screen readers

An in-depth look at the intersection of JavaScript and screen readers, concentrating on events in particular.

iphone login screens - a set on Flickr

Screenshots of various log in screens on the iPhone. I think Cindy has been hanging out with Luke W.

bunnyhero dev » Scaring people with fullScreen

Fullscreen mode for Flash movies could be used to totally freak people out. Here's how.

ScreenReader.net: freeware freedom for blind and Visually impaired people

A free screen reader. If this turns out to be any good, it could be a game-changer: a long overdue kick in the behind for Freedom Scientific.

AJAX and Screen Readers - Content Access Issues - The Paciello Group Blog

Steve Faulkner gives a rundown of the current state of play between screen readers and Ajax.

Empty Links and Screen Readers » Yahoo! User Interface Blog

Excellent research into how screen readers respond to empty links (i.e. A elements with no text between the opening and closing tags).

FlashAid version 1.0 released at Aral Balkan

Aral has been busy whipping FlashAid into shape. Now let's get busy kicking the tyres.

18 Questions for Niqui Merret and Aral Balkan on Flash and Accessibility - Wait till I come!

Christian talks to Aral and Niqui about Flash and accessibility.

An Interesting Way of Showing Battery Status

The screen of this mobile phone looks like a glass of water. The amount of water shows the battery life. The phone has a built in motion sensor to keep the water level.

Concurring Opinions: The Airline Screening Playset: Hours of Fun!

I know what I want for Christmas.