Skip to search Skip to main content

Does the <body> rule the mind or does the mind rule the <body>?

Proposal for a more accessible Download Link

Posted

Updated

And people who are uglier than you and I
They take what they need, and leave

The Smiths, “A Roush And A Push And The Land Is Ours”

If you want to offer downloadable files to your user, how do you perfectly wrap those for all of them? Just putting a hyperlink around a file name seems so outdated. With modern HTML5, this can be made much better and more accessible.

An accessible microinteractions button

Posted

Updated

Any man could get used to
And I am the living sign

The Smiths, “Vicar In A Tutu”

Microinteractions consist of the subtle feedback moments in small single tasks, for example a light switch. The light bulp itself returns the feedback immediately after the switch is used. Another example might be vibrating cellphones when you receive a message. This haptic feedback is so powerful you even feel it, if the phone is in your pocket.

Breadcrumb trails – come in and find out

Posted

Updated

Call me morbid, call me pale
I’ve spent six years on your trail

The Smiths, “Half A Person”

Since 1995 web usability expert Jakob Nielsen recommended the use of breadcrumb trails as a secondary navigation scheme to help the users find their way through a complex website. And he can’t be wrong 22 years later as websites became more complex with different ways of navigation (e.g. off canvas menus, tabs, collapsibles, parallax scrolling etc.) and an uncountable number of different devices have access to them nowadays. Still they help users in those modern times.

A styled accessible file upload

Posted

Updated

I could have been wild and I could have been free
But nature played this trick on me

The Smiths, “Pretty Girls Make Graves”

To style especially the file upload is a real complex issue and you might stumble upon things like the Shadow DOM or Web Components, stuff that a regular frontend guy like me doesn’t want to be bothered with. But in the world of HTML5 and CSS3 we have been given enough power to get that fixed.