Passing an object as an argument is easier to read when you use the function in other places. The function also gets the added benefit of more flexibility when editing as the order of the arguments doesn't matter anymore. In this small guide I'll show you why and how.
Accessibility is hard. You have to find the right balance between helping and not obstructing the browser defaults. When surfing a well structured page with a screenreader or the tab key you mostly start at the navigation. But what if the navigation is really long with a lot of links. That's a lot of tabbing. We can solve this with a simple 'skip-link'.
Want to create animations on scroll? Or you need to update your Table of Contents when the reader is scrolling your article? You want to use the browser's Intersection Observer API.
It's easier than ever to declare special functionality in your markup. Frameworks like Vue and Alpinejs compose JavaScript in the markup. Tailwind CSS allows you to style inside your markup. And now there's Animxyz to animate your markup.
Yes! People are able to find our content. They're so impressed they're sharing it. Writing their tweet and 'Eeehw...', the tweet looks awful. They were hoping they'd get a nice title, description and image when they copied your url. In this post we're going to fix this by adding social card information to a `createMeta` function.
Ever searched for a recipe and a lot of images popped up with user reviews? This are rich results. this is Google's way of trying to provide a better user experience. And it's working. The rich results get a larger click through rate. To support rich results you can provide structured data to Google. In this second part of our SEO blog we're going to add this structured data to our `createMeta` function from part 1.
When sharing your content you want it to be found on Google. This can be done by Search Engine Optimization (SEO). In this blog I'm going to share 3 SEO basic must haves to improve your chances on a top page search result in Vue or Nuxt.
Every web developer can write HTML. But what does it mean to write good HTML. It's more than knowing how to use a `div` or `span`. In this blog I'm going to discus the use of semantic HTML to improve the readability for you as a developer, improve the accessibility for people with assisted technologies and how you will better rank you in Google.
I love working with GraphQL. Especially because it is typed. This makes it the perfect match for TypeScript. With GraphQL exactly returning what you query, add a VS Code extension for checking the schema and a code generator to return typed results and we'll build a type safe api that will prevent us from messing up.
If you're a Tailwind CSS user, you know it's hard to shut up about it. At least for me. I'm always happy to share my experience with it, so here are 5 quick tips and resources.
Ever wondered how to fix the 'Eliminate render-blocking resources' warning in Lighthouse for the fonts you're loading? In this blog I'll describe why you're getting this warning and how we can solve this with local fonts. With the extra benefit of your text not jumping around anymore.
Animated icons are a great way to make micro-interactions on your application just a little more enjoyable and understandable. I use them in my applications a lot. Not long ago they've always seem kind of difficult to get but I'm going to show you that it shouldn't be hard.