I was playing with Houdini css and built this. It is a worklet that allows you to render stars in the...
Blog
Converting GIF to MP4
GIF's are awesome we use them everywhere. But the issue with GIF's are they are usually much larger i...

Implementing custom liquid tags
Liquid tags are awesome dev.to uses some custom liquid tags to embed posts, gist, github repos, twitc...

Building GUI for your shell script using zenity
Sometimes the shell scripts that you write asks questions to the user so that they could change the s...

Tiny alternative to electron
I wanted to build a small desktop app for my own usage but using electron felt like an overkill (sinc...
Markdown like syntax parser
Sometimes you want markdown like syntax but not exact markdown specification. I build a really tiny m...

What aliases and scripts do you use?
As developers we use a lot of alias and small scripts to automate boring stuff. Here is my commonly u...

Access file system like object
When you write small scripts in nodejs it is sometimes annoying to deal with the file system API. Wou...
Clean Email
Built this really simple extension to make gmail look nicer
Creating useEffect in nodejs
React hooks is one of the best parts that I like about react. It would be nice to have something like...
Simple hook to deal with async function calls
For smaller react projects I wanted something simple to deal with asynchronous function calls like fe...
Simple React hook to handle input
When building in react often you have to deal with different inputs like text, number, date... and ea...
Programmers are writers
We as programmers write a lot of code and we read more code than we write. We write drafts first then...
Building simple spreadsheet in React
I recently tried to implement a simple spreadsheet in React with basic support for formulas using +,...
Implementing context menu using react hooks
Sometimes you want to override the browsers default context menu in your react app. You can easily do...
Using javascript proxy
I have recently been digging into proxy in Javascript. I was surprised by what it can do. Proxy allow...
API request using tagged template literals
I recently came across this awesome video introducing tagged template literals. At the end of the vid...
Poem generation in JS
I recently came across this awesome site https://kingjamesprogramming.tumblr.com It generates posts b...
Top level await in Dev tools
Many times when you are writing code you may want to do a simple fetch request and see the response....
Backdrop filter
I was playing with css backdrop-filter
Apply dark theme to your site using prefers-color-scheme
Apply dark/light theme to your website based on users os set theme
Skip links
Make your web app more keyboard friendly by using skip links
Roving focus in react with custom hooks
Making your list more keyboard friendly using roving index with custom hooks
Memoization of Immutable.js using hash code
Memoization of selectors from Immutable.js using hash code
Al - Simple alias manager
Simple alias manager
Wrapping text input with non editable element at front
Wrapping text input with non editable element at front
Building rich text editor
Building rich text editor in browser