¬Daily Nerd

Keyboard, pixels and goats.

Better keyboard navigation

I believe there are many good reasons to use skip links but there are definitely other ways to make content accessible for keyboard users. Here's a nice proof of concept by Thierry Koblentz that uses that tab-key to tab from section to section and the arrow keys to navigate to links inside those sections. Feels intuitive once you find out how it works (yes, I know, that's somewhat, but not entirely contradictionary) and it clearly shows the importance of styling :focus states.

accessibility css html keyboard

CSS px is an Angular Measurement

The next time a designer ask you to create a pixel perfect design just tell them that you will, only if they can explain what the px unit in CSS is exactly. Just be sure your designer's name is not Sean B. Palmer.

css units

What Goes Up, Doesn’t Have To Come Down

What happens with your data if a service closes down? Can you actually entrust your precious online presence to third party services? Geri Coady writes about the closing down of Gowalla and links to some very interesting articles and video's about the subject of shutdowns.

history data

WTFWG | TimKadlec.com

You don't want to serve a 1024px wide image to a 320px wide screen, that's a silly waste of bandwidth. There is no easy way to do this so a group of web developers tried to work on a new HTML element to solve this issue. A few days ago a different solution was added to the spec without consulting these developers or without considereing the work they had already done. You can understand that not everybody is happy about this. If you're interested in this subject (it actually is very interesting, it's about the future of the web) you should definitely read this article, read about the beautiful HTML design principles mentioned and after that be sure to read this thread too.

html image responsive

Goat Laser

Yes, all these new webtechnologies like canvas look absolutely great, but can you actually make something useful with it? Two years ago Simon Willison created this extremely handy canvas tool, I can't wait till we finally see it implemented everywhereM.

canvas useful innovation

Responsive Design Workflow (Mobilism 2012) // Speaker Deck

One of the hardest parts of responsive design is the fact that we have to change the way we work, we have to change our workflow drastically, the deliverables we've been delivering in the past ten years just don't work anymore. More and more clever people start thinking about this new workflow and Stephen Hay is one of them. On Mobilism he gave this excellent presentation. Just pick and choose the ideas you think will serve you, your team and your clients well. I'll link to the video once it's published, you should definitely see it.

responsive workflow design

Desktop Apps with HTML5 and the Mozilla Web Runtime ✩ Mozilla Hacks – the Web developer blog

People like to use apps and people don't really care with what technology these apps are built. There are good reasons to use so called native technology for an app on a desktop or desknot computer, there are many good reasons why you'd want to use HTML. Mozilla is working on a Web Run-Time which lets you create launcher-apps for web-pages, here's an in depth explanation on how it works.

browsers html apps native

Future Friendly Style Guides - Luke Brooker Creative

No that we finally accepted that we web does not have a fixed width we need to find a new workflow, the Photoshop centered way we used to work is not good enough anymore. People start thinking and publishing about this new responsive workflow, and that's a good thing. Here's an article by Luke Brooker about his new workflow, centered around the idea of style guides.

styleguide responsive design workflow