Recreating an animated border effect

I recreate an interesting effect I found on the internet. Sometimes things are easier than you think!

Adding a new font to a Tailwind project

How to add a font packaged to a Tailwind Project. Add the Atkinson HyperLegible font to a website project to improve readability.

Adding an image before a link with CSS.

How to add an image before link that has a certain URL. We use the ::before pseudoclass, along with a attribute selector on anchor tags that directs to GitHub.

Make images come to life with CSS filters

Use the saturate and scale transform functions along with transitions to animate images in pure CSS.

Setting up a blog with mdsvex

Learn how to set up a blog using mdsvex, in a Sveltekit project, with TypeScript and Tailwind.

the maardal.dev blog

A post about me (maardal), my story and relationship with tech, and how I want to use this blog.