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.

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.