Tags: head

Start Building Accessible Web Applications Today - Course by @marcysutton @eggheadio

A great series of short videos from Marcy on web accessibility.

Not OK, Computer — Track Changes

Ah, how I wish that this were published at a long-lived URL:

The one part of the web that I believe is truly genius, and that keeps standing the test of time, is the URI. The Web gave us a way to point to anything, forever. Everything else about the web has changed and grown to encyclopedic lengths, but URIs have been killing it for decades.

And yet the numbers show we’re hell-bent on screwing all that up with link-shorteners, moving URIs without redirection, and so forth. As always happens in technology we’ve taken a simple idea and found expedient ways to add fragility and complexity to it.

GitHub’s CSP journey - GitHub Engineering

A step-by-step walkthrough of how GitHub has tweaked its Content Security Policy over time. There are some valuable insights here, and I’m really, really happy to see companies share this kind of information.

Service Workers: Save your User’s Data using the Save-Data Header | Dean Hume

I hadn’t heard of the save-data header. This article shows how you can use a Service Worker to sniff for it and serve up smaller assets, but I’m guessing you could also sniff for it from the server.

securityheaders.io

A quick way of testing for some fairly easy to fix security leakage from your server’s headers.

I say easy to fix, but I find the fix for public key-pins pant-shittingly intimidating.

The web accessibility basics – Marco’s Accessibility Blog

Marco gives a run-down of the basics of getting accessibility right on the web. Nothing here is particularly onerous but you’d surprised how often developers get this wrong (or simply aren’t aware of it).

He finishes with a plea to avoid unnecessary complexity:

If there’s one wish I have for Christmas from the web developer community at large, it is this: Be good citizens of the web, and learn proper HTML before you even so much as touch any JavaScript framework. Those frameworks are great and offer a lot of features, no doubt. But before you use hundreds of kilobytes of JavaScript to make something clickable, you may want to try if a simple button element doesn’t do the trick just as fine!

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)

Understanding the Web with Jeremy Keith | The Web Ahead on Huffduffer

I really enjoyed chatting with Jen on this episode of The Web Ahead—aimless rambling fun.

Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou

Lea wasn’t happy with the lack of styling and extensibility of the datalist element, so she rolled her own lightweight autocomplete/type-ahead widget, and she’s sharing it with the world.

The Sticky Pagination Fixer

If you insist on having a fixed header on your site, please, please, please add this script to your site. I often use the spacebar to page down so this would be a life-saver.

The Web Ahead 56: The Nature of the Web with Jeremy Keith on Huffduffer

I had a lot of fun chatting with Jen on this week’s episode of The Web Ahead. Wind me up and let me loose; I ended up rambling on about blogging, the indie web movement, progressive enhancement, and just about everything in between.

Guardian Truncation Team

Celebrating the work of the tireless men and women who shorten headlines so they’ll fit on your iPhone.

The Daily Torygraph

There’s two years(!) of doctored headlines here. Yes, it’s puerile but it’s also very funny (to my puerile sensibilities).

REDbot: <>

Oh, this is very handy indeed: a quick lint tool for HTTP so you can see what kind of headers are being sent. There’s a bookmarklet in the footer too.

Document Outlines | HTML5 Doctor

Mike takes on the very tricky task of explaining the new outline algorithm—definitely one of the hardest features of HTML5 to explain, in my opinion.

Camptown News Greasemonkey Script — doo-dah, doo-dah « Tom Scott

Tom’s Greasemonkey script turns any seven-syllable headline into a verse of Camptown Races.

Design for the changing web: Our response :: Studio :: Headshift

Documenting the process of switching to a responsive design. I think there’s always insight to be gained from seeing how your peers are approaching these challenges.

F*ck Yeah Headlines

Each weekday I find a headline on a major news site, and illustrate it without reading a word of the story.

Interesting Letterhead Designs | Letterheady

A fantastic blog of letterheads. Some of the typographic choices are perfect.

fberriman » hgroups and sub-titles

Frances takes issue with the hgroup element in HTML5.

Web Security Horror Stories: The Director's Cut at

The slides from Simon's excellent full-length presentation at the head conference. Every web developer needs to be aware of these issues.

Design View / Andy Rutledge - USA.gov Redux

At first I thought that Andy Rutledge was trying to make some nuanced satirical point here but it turns out he's just a twunt.

RA DIOHEA_D / HOU SE OF_C ARDS - Google Code

The new Radiohead video isn't really a video at all. It's data visualisation. Here you can interact with the data points while the song is playing. I love this.

Headshift :: Twitter scepticism: justified or not?

Lee is a Twitter sceptic. Shun the unbeliever, shhuuuunnnnn!

Radiohead/ Remix/ Nude

Ever wanted to remix a Radiohead song? Me neither. But for those who do, they now can.

Last.fm – the Blog · Spot the difference

Compare and contrast Last.fm's chart with the "official" UK chart. It's as if Radiohead doesn't even exist in meatspace.

The Bygone Bureau » "Rainbows" Reveals a Brighter Tomorrow

Radiohead are distributing their next album themselves. You'll be able to download it for the princely sum of... whatever you feel like paying.

The London Evening Standard Headline Generator

Using photographs of actual headlines from the Evening Standard.

CSS Training Courses with edgeofmyseat.com

Want to learn CSS kung-fu? Get thee to Maidenhead on October 29th and you can learn from the best: Rachel Andrew and Drew McLellan.

Thirteen Simple Rules for Speeding Up Your Web Site

The justification behind YSlow. If you've heard Nate Koechley speak, some of this will be familiar to you. It's all solid advice as far as I can tell.

Your Daily Awesome » David Byrne Interviews David Byrne, 1984

This video of David Byrne from Stop Making Sense era Talking Heads is as brilliant and wacky as you'd expect. David Bynre is teh awsum.

Headshift :: What other conferences can learn from Reboot

If you're involved in organising a conference, there are some really valuable lessons to be gleaned from Lee's examination of Reboot.

Newsvine - Newsvine Relaunches... Announcing Evergreen

Mike and the team have redesigned/realigned Newsvine with some nice customisation of the front page.

Editors' top noise cancellation headphones - CNET Reviews

I need to get some noise-cancelling headphones for the flight to Vancouver. Those Sennheisers are looking good for the price.

Evening Standard Headline Crisis 2005 - a photoset on Flickr

All the hyperbole of Evening Standard headlines gathered together in one place. I have to say, Brighton's local rag, the Evening Argus, would have them beat for incomprehensibility and ridiculousness.

Evening Standard: AAARRRGGGHHH!

Hey Crackhead

An open letter on Craigslist from a motorbike-riding engineer to the crackheads who keep stealing his bike's sparkplugs to use as crackpipes.

daily mail-o-matic

The Daily Mail headline generator.

NASA's biometric robot head

This is deep, deep, deep within the uncanny valley. *shudder*