justmarkup.com justmarkup.com

Overenhancement

A friend of mine upgraded their bicycle to an electric bicycle some years ago, mainly to improve their commute to work. It sounded like a great choice, in the end the upgrade did however not make their life easier. The upgrade had the opposite effect. This article is all about enhancements, enhancements going too far; Overenhancements. "Simplicity is a great virtue but it requires hard work to achieve it and education to...

justmarkup.com justmarkup.com

Integrate Pocket in Eleventy

I have been using Pocket since many years to organize my bookmarks and reading list and thought it would be great to show them on my blog where I use Eleventy. In this article you will learn how to get your data from Pocket and show them on your Eleventy site. Get a consumer key from Pocket # We assume that you already have a Pocket account, if not you should register an account there first. First, we need a consumer key, which we get...

justmarkup.com justmarkup.com

Styling the element

I recently worked on a FAQ page, and as I like semantic and accessible HTML I chose to use the <details> element to show the questions and answers. The default styling of <details> is pretty okay, but the designer had something different in mind, and so I had to find ways to style it according to the design specification. In this article you will learn how to style the summary, change the default arrows, and how to animate the...

justmarkup.com justmarkup.com

The need for a web accessibility law

Yesterday I was frustrated again that so many websites are still inaccessible, so as you do, I tweeted. More and more convinced that the only way to improve accessibility of the web is to have laws. Laws written by accessibility experts in force in every country. GDPR, but done right. As this got quite some replies, and as Twitter is a bad place to write about complex stuff, you can now read here why I think that we need a global web...

justmarkup.com justmarkup.com

100 days - 100 CSS properties in a tweet

At the beginning of the year I thought it may be fun to tweet about a CSS property for 100 days in a row. Before I started I wasn't really sure if there are even so many different CSS properties, but I soon realized there are much more, especially if you count all the long-hand properties as separate properties. Or did you know that there are 61 properties starting with border? I have to say I learned quite a lot about CSS the last 100...

justmarkup.com justmarkup.com

The beauty of the Unknown

Building for the frontend on the web comes with the challenge of many unknowns. Many seem to dislike this and want to build only for one environment. I really like the challenge and you should too if you are a Front-end developer. All the browser and devices # At the moment there are about 63.000 browser-platform-device combinations. That's a lot. And there will be even more in the future. It is impossible to test your site in all...

justmarkup.com justmarkup.com

Teaser with multiple links

Cards, teaser, preview blocks – there are many different ways to name them – one thing they all have in common is that they usually consist of a headline, an image, some text and a read more link. The other similarity is that all these elements should link to the same goal. In theory, writing the HTML for this pattern seems pretty straightforward, but there are some accessibility concerns which may not be obvious at a first...

justmarkup.com justmarkup.com

Share images to your website using the Web Share Target API

Last year my daughter was born, and of course we wanted to be able to share pictures of her with family and friends. I could have used any of the available services to share photos/galleries with them, but I don't feel comfortable at all that pictures of here are saved somewhere I don't really have access to. So, I made a simple web app, where my partner and me can upload the images to my server and family and friends can see them if...

justmarkup.com justmarkup.com

Eight years

It's been eight years since I launched this site with my first article. Since then I published 130 more articles and notes and one even explains why this site is named justmarkup. Last year I wrote that I plan to switch from WordPress to a Static Site generator. This is done now, and this site is now using 11ty and I am more than happy with it. If you are curious, the code behind this very site can be found on Github. I haven't written...