An explainer to go along with the definitions of basic trigonometric concepts, sine and cosine, with a unit circle, using p5.js.
Noisli is a background noise generator that has subtle background colour changes. In this post, we use CSS animations to recreate the background colour changes.
Have you noticed how search pages highlight your search terms in their results? Google bolds them, Facebook highlights these terms with a pale blue background colour, and Chrome highlights them in a…
When I was in college, I mostly stuck to programming in C and C++, apart from occasional fiddling with Java, C#, and Python. I got a job as a Python programmer, and I read this book called Think…
In React, we use the setState() function whenever we need to update a component’s internal state. (Here’s an intro to state, props, and setState() in React.) But sometimes, setState() doesn’t work as…
In this post, we’ll build a simple Medium clapper with React. But before we get to the clapper, let’s go over some basic concepts of React..
For advice bot, I wanted to make the list of previously submitted advice look like zulip, but it was a dynamically generated list and I didn’t want to add too many elements using JS. Here’s my solution for styling the dynamically generated list with the ::before and ::after pseudoelements and CSS grid!
At recurse center, I made a zulip bot that gives recursers one piece of advice from an alum everyday, and a webapp to collect advice.
Here’s the link to advice bot on github.
I made a wiggly caterpillar during one of the creative coding events at Recurse Center, using p5.js.
Check out the caterpillar sketch.