Sign up

People and blogs involved with and about the IndieWeb community, the fediverse, and/or the open web in general.

A public list by feedcity.

Manton Reece Supports Webmention Valid

Still thinking about yesterday’s iPhone 6 and Apple Watch event. Daniel and I recorded our first thoughts on a special episode of Core Intuition yesterday.

Manton Reece Supports Webmention Valid

Transmit for iOS 8

Federico Viticci has the exclusive on Transmit coming to iOS:

"Considering the old limitations of iOS for inter-app communication and file management, using the Transmit extension feels like a major breakthrough and exactly the kind of experience that the app was meant to be on an iPhone and iPad."

While traveling this summer, I used Panic’s Prompt to download and rename files on the Core Intuition web server. It’s going to be great to also have Transmit’s UI in my pocket.

Manton Reece Supports Webmention Valid

Learning curve with Ember.js is a little greater than I thought at first. Not sure I’m doing everything “correctly”, but getting the hang of it. Very cool framework.

HeydonWorks

I Do Care About Sin

Note: This article is a deconstruction of a post by Paul Boag called I don’t care if homosexuality is a sin. I recommend you read it unannotated first. Paul "agonized over writing this post", so you owe him that. I feel I have a duty to address Paul's post as an atheist, not...

HeydonWorks

Practical Aria Examples

Practical ARIA Examples

I have written a book about web application accessibility using WAI-ARIA for Smashing Magazine — the first of its kind. This popular page hosts all of the examples from the book and more.

Explore the examples

HeydonWorks

Revenge.css

REVENGE.CSS

Revenge.css is a CSS bookmarklet that reports bad html using pseudo content. If the page you use it with has malformed links, deprecated attributes, <div>s inside inline elements, inaccessible buttons, badly nested sections or other errors, you'll see some ugly, pink errors written in nobody's favourite font: Comic Sans.
Revenge.css Revenge.css on Github

HeydonWorks

Paragrabbr

Paragrabbr

I use Paragrabbr a lot. It's a lorem ipsum generator I wrote in AngularJS which includes special punctuation — like em dashes — and phrasing elements like <a>, <strong> and even <kbd>. Helps you get your type design detail right.

Use Paragrabbr

HeydonWorks

Auticons

Auticons Icon Font

Auticons is an icon font and CSS set that harnesses the awesome power of attribute selectors. It places resolution independent icons before or after any hyperlink with an href that matches a certain, expected pattern. In other words, it's an automatic icon font.

Auticons demo page Auticons download

HeydonWorks

Squib Font

Squib Font

The name Squib comes from "Square" and "Slab". Squib supports a total of 165 characters, including all the basic punctuation characters and common Western European accents. It also has an eszett!

Squib demo page and download Squib on Github

HeydonWorks

Reinventing The Hyperlink

Hi everybody! I've just done a lot of cocaine on the company expense account and I want to talk to you about navigational action controls called "hyperlinks" and how to design them into your enterprise-level web application portfolio. YEEEHAWWW. What is a hyperlink? Back in ...

HeydonWorks

Apps For All: Praise And Errata

In case you weren't already aware, I wrote a book. This is an unusual book since it is a whole technical book dedicated to making web applications accessible. Want to understand how to make dynamic, interactive applications that don't alienate and annoy folks? Using WAI-ARIA...

HeydonWorks

Confessions Of A CSS Expert

"I guess it all started pretty innocently enough. The UX guys would be asking for a new module or something. You know the sort of thing: a search box or paginator. Whatever. So I'd give that block a class like 'search-widget' or 'paginator'; something to make my stylesheet m...

HeydonWorks

The Accessible Current Page Link Conundrum

When I’m done staring with fear-induced catalepsy at the vast array of complex and overlapping app building, testing, integration and deployment tools that are quickly amassing around me, I like to take a little break and try to solve a simple problem. The “current page” lin...

HeydonWorks

Shrinking Button Outlines

I've always been a bit concerned about :focus styles for buttons. Some browsers barely do anything by default, making things less than obvious, whereas Firefox's insistence on including an inner outline (-moz-focus-inner) is ugly. That is, ugly if you spot it at all. I'...

HeydonWorks

Tetris And The Power Of CSS

To be really good at CSS, you have to learn CSS. I know this sounds like a tautology but I've become aware of a peculiar attitude that preprocessors such as SASS are somehow successors to CSS. Some SASS and LESS nerds are fond of proliferating the following aphorism. It shou...

HeydonWorks

Design Clients On Famous Logotypes

For this article, I took a sample of corporate and small business design clients, erased their memories (with a "mind rubber"), then asked them to critique a small selection of highly prolific and famous commercial logotypes. To them, this would be the first time they had s...

HeydonWorks

Accessible Buttons Jquery Plugin

Please note: The following should be considered an experiment. There is rarely a good reason not to use a <button> element for button-like controls, especially if it means loading a javascript resource just to polfill the behaviors that <button> already offers. ...

HeydonWorks

Font Hacking

What if I told you there was a way to radically alter your web pages without using images, javascript, proprietary CSS3 or any extra markup? What if I told you you didn't have to be an experienced typographer, you could do it for little more than 6Kb and that it would work i...

HeydonWorks

Pingomatic For Perch

I love the Perch CMS. It isn't crammed with features and plugins to placate each and every type of developer; it just does the Content Management task really well. Nonetheless, every so often I look for a little tool that Wordpress-derived muscle memory tells me should be pr...

HeydonWorks

CSS Is Not Simple

In CSS, there are four ways to visually position HTML elements within your web page. These are static, relative, absolute and fixed. There can be a great deal of confusion when it comes to discerning between these values, so I'd like to help clear things up. Or perhaps no...