I write about frontend development and web accessibility.
Most web developers are aware of the alt attribute and have probably read something like: “always include the alt attribute to improve accessibility.” A common misconception is that simply putting any kind of text inside the alt attribute will improv...
I am not the first person to write about the accessibility issues of placeholders, but I keep seeing them pop up in different projects. It is not uncommon to see a design that looks like the following: An input field, where the only way to discern i...
It's been a while since I last made an post in the Pure CSS series, but now it's time to add another entry to it. This post will show you how to create a gradient border in Pure CSS. The "Pure CSS" part mainly refers to not having to use a third-part...
Most tutorials on FaunaDB tells you to upload your GraphQL schema via their UI. When I started using Fauna, I felt that this workflow was very tedious. Every time I'd make a change in my schema, however small, I'd have to open the Fauna dashboard and...
Login to MetaMask with ethers Okay, this might seem really straight forward, but I actually had some problems figuring this out. I just started learning how to build dapps and found myself ripping my hair out because I couldn't figure out such a simp...
Fauna GQL Upload is an npm package for managing FaunaDB resources inside your project, a sort of infrastructure as code (IaC) tool. It is possible to use a local development instance of FaunaDB with Fauna GQL Upload using the Fauna Dev docker image. ...
So this is going to be a short one. I was going to deploy a lambda function that made use of the googleapis package, but it was way too large. The problem As you probably know, your Lambda functions should be below 5 MB to get acceptable cold start t...
This might seem strange and some questions probably popped up in your head. Why would you want to use JSX for emails? Can you actually render JSX on the server? Why JSX? So... JSX is really good for templating. You can simply do something like this: ...
Okay... making a dark theme in CSS is not difficult. The Pure CSS part mainly refers to not having to toggle the dark theme on your website. To actually make a dark theme toggle, you'd need to use some JS. There are also more ways to achieve a dark ...
As promised in the last article, I'll be making a skeleton loader in this one. What is a skeleton loader? There are other names for this type of loader, but I think Skeleton Loader is quite fitting. It is basically the skeleton version of a component...
A week ago I published a post on how to make a spinner in pure CSS. This time, I'm going to make something slightly more complicated: A Pulse Loader. The HTML The HTML for this is rather straight forward. All we need is a container element with two c...
So... This has been done before. There are so many articles, tutorials, and videos on Loaders/Spinners in CSS that I can't reference all of them in this post. With that said, I'm going to show you my take on a pure CSS spinner. I'm going to skip the ...
What is Fiverr? Fiverr is a platform for freelancers to sell their services. Be it painting, writing, or in my case, web development. Why I started freelancing on Fiverr Back in April, I decided that I had to do something about not getting any new cl...