Vihanga nivarthana (@vihanga)

Make Your Applications More Attractive Using SVG Animations — Part 2

In the previous article, we explored what SVG is, how it differs from raster graphics, and why SVG animations are useful when building modern user interfaces. In this article, let's get practical. I'l

44d ago · 5 min readblog.vihanga.dev

The CSS light-dark() Function

Modern websites are expected to support both light mode and dark mode. Users switch between themes depending on their environment, personal preference, or operating system settings. For years, develop

Jun 9 · 4 min readblog.vihanga.dev

How I Built a Free Package Tracking Notifier with Cloudflare Workers

I recently ordered Starlink. It shipped via DHL, and then got forwarded to a local courier that had no push notifications. I didn’t want to keep refreshing their tracking page, so I built a free notifier with Cloudflare Workers, KV, and IFTTT. This p...

1Aug 16, 2025 · 5 min readblog.vihanga.dev

Make your applications more attractive using SVG animations

What is SVG? Scalable Vector Graphics (SVG) is an Extensible Markup Language (XML)-based vector image format for two-dimensional graphics with support for interactivity and animation. [ from Wikipedia ] Every image created has two types. They are Ras...

2Nov 2, 2022 · 2 min readblog.vihanga.dev

How to create your own duotone web icon font using Glyphs App

What are the duotone icons ? We all know what a traditional single color web icon font is, but a duotone font is a completely different type of font that has two contrasting colors instead of one color. Fontawesome recently introduced their duotone i...

Sep 7, 2022 · 4 min readblog.vihanga.dev

Vihanga nivarthana

About

Available for

Vihanga nivarthana's blogs

Make Your Applications More Attractive Using SVG Animations — Part 2

The CSS light-dark() Function

How I Built a Free Package Tracking Notifier with Cloudflare Workers

Make your applications more attractive using SVG animations

How to create your own duotone web icon font using Glyphs App

Vihanga nivarthana

About

Available for

Vihanga nivarthana's blogs

Make Your Applications More Attractive Using SVG Animations — Part 2

The CSS light-dark() Function

How I Built a Free Package Tracking Notifier with Cloudflare Workers

Make your applications more attractive using SVG animations

How to create your own duotone web icon font using Glyphs App

Vihanga nivarthana

About

Available for

Vihanga nivarthana's blogs

Make Your Applications More Attractive Using SVG Animations — Part 2

The CSS light-dark() Function

How I Built a Free Package Tracking Notifier with Cloudflare Workers

Make your applications more attractive using SVG animations

How to create your own duotone web icon font using Glyphs App

Search Hashnode

Vihanga nivarthana

About

Available for

Vihanga nivarthana's blogs

Make Your Applications More Attractive Using SVG Animations — Part 2

The CSS light-dark() Function

How I Built a Free Package Tracking Notifier with Cloudflare Workers

Make your applications more attractive using SVG animations

How to create your own duotone web icon font using Glyphs App