Posts tagged: programming

Cover Image for Code Talk: How the Pickleball Text Effect Was Created on My Website

Code Talk: How the Pickleball Text Effect Was Created on My Website

On the 'Pickleball' page on my personal website, I wanted to add a bouncing back 'n forth effect to mimic to the motion of Pickleball.

Mal Nushi
Mal Nushi
Cover Image for Code Talk: How the Skate Text Effect Was Created on My Website

Code Talk: How the Skate Text Effect Was Created on My Website

On the 'Skating' page on my personal website, I wanted to add a 'skating in' animation to the page to capture to action of 'skating'.

Mal Nushi
Mal Nushi
Cover Image for Code Talk: How the LEGO Effect Was Created on My Website

Code Talk: How the LEGO Effect Was Created on My Website

On the 'LEGO' page on my personal website, I wanted to add something to kind of resemble LEGO bricks breaking and building. To do this, I had to create a Typescript React component.

Mal Nushi
Mal Nushi
Cover Image for Code Talk: How the Flash Effect Was Created on My Website

Code Talk: How the Flash Effect Was Created on My Website

On the 'Photography' page on my personal website, I wanted to add a little bit of flair to match the page. I came up with the idea of making a single word in a sentence flash like a camera.

Mal Nushi
Mal Nushi
Cover Image for Code Talk: Adding Syntax Highlighted Code Blocks

Code Talk: Adding Syntax Highlighted Code Blocks

I implemented syntax highlighted code blocks in my Next.js blog by wiring up remark and rehype with highlight.js. The default setup was plain and unstyled—this post covers the quick changes I made to fix that.

Mal Nushi
Mal Nushi
Cover Image for Code Talk: Adding Tagging Functionality to My Blog

Code Talk: Adding Tagging Functionality to My Blog

I wanted to add a tagging functionality into my blog so that navigating to different topics would be much easier. For *educational* purposes, I want to blog about how it was done.

Mal Nushi
Mal Nushi